.page-template-template-trinity-single-test .waves {
  display: none;
}

@font-face {
  font-family: "Inter-Light";
  src: url("../fonts/Inter-Light.ttf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter-Regular.ttf");
}

@font-face {
  font-family: "Inter-Light";
  src: url("../fonts/Inter-Light.ttf");
}

@font-face {
  font-family: "Inter-SemiBold";
  src: url("../fonts/Inter-SemiBold.ttf");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter-Medium.ttf");
}

@font-face {
  font-family: "Marcellus-Regular.ttf";
  src: url("../fonts/Marcellus-Regular.ttf");
}

* {
  cursor: none;
}

a:hover {
  cursor: none !important;
}

.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next {
  display: none;
}

.desk_calendar {
	display:block;
}

.mobil_calendar {
	display:none;
}

/* 404 */

.no_page {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url("../img/white-background.png");
  background-size: cover;
  color: #fff;
}

.no_page h1 {
  font-family: "Inter-Medium";
}

.no_page a {
  color: #38644c;
  position: relative;
  z-index: 5;
}

/*cursor*/

#cursor {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #9ebf68;
  border-radius: 50%;
  mix-blend-mode: normal;
  pointer-events: none;
  transition: transform 0.15s ease-in-out;
  z-index: 9999;
}

.fp-slidesNav.fp-bottom {
  text-align: center;
}

/*end of cursor*/

.wc-block-components-drawer__screen-overlay--with-slide-out {
  display: none !important;
}

.woocommerce .quantity .fa-plus:before {
  content: "+" !important;
}

.woocommerce .quantity .fa-minus:before {
  content: "-";
}

table.cart .product-quantity .minus {
  width: 20px;
}
/* .wp-block-woocommerce-mini-cart-contents{
  display: none !important;
} */

.mob_lines {
  display: none;
}

.waveMove {
  display: none !important;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin: auto;
  padding: 0 20px;
}

body {
  margin: 0;
  font-family: "Inter-Regular";
}

p {
  color: #333333;
}

ul {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

input {
  outline: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h6 {
  font-weight: normal;
}

header:not(.entry-header) {
  padding: 30px 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5;
}

header .header-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

#menu-glavni-meni li {
  cursor: pointer;
}

.green_lines {
  width: 100%;
}

.green {
  background-color: #3c644d;
  border-radius: 20px;
  text-align: center;
}

.ring-container {
  position: relative;
}

.circle {
  width: 15px;
  height: 15px;
  background-color: #38644c;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}

.ringring {
  border: 3px solid #38644c;
  -webkit-border-radius: 30px;
  height: 35px;
  width: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

.mob-btn {
  display: none;
}

#menu-glavni-meni,
.main-menu-wrap,
.my_cart {
  display: flex;
  align-items: center;
}

.my_cart {
  margin-left: 20px;
  position: relative;
  cursor: pointer;
}

.wc-block-mini-cart__button {
  padding: 0 !important;
  cursor: pointer;
}

h2.wc-block-mini-cart__title {
  display: none !important;
}

.editor-styles-wrapper
  table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name,
table.wc-block-cart-items
  .wc-block-cart-items__row
  .wc-block-components-product-name {
  color: #000;
}

.my_cart .cart-customlocation {
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -10px;
  right: -10px;
}

.wc-block-components-button:not(.is-link) {
  background-color: #38644c !important;
  color: #fff;
  padding: 0 20px;
}

.wc-block-components-button:not(.is-link).outlined:not(:focus) {
  box-shadow: none;
  color: #fff;
}

.wc-block-mini-cart__button:hover:not([disabled]) {
  opacity: 1;
  background: transparent;
}

.my_cart .woocommerce-Price-amount.amount,
.my_cart .wc-block-mini-cart__amount {
  display: none;
}

#menu-glavni-meni li {
  margin-left: min(90px,5.5vw);
  position: relative;
}

.menu-item-has-children .sub-menu {
  position: absolute;
  background: #38644c;
  min-width: 270px;
  padding: 10px 15px;
  border-radius: 10px;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}

.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
  left: 100%;
  right: auto;
  top: 0;
  margin-left: 15px;
  display: none;
}

.menu-item-has-children .sub-menu li.menu-item-has-children::after {
  content: '';
  background: url(/wp-content/uploads/2024/10/right-arrow.svg);
  width: 10px;
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 8px;
}

.sub-menu.open_nav_drop {
  display: block !important;
}

#menu-glavni-meni li.menu-item-has-children ul li .sub-menu {
  display: none;
}  

.menu-item-has-children .sub-menu li {
  margin-left: 0 !important;
}

.menu-item-has-children .sub-menu li a {
  padding: 5px 0 !important;
  display: inline-block;
  font-size: 12px !important;
  color: #fff !important;
}

#menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-1 #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-2 #menu-glavni-meni li a {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  padding-bottom: 10px;
  display: inline-block;
}

.menu-item-27 {
  padding-bottom: 10px;
}

.page-template-template-trinity-usluge-php.fp-viewing-1
  #menu-glavni-meni
  .menu-item-27
  a,
.page-template-template-trinity-usluge-php.fp-viewing-2
  #menu-glavni-meni
  .menu-item-27
  a {
  color: #fff;
}

.page-template-template-trinity-usluge-php.fp-viewing-1 .my_cart,
.page-template-template-trinity-usluge-php.fp-viewing-2 .my_cart {
  -webkit-filter: none !important;
  filter: none !important;
}

.page-template-template-trinity-nature-php #menu-glavni-meni li a,
.page-template-template-fizicka-priprema-zasportiste-php #menu-glavni-meni li a,
.fp-viewing-kontakt #menu-glavni-meni li a {
  color: #fff;
  /* cursor: pointer; */
}

#menu-glavni-meni li.menu-item-27 a {
  padding: 10px 30px;
  background: #38644c;
  color: #fff;
  border-radius: 20px;
}

.home.fp-viewing-7 #menu-glavni-meni li.menu-item-27 a,
.page-template-template-misija-vizija-vrednost.fp-viewing-3
  #menu-glavni-meni
  li.menu-item-27
  a,
.page-template-template-fizicka-priprema-zasportiste.fp-viewing-1
  #menu-glavni-meni
  li.menu-item-27
  a,
.page-template-template-trinity-nature.fp-viewing-1
  #menu-glavni-meni
  li.menu-item-27
  a,
.single-product.fp-viewing-1 #menu-glavni-meni li.menu-item-27 a,
.single-product.fp-viewing-2 #menu-glavni-meni li.menu-item-27 a,
.single-product.fp-viewing-5 #menu-glavni-meni li.menu-item-27 a,
.single-product.fp-viewing-0-kontakt #menu-glavni-meni li.menu-item-27 a {
  background: #fff;
  color: #1d1d1d;
}

/* Header colors */

.fp-viewing-1 #menu-glavni-meni li a,
.fp-viewing-2 #menu-glavni-meni li a,
.fp-viewing-5 #menu-glavni-meni li a,
.fp-viewing-7 #menu-glavni-meni li a,
.page-template-template-misija-vizija-vrednost.fp-viewing-3 #menu-glavni-meni li a,
.page-template-template-fizicka-priprema-zasportiste.fp-viewing-0 #menu-glavni-meni li a,
.page-template-template-trinity-nature.fp-viewing-0 #menu-glavni-meni li a,
.page-template-template-trinity-usluge.fp-viewing-0 #menu-glavni-meni li a,
.page-template-template-home.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-home.fp-viewing-0-2 #menu-glavni-meni li a,
.page-template-template-home.fp-viewing-0-3 #menu-glavni-meni li a,
.page-template-template-home.fp-viewing-0-7 #menu-glavni-meni li a,
.page-template-template-home.fp-viewing-0-kontakt #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-0-0 #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-0-1 #menu-glavni-meni li a,
/* .page-template-template-trinity-usluge-php.fp-viewing-0-2 #menu-glavni-meni li a, */
.page-template-template-trinity-usluge-php.fp-viewing-0-4 #menu-glavni-meni li a,
.page-template-template-misija-vizija-vrednost.fp-viewing-0-7 #menu-glavni-meni li a,
.archive.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-kontakt #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-0-3 #menu-glavni-meni li a,
.page-template-template-trinity-therapy.fp-viewing-0-0 #menu-glavni-meni li a,
.page-template-template-trinity-therapy.fp-viewing-0-2 #menu-glavni-meni li a,
.page-template-template-trinity-running.fp-viewing-0-2 #menu-glavni-meni li a,
.page-template-template-trinity-immune.fp-viewing-0-0 #menu-glavni-meni li a,
.page-template-template-trinity-immune.fp-viewing-0-2 #menu-glavni-meni li a,
.page-template-template-trinity-therapy.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-trinity-running.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-trinity-immune.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-trinity-usluge.fp-viewing-0-5 #menu-glavni-meni li a,
.page-template-template-trinity-usluge.fp-viewing-0-8 #menu-glavni-meni li a,
.page-template-template-fitnes-opsti-php.fp-viewing-0-0 #menu-glavni-meni li a,
.page-template-template-fitnes-opsti-php.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-fitnes-individualni-php.fp-viewing-0-0 #menu-glavni-meni li a,
.page-template-template-fitnes-individualni-php.fp-viewing-0-1 #menu-glavni-meni li a,
.page-template-template-fitnes-online-php.fp-viewing-0-0 #menu-glavni-meni li a,
.page-template-template-fitnes-online-php.fp-viewing-0-1 #menu-glavni-meni li a {
  color: #fff;
}

.fp-viewing-1 .logo img,
.fp-viewing-2 .logo img,
.fp-viewing-5 .logo img,
.fp-viewing-7 .logo img,
.page-template-template-misija-vizija-vrednost.fp-viewing-3 .logo img,
.page-template-template-fizicka-priprema-zasportiste.fp-viewing-0 .logo img,
.page-template-template-trinity-nature.fp-viewing-0 .logo img,
.page-template-template-trinity-usluge.fp-viewing-0 .logo img,
.page-template-template-home.fp-viewing-0-1 .logo img,
.page-template-template-home.fp-viewing-0-2 .logo img,
.page-template-template-home.fp-viewing-0-3 .logo img,
.page-template-template-home.fp-viewing-0-kontakt .logo img,
.page-template-template-trinity-nature-php.fp-viewing-0-0 .logo img,
.page-template-template-trinity-nature-php.fp-viewing-0-1 .logo img,
.page-template-template-fizicka-priprema-zasportiste-php.fp-viewing-0-0 .logo img,
.page-template-template-fizicka-priprema-zasportiste-php.fp-viewing-0-1 .logo img,
.page-template-template-trinity-usluge-php.fp-viewing-0-0 .logo img,
.page-template-template-trinity-usluge-php.fp-viewing-0-1 .logo img,
/* .page-template-template-trinity-usluge-php.fp-viewing-0-2 .logo img, */
.page-template-template-trinity-usluge-php.fp-viewing-0-4 .logo img,
.page-template-template-home-php.fp-viewing-0-7 .logo img,
.page-template-template-misija-vizija-vrednost.fp-viewing-0-3 .logo img,
.archive.fp-viewing-0-1 .logo img,
.page-template-template-kontakt .logo img,
.page-template-template-trinity-usluge-php.fp-viewing-0-3 .logo img,
.page-template-template-trinity-therapy.fp-viewing-0-0 .logo img,
.page-template-template-trinity-therapy.fp-viewing-0-2 .logo img,
.page-template-template-trinity-running.fp-viewing-0-2 .logo img,
.page-template-template-trinity-immune.fp-viewing-0-0 .logo img,
.page-template-template-trinity-immune.fp-viewing-0-2 .logo img,
.page-template-template-trinity-therapy.fp-viewing-0-1 .logo img,
.page-template-template-trinity-running.fp-viewing-0-1 .logo img,
.page-template-template-trinity-immune.fp-viewing-0-1 .logo img,
.page-template-template-trinity-usluge-php.fp-viewing-0-5 .logo img,
.page-template-template-fitnes-opsti-php.fp-viewing-0-0 .logo img,
.page-template-template-fitnes-opsti-php.fp-viewing-0-1 .logo img,
.page-template-template-fitnes-individualni-php.fp-viewing-0-0 .logo img,
.page-template-template-fitnes-individualni-php.fp-viewing-0-1 .logo img,
.page-template-template-fitnes-online-php.fp-viewing-0-0 .logo img,
.page-template-template-fitnes-online-php.fp-viewing-0-1 .logo img {
  -webkit-filter: brightness(0%) invert(1);
  filter: brightness(0%) invert(1);
}



.fp-viewing-1 .my_cart,
.fp-viewing-2 .my_cart,
.fp-viewing-5 .my_cart,
.fp-viewing-7 .my_cart,
.page-template-template-misija-vizija-vrednost.fp-viewing-3 .my_cart,
.page-template-template-fizicka-priprema-zasportiste.fp-viewing-0 .my_cart,
.page-template-template-trinity-nature.fp-viewing-0 .my_cart,
.fp-viewing-kontakt .my_cart,
.page-template-template-home.fp-viewing-0-1 .my_cart,
.page-template-template-home.fp-viewing-0-2 .my_cart,
.page-template-template-home.fp-viewing-0-kontakt .my_cart,
.page-template-template-home.fp-viewing-0-3 .my_cart,
.page-template-template-trinity-nature-php.fp-viewing-0-0 .my_cart,
.page-template-template-trinity-nature-php.fp-viewing-0-1 .my_cart,
.page-template-template-fizicka-priprema-zasportiste-php.fp-viewing-0-0
  .my_cart,
.page-template-template-fizicka-priprema-zasportiste-php.fp-viewing-0-1
  .my_cart,
.page-template-template-trinity-usluge-php.fp-viewing-0-0 .my_cart,
.page-template-template-trinity-usluge-php.fp-viewing-0-1 .my_cart,
.page-template-template-trinity-usluge-php.fp-viewing-0-2 .my_cart,
.page-template-template-trinity-usluge-php.fp-viewing-0-8 .my_cart,
.page-template-template-home.fp-viewing-0-7 .my_cart,
.page-template-template-misija-vizija-vrednost.fp-viewing-0-3 .my_cart,
.archive.fp-viewing-0-1 .my_cart,
.page-template-template-kontakt .my_cart,
.page-template-template-trinity-usluge.fp-viewing-0-3 .my_cart,
.page-template-template-trinity-usluge.fp-viewing-0-4 .my_cart,
.page-template-template-trinity-usluge.fp-viewing-0-5 .my_cart,
.page-template-template-trinity-therapy.fp-viewing-0-0 .my_cart,
.page-template-template-trinity-therapy.fp-viewing-0-1 .my_cart,
.page-template-template-trinity-running.fp-viewing-0-1 .my_cart,
.page-template-template-trinity-immune.fp-viewing-0-1 .my_cart,
.page-template-template-trinity-immune.fp-viewing-0-0 .my_cart,
.page-template-template-fitnes-opsti-php.fp-viewing-0-0 .my_cart,
.page-template-template-fitnes-opsti-php.fp-viewing-0-1 .my_cart,
.page-template-template-fitnes-individualni-php.fp-viewing-0-0 .my_cart,
.page-template-template-fitnes-individualni-php.fp-viewing-0-1 .my_cart,
.page-template-template-fitnes-online-php.fp-viewing-0-0 .my_cart,
.page-template-template-fitnes-online-php.fp-viewing-0-1 .my_cart {
  -webkit-filter: brightness(0%) invert(1) !important;
  filter: brightness(0%) invert(1) !important;
  cursor: pointer;
}

.page-template-template-misija-vizija-vrednost .logo img,
.page-template-template-trinity-usluge.fp-viewing-1 .logo img,
.page-template-template-trinity-usluge.fp-viewing-2 .logo img {
  -webkit-filter: none;
  filter: none;
}

.page-template-template-misija-vizija-vrednost #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-0-2 #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-0-6 #menu-glavni-meni li a,
.page-template-template-trinity-usluge-php.fp-viewing-0-7 #menu-glavni-meni li a {
  color: #1d1d1d;
}

.page-template-template-misija-vizija-vrednost #menu-glavni-meni li.menu-item-27 a,
.page-template-template-trinity-usluge-php.fp-viewing-0-2 #menu-glavni-meni li.menu-item-27 a,
.page-template-template-trinity-usluge-php.fp-viewing-0-6 #menu-glavni-meni li.menu-item-27 a,
.page-template-template-trinity-usluge-php.fp-viewing-0-7 #menu-glavni-meni li.menu-item-27 a {
  color: #fff;
}



.page-template-template-home.fp-viewing-0-1 .fp-slidesNav,
.page-template-template-home.fp-viewing-0-2 .fp-slidesNav,
.page-template-template-home.fp-viewing-0-7 .fp-slidesNav,
.page-template-template-home.fp-viewing-0-kontakt .fp-slidesNav,
.page-template-template-trinity-nature-php .fp-slidesNav,
.page-template-template-fizicka-priprema-zasportiste-php .fp-slidesNav,
.page-template-template-misija-vizija-vrednost.fp-viewing-0-3 .fp-slidesNav,
.page-template-template-trinity-usluge.fp-viewing-0-0 .fp-slidesNav,
.archive.fp-viewing-0-1 .fp-slidesNav,
.page-template-template-home.fp-viewing-0-3 .fp-slidesNav,
.page-template-template-trinity-usluge-php.fp-viewing-0-1 .fp-slidesNav,
.page-template-template-trinity-usluge-php.fp-viewing-0-3 .fp-slidesNav,
.page-template-template-trinity-usluge-php.fp-viewing-0-4 .fp-slidesNav,
.page-template-template-trinity-usluge-php.fp-viewing-0-5 .fp-slidesNav,
.page-template-template-trinity-usluge-php.fp-viewing-0-8 .fp-slidesNav {
  -webkit-filter: brightness(0%) invert(1) !important;
  filter: brightness(0%) invert(1) !important;
}

/* Lines */

#section0 .waves {
  position: absolute;
  top: 13%;
}

#section0 .desc_content,
#section0 .btn_link {
  position: relative;
  z-index: 5;
}

/**/

#section1 .waves {
  position: absolute;
  top: 12%;
}

/**/

#section2 .waves {
  position: absolute;
  top: 25%;
}

/**/

#section3 .waves {
  position: absolute;
  top: -17%;
}

/**/

#section5 .slide-3-lines {
  position: absolute;
  top: 13%;
  width: 100%;
  left: 0;
}

/**/

#section6 .waves {
  position: absolute;
  top: -5%;
}

/**/

footer .waves {
  position: absolute;
  left: 0;
  left: 0;
  top: 0%;
}

/**/

#misija .waves,
#vizija .waves,
#vrednost .waves {
  position: absolute;
  top: -100%;
}

/* Section 0 */

#section0 {
  background: url("../img/white-background.png");
  background-size: cover;
  background-position: top;
}

.tabs-wrap {
  position: relative;
}

/*.tabs-wrap .green_lines {
	position: absolute;
  left: 0;
  top: 0;
}*/

.mg-top-bottom {
  margin: 100px 0 0;
}

.section .desc_content {
  width: 50%;
  padding-left: 15%;
}

.section .desc_content p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  font-family: "Marcellus-Regular.ttf";
}

.section .desc_content span {
  color: #37644b;
}

.section .btn_link {
  width: 50%;
  text-align: right;
  padding-right: 20%;
}

#section0 .btn_link .ring {
  background: #9ebf68;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 40%;
  bottom: 5%;
  display: none;
}

/*.section .btn_link a {
  background: url(../img/green-btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}*/

.section .btn_link a {
  background: #37644b;
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  border-radius: 50%;
}

.section .btn_link a:hover,
#section5 .more:hover,
#section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit:hover,
.trinity_services .line_section a:hover {
  background: #2d523e;
}

.trinity_btn1 {
  position: absolute;
  left: 23%;
  bottom: 25%;
}

.trinity_btn2 {
  position: absolute;
  left: 47%;
  bottom: 48%;
}

.trinity_btn3 {
  position: absolute;
  left: 71%;
  bottom: 3%;
}

.trinity_btn1 span,
.trinity_btn2 span,
.trinity_btn3 span {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50%;
  margin: 5px auto 0;
}

.tabs-wrap li a {
  color: #38644c;
}

/* End section 0 */

/* Section 1 */

.fp-section.fp-table,
.fp-slide.fp-table {
  position: relative;
}

#section1 {
  background: url(../img/trinity-nature.png);
  background-size: cover;
  background-repeat: no-repeat;
}

#section1,
#section1 p {
  color: #fff;
}

#section1 h1,
.trinityServiceDesc h1 {
  font-size: 60px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
}

#section1 .top_desc h1,
#section1 .top_desc p {
  width: 50%;
}

#section1 .top_desc h1,
#section2 .top_desc,
#section3 h1,
#section4 h1,
#section5 h1 {
  padding-left: 15%;
}

.trinityServiceDesc {
  padding-left: 10%;
}

#section1 .top_desc h1,
#section2 h1,
.trinityServiceDesc h1 {
  color: #fff;
}

#section1 .top_desc p {
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
  padding-right: 15%;
}

/*#section1 .line_section a {
  background: url(../img/white_btn1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #38644c;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
}*/

#section1 .line_section a {
  background: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #38644c;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 50%;
}

#section1 .line_section a:hover,
#section2 .line_section a:hover,
#section4 .slide-3-lines a:hover {
  background: #d9d9d9;
}

#section1 .line_section a {
  position: absolute;
  right: 40%;
  bottom: 18%;
}

#section1 .line_section .ring {
  background: #9ebf68;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 52%;
  bottom: 12%;
  display: none;
}

/* End section 1 */

/* Section 2 */

#section2 {
  background: url(../img/sport-perfomance.png);
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

#section2 .line_section .multy_lines,
#section1 .line_section .multy_lines {
  opacity: 0.6;
}

#section2 h1 {
  font-size: 60px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  width: 100%;
}

#section2 .top_desc p,
.trinityServiceDesc p {
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
  width: 50%;
  color: #fff;
  position: relative;
  top: 4vw;
  z-index: 5;
}

#section2 .line_section a {
  position: absolute;
  right: 20%;
  bottom: 20%;
}

/*#section2 .line_section a {
  background: url(../img/white_btn1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #38644c;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
}*/

#section2 .line_section a {
  background: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #38644c;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 50%;
  z-index: 5;
}

/* End section 2 */

/* Section 3 */

#section3 {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
}

#section3 .desc_content p {
  font-size: 17px;
}

#section3 .flex-wrap {
  margin-bottom: 80px;
  padding-top: 50px;
}

#section3 h1 {
  font-size: 60px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
  width: 45%;
}

#section3 .desc_content {
  width: 55%;
  padding-left: 5%;
}

/* End section 3 */

/* Section 4 */

#section4 {
  background: url(../img/trinity-head.png);
  background-size: cover;
  background-position: top;
}

#section4 .waves {
  position: absolute;
  top: 13%;
}

#section4 h1 {
  font-size: 60px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  width: 100%;
  color: #fff;
}

/*#section4 .slide-3-lines a {
  background: url(../img/white_btn1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #38644c;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  bottom: 28%;
  left: 35%;
}*/

#section4 .slide-3-lines a {
  background: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #38644c;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  bottom: 28%;
  left: 35%;
  border-radius: 50%;
}

#section4 .slide-3-lines .ring {
  background: #9ebf68;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 55%;
  bottom: 20%;
  display: none;
}

/* End section 4 */

/* Section 5 */

#section5 {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
}

#section5 h1 {
  font-size: 60px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  width: 100%;
  color: #38654c;
}

/*#section5 .more {
  background: url(../img/green-btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  right: 25%;
  z-index: 5;
}*/

#section5 .more {
  background: #37644b;
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  right: 25%;
  z-index: 5;
  border-radius: 50%;
  top: 55%;
}

#section5 .more::after {
  content: "";
  background: #9ebf68;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: -120px;
  bottom: -10px;
  display: none;
}

#section5 .top_desc {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15%;
}

#section5 .green_lines {
  position: absolute;
  top: 230px;
}

.insta_feed {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
}

.insta_feed li {
  width: 16.666%;
}

.insta_feed li img {
  border-radius: 50%;
}

/* End section 5 */

/* Section 6 */

#section6 {
  /* background: url(../img/white-background.png); */
  background: #f5f5f5;
  background-size: cover;
  background-position: top;
  position: relative;
}

#section6 #fluentform_3 fieldset {
  display: flex;
  align-items: flex-end;
}

#section6 #fluentform_3 {
}

#section6 .multy_lines {
  position: absolute;
  left: 0;
}

#section6 h2 {
  text-align: center;
  font-size: 30px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
}

#section6 .fluentform_wrapper_3 {
  margin-top: 50px;
  margin: 100px auto 0;
  width: 75%;
  padding-left: 50px;
}

#section6 .fluentform .ff-el-group {
  margin-bottom: 0;
}

#section6 .ff-custom_html p {
  font-size: 14px;
}

#section6 .ff_submit_btn_wrapper {
  position: relative;
  right: -50px;
}

#section6 .ff_submit_btn_wrapper .ff-btn-submit::after {
  content: "";
  background: #9ebf68;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: 0%;
  left: 0;
  display: none;
}

#section6 .fluentform_wrapper_3 input,
#section6 .fluentform_wrapper_3 textarea {
  background: #fff;
  position: relative;
  z-index: 5;
  border-radius: 25px;
}

#section6 .fluentform_wrapper_3 textarea {
  height: 220px;
}

#section6 .fluentform_wrapper_3 label {
  color: #38654c;
  margin-bottom: 5px;
  font-size: 14px;
}

/*#section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit {
  background: url(../img/green-btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  box-shadow: none;
  border: none;
  opacity: 1;
  text-transform: uppercase;
}*/

#section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit {
  background: #37644b;
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  box-shadow: none;
  border: none;
  opacity: 1;
  text-transform: uppercase;
  border-radius: 50%;
}

/* End section 6 */

/* Misija vizija vrednost */

.mision_vision {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
}

.mision_vision .line_section {
  position: relative;
  overflow: hidden;
}

.mision_vision .desc_content {
  width: 100%;
  padding-left: 15%;
  display: flex;
  margin: 50px 0 50px;
}

.mision_vision .desc_content h1 {
  font-size: 60px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
  width: 25%;
}

.mision_vision .desc_content p {
  width: 50%;
  padding-left: 5%;
}

/*.mision_vision .m_v_1 span,
.mision_vision .m_v_2 span,
.mision_vision .m_v_3 span {
  width: 35px;
  height: 35px;
  background: #38644c;
  display: block;
  border-radius: 50%;
  margin: 5px auto 0;
}*/

.mision_vision .m_v_1 a,
.mision_vision .m_v_2 a,
.mision_vision .m_v_3 a {
  color: #38644c;
}

body:not(.woocommerce-block-theme-has-button-styles)
  .wc-block-components-button:not(.is-link):focus {
  box-shadow: none !important;
}

.mision_vision .m_v_1 {
  position: absolute;
  top: 50%;
  left: 22%;
  z-index: 5;
}

.mision_vision .m_v_2 {
  position: absolute;
  top: 2%;
  left: 55%;
  z-index: 5;
}

.mision_vision .m_v_3 {
  position: absolute;
  top: 77%;
  left: 76%;
  z-index: 5;
}

/* End misija vizija vrednost */

/* Fizicka priprema za sportiste */

.section.fizicka-priprema {
  background: url(../img/fizicka-priprema.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: #fff;
}

.section.fizicka-priprema .top_desc p {
  top: 2vw !important;
}

/* End fizicka priprema */

/* Trinity nature */

.section.trinity-nature {
  background: url(../img/trinity-nature-page.png) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  /* color: #fff; */
}

/* Trinity nature */

/* Woocommerce page */

.listing_setnji {
  text-align: center;
  font-size: 40px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
  margin-bottom: 50px;
}

.storefront-sorting {
  display: none;
}

.archive #fullpage {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
}

.archive .header-image-category {
  display: none;
}

.main_shop_cat .slick-track {
  display: flex;
}

.main_shop_cat .products {
  margin: 0 -10px;
}

.main_shop_cat .product {
  margin: 0 !important;
  padding: 0 10px;
}

.main_shop_cat ul.products li.product img {
  object-fit: cover;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

ul.products li.product .woocommerce-LoopProduct-link {
  position: relative;
}

.main_shop_cat ul.products li.product > a::after {
  content: "REZERVIŠITE";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(56, 100, 76, 0.9);
  color: #fff;
  opacity: 0;
}

.main_shop_cat ul.products li.product > a:hover::after {
  opacity: 1;
}

.main_shop_cat ul.products li.product .woocommerce-loop-product__title {
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
  font-size: 20px;
}

.main_shop_cat ul.products li.product .price {
  display: none;
}

.main_shop_cat ul.products li.product .cat_name a {
  color: #1d1d1d;
  font-size: 15px;
  margin-bottom: 5px;
  display: inline-block;
}

.main_shop_cat ul.products li.product .add_to_cart_button {
  display: none;
}

.date-atribute {
  color: #1d1d1d;
}

.main_shop_cat .slick-prev:before,
.serviceSlider .slick-prev:before {
  content: "";
  background: url(../img/left-arrow.svg);
  width: 20px;
  height: 20px;
  background-size: contain;
  position: relative;
  left: -50px;
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
  filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
}

.main_shop_cat .slick-next:before,
.serviceSlider .slick-next:before {
  content: "";
  background: url(../img/right-arrow.svg);
  width: 20px;
  height: 20px;
  background-size: contain;
  position: relative;
  right: -50px;
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
  filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
}

.main_shop_cat .slick-prev,
.serviceSlider .slick-prev {
  left: 10px;
  border: none;
  /* cursor: pointer; */
  background: transparent;
  z-index: 4;
}

.main_shop_cat .slick-next,
.serviceSlider .slick-next {
  right: 5px;
  border: none;
  /* cursor: pointer; */
  background: transparent;
  z-index: 4;
}

.main_shop_cat .slick-prev,
.main_shop_cat .slick-next,
.serviceSlider .slick-prev,
.serviceSlider .slick-next {
  position: absolute;
  font-size: 0;
  top: 35%;
  background: transparent;
  /* cursor: pointer; */
}

.main_shop_cat {
  margin-top: 50px;
}

.berocket_single_filter_widget_51 .bapf_head {
  display: none;
}

.berocket_single_filter_widget_51 .bapf_body ul {
  display: flex;
}

.filter_group {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 5;
}

.filter_group .bapf_body li {
  margin: 0 10px !important;
}

.filter_group .bapf_body li label,
.berocket_single_filter_widget_52 .bapf_head h3 {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  color: #1d1d1d;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 20px;
  text-align: center;
  margin: 0;
  cursor: pointer;
}

.bapf_hideckbox li input:checked + label:hover a,
.bapf_hideckbox li label:hover,
.bapf_hideckbox li label:hover a {
  color: #38654c;
}

.filter_group .bapf_body li label:hover,
.berocket_single_filter_widget_52 .bapf_head h3:hover {
  color: #fff;
  background: #38654c;
}

.berocket_single_filter_widget_52 .bapf_head h3:hover {
  color: #fff !important;
}

.filter_group .bapf_body li label:hover,
.berocket_single_filter_widget_52 .bapf_head h3:hover {
  color: #fff;
}

.filter_group .bapf_body li.checked label {
  color: #fff !important;
  background: #38654c;
}

.berocket_single_filter_widget_52 .bapf_body li.checked label {
  color: #1d1d1d !important;
}

.berocket_single_filter_widget_52 {
  position: relative;
}

.berocket_single_filter_widget_52 .bapf_body {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #ccc;
  padding: 10px 0;
  margin-top: 10px;
  position: absolute;
  z-index: 5;
  display: none;
  width: 100%;
}

.berocket_single_filter_widget_52 .bapf_body ul li label {
  background: transparent !important;
  color: #1d1d1d !important;
  border: none;
  padding: 5px 0;
  font-size: 11px;
}

.product-lines {
  position: absolute;
  top: 5%;
}

.selected_filter .bapf_head,
.selected_filter .bapf_sfa_unall,
.selected_filter .bapf_sfa_taxonomy span {
  display: none;
}

.selected_filter {
  text-align: center;
}

.selected_filter .berocket_aapf_widget_selected_filter {
  display: flex;
  justify-content: center;
}

.selected_filter .berocket_aapf_widget_selected_filter ul li a {
  color: #fff !important;
  background: #38654c;
  position: relative;
  z-index: 4;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 20px;
}

.selected_filter .berocket_aapf_widget_selected_filter ul li a i {
  margin-right: 5px;
}

/* Single product */

.storefront-product-pagination,
.related.products {
  display: none !important;
}

.single-product #fullpage-no-scroll {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
  padding-top: 150px;
}

.single-product #fullpage-no-scroll .section {
  padding-bottom: 0;
}

#fullpage-no-scroll #footer {
  margin-top: 50px;
}

.single-flex-wrap .woo-single-desc .summary {
  display: flex;
  flex-direction: column;
}

.woo-single-desc .summary .woocommerce-product-details__short-description {
  order: -1;
  margin-bottom: 10px;
  border-bottom: 1px solid;
  padding-bottom: 20px;
}

.woo-single-desc
  .summary
  .woocommerce-product-details__short-description
  ul
  li {
  margin-bottom: 10px;
}

.woo-single-desc .summary .woocommerce-product-details__short-description ul {
  margin-top: 10px;
}

.single-flex-wrap .woo-single-desc .price {
  font-size: 20px;
  color: #38654c;
  font-family: "Inter-SemiBold";
}

.single-flex-wrap .woo-single-desc .woocommerce-variation-price .price {
	color:#fff;
}

.woo-single-desc
  .summary
  .woocommerce-product-details__short-description
  strong {
  font-family: "Inter-SemiBold";
  color: #38654c;
}

.woo-single-desc .summary .woocommerce-product-details__short-description p {
  margin-bottom: 0;
  margin-top: 7px;
  font-size: 15px;
  line-height: 1.5;
}

.woo-single-desc .summary .woocommerce-product-details__short-description a {
  color: #38644c;
  display: flex;
  align-items: center;
}

.woo-single-desc
  .summary
  .woocommerce-product-details__short-description
  a
  img {
  width: 20px;
  filter: brightness(0) saturate(100%) invert(32%) sepia(14%) saturate(1097%)
    hue-rotate(95deg) brightness(99%) contrast(90%);
}

.single-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.single-product div.product {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.storefront-full-width-content.single-product
  div.product
  .woocommerce-product-gallery {
  margin-bottom: 20px !important;
}

.single-product div.product .woocommerce-product-gallery img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  border-radius: 50%;
  min-width: 300px;
}

.single_product_content {
  margin-top: 20px;
}

.single_product_content strong {
 font-family: "Inter-SemiBold";
 color: #38654c;
}

.single-product
  div.product
  .woocommerce-product-gallery
  .woocommerce-product-gallery__trigger {
  top: 0 !important;
  right: 0 !important;
}

.single-flex-wrap .woo-single_img {
  width: 70%;
  padding-right: 7%;
}

.custom-price-add-to-cart {
	display:none;
}

.single-flex-wrap .woo-single_img .onsale {
  display: none;
}

.post-465 .cat_name a {
  display: none !important;
}

.main_single_wrap .waves {
  position: absolute;
  top: -3%;
}

.single-flex-wrap .woo-single-desc .singleDesc {
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: relative;
  border: 1px solid #dfdfdf;
  padding: 20px 30px 30px;
  border-radius: 20px;
}

.single_product_catc {
  position: relative;
  z-index: 5;
}

.single-flex-wrap .woo-single-desc .product_title {
  display: none;
}

.single_product_content {
  width: 100%;
}

.single_product_content h1,
.single_product_content h2,
.single_product_content h3 {
  font-family: "Marcellus-Regular.ttf";
  color: #38654c;
  font-size: 24px;
}

.single_product_content h1 {
  font-size: 35px;
}

.single_product_content h4 {
  font-family: "Marcellus-Regular.ttf";
  color: #38654c;
  font-weight: bold;
}

.single_product_content p {
  font-size: 14px;
  line-height: 1.5;
}

.single_product_content p strong,
.single_product_content ul li strong {
  font-family: "Inter-SemiBold";
}

.single_product_content a {
  color: #38654c !important;
}

.single_product_content ul li {
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 10px;
}

.storefront-full-width-content.single-product
  div.product
  .woocommerce-product-gallery {
  float: none !important;
}

.single-product .cat_name a {
  font-family: "Marcellus-Regular.ttf";
  color: #303030;
  font-size: 30px;
}

.green {
  padding: 20px;
}

.green p {
  color: #fff;
  font-weight: normal;
  font-family: "Marcellus-Regular.ttf";
  font-size: 15px;
}

.green h2 {
  color: #8bd231;
  margin-top: 0;
  margin-bottom: 10px;
}

.postid-454 .tour_rang,
.tour_rang {
  display: none;
}

.single_product_cat h1 {
  font-family: "Marcellus-Regular.ttf";
  color: #38654c;
  margin: 0;
  font-size: 40px;
}

.single_product_cat .tour_date {
  color: #000;
  margin-top: 5px;
  font-size: 18px;
}

.woo-single-desc {
  width: 30%;
}

.t_list p {
  margin: 5px 0;
  font-size: 14px;
}

.t_list h3 {
  font-family: "Marcellus-Regular.ttf";
  color: #38654c;
  font-size: 20px;
  margin-bottom: 10px;
}

table.variations {
  width: 100%;
}

table.variations .label {
  padding: 10px;
  margin-bottom: 10px;
}

.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item {
  width: 48% !important;
  margin: 0;
  border-radius: 0;
  border: 1px solid #ccc !important;
  box-shadow: none !important;
  padding-bottom: 5px;
}

.variable-item.button-variable-item.button-variable-item-organizovan-prevoz.selected {
  border: 1px solid #000 !important;
  background: #38644c !important;
  color: #fff !important;
}

.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item
  .variable-item-span {
  font-size: 14px;
}

.woo-variation-swatches .variable-items-wrapper {
  justify-content: space-between !important;
}

.woo-variation-swatches
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item):focus,
.woo-variation-swatches
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item):hover {
  box-shadow: none !important;
}

a.reset_variations {
  margin-left: 0 !important;
  margin: 10px 0;
  color: #38654c;
}

.woocommerce-variation-price {
  background: #38644c;
  text-align: center;
  color: #fff;
  padding: 10px;
  margin-bottom: 15px;
}

.summary .cart,
.woocommerce-variation-add-to-cart {
  display: flex;
}

.variations_form.cart {
  display: inline;
}

.single_add_to_cart_button {
  width: 100%;
  background: #38644c !important;
  border: 1px solid #38644c !important;
  border: none;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  font-size: 13px;
  height: 40px;
  cursor: pointer;
  margin-left: 15px;
  border-radius: 20px;
}

.single_add_to_cart_button:hover {
  background: transparent !important;
  color: #38644c !important;
}

.woo-single-desc .quantity,
.custom-price-add-to-cart .quantity {
  display: flex;
  align-items: center;
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 15px;
  border-radius: 20px;
}

.woo-single-desc .quantity .qty,
.custom-price-add-to-cart .quantity .qty {
  height: 30px;
  border: none;
  text-align: center;
  padding-left: 17px;
  background: transparent;
}

.woo-single-desc .quantity button,
.custom-price-add-to-cart .quantity button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.woo-single-desc .quantity .fa-minus:before,
.custom-price-add-to-cart .quantity .fa-minus:before {
  content: "-";
  color: #000;
}

.woo-single-desc .quantity .fa-plus:before,
.custom-price-add-to-cart .quantity .fa-plus:before {
  content: "+";
  color: #000;
}

.quantity .qty {
  height: 40px;
}

.product_meta,
.edit-link {
  display: none;
}

/**/

.tour_rang p {
  font-size: 14px;
  color: #38654c;
  margin-bottom: 10px;
  margin-top: 40px;
  font-weight: bold;
}

.tour_rang {
  position: relative;
}

.tour_rang img {
  position: absolute;
  top: 0;
  left: 135px;
  width: 35px;
}

.t_rang_list {
  position: relative;
}

.no-active_tour_rang,
.active_tour_rang {
  display: flex;
}

.active_tour_rang {
  position: absolute;
  top: 0;
}

.no-active_tour_rang li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  margin: 0 1.5px;
  border: 1px solid #ccc;
}

.active_tour_rang li {
  font-size: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #38654c;
  margin: 0 1.5px;
  border: 1px solid #ccc;
}

.single-product #footer,
.woocommerce-cart #footer,
.woocommerce-checkout #footer,
.woocommerce-account #footer,
.single #footer,
.page-template-template-trinity-anketa #footer,
.page-template-template-trinity-izbor-programa-fitness #footer,
.blog #footer,
.archive #footer{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Woocommerce notify */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: #38644c !important;
  width: 100%;
  border-radius: 10px !important;
  font-size: 13px;
}

.woocommerce-notices-wrapper {
  max-width: 1400px;
  margin: 0 auto 20px;
}

/* Checkout and Cart */

.woocommerce-checkout.page,
.woocommerce-account.page {
  background: url(../img/white-background.png);
  background-size: contain;
  background-position: top;
}

.woocommerce-cart .woocommerce {
  padding-bottom: 50px;
  padding-top: 100px;
}

.woocommerce-cart .container h1 {
  display: none;
}

.woocommerce-cart .main-pages h1 {
  font-family: "Marcellus-Regular.ttf";

  font-style: normal;
  font-weight: 700;
  color: #38654c;
  font-size: 36px;
  letter-spacing: -0.03em;
  text-align: center;
  padding: 50px 0 0;
}

.woocommerce-cart .woocommerce-cart-form,
/*.woocommerce-checkout .main-pages,*/
.woocommerce-notices-wrapper,
.main-pages {
  max-width: 1440px;
  width: 100%;
  margin: auto;
}

.woocommerce-notices-wrapper .woocommerce-message a {
  background: transparent !important;
  color: #fff !important;
  border: none !important;
  padding-left: 0;
  padding-right: 0;
  margin: 0 !important;
}

.woocommerce-message a {
  display: none;
}

.woocommerce-message {
  font-family: "Inter-Regular" !important;
  font-style: normal;

  font-weight: 500;
  font-size: 14px;
}

.woocommerce-cart .shop_table {
  margin: 30px auto 0;
}

.woocommerce-cart .shop_table th {
  border-top: 1px solid #e7e7e7;
  padding: 16px 12px;
  font-size: 15px;
  font-family: "Inter-SemiBold";
}

.woocommerce-cart .shop_table td {
  padding: 0 20px;
  font-family: "Inter-SemiBold";
}

.woocommerce-cart .shop_table td img {
  width: 100%;
  max-width: 100% !important;
  height: 130px !important;
  border-radius: 0;
  object-fit: contain;
}

.woocommerce-cart .shop_table .product-name a {
  color: #38654c;
  font-size: 17px;
  font-family: "Marcellus-Regular.ttf";

  font-style: normal;
  font-weight: 700;
}

.woocommerce-cart .shop_table td .minus,
.woocommerce-cart .shop_table td .plus {
  padding: 5px;
  text-align: center;
  border-radius: 0;
  border: 1px solid #ccc;
  color: #38654c;
}

.woocommerce-cart .coupon .button {
  margin-bottom: 0 !important;
}

/*.woocommerce-cart .coupon {
  display: none !important;
}*/

.woocommerce-cart .button {
  color: #fff !important;
  background: #38654c !important;
  text-align: center;
  font-size: 14px;
  font-family: "Inter-Regular" !important;
  font-style: normal;

  font-weight: 500;
  line-height: 38px;
  border: 1px solid #38654c !important;
  padding: 0 20px;
}

.cart-collaterals {
  width: 100%;
  margin: auto;
}

.woocommerce-cart .woocommerce-cart-form__cart-item {
  border-bottom: 1px solid #e7e7e7;
}

.woocommerce-cart a.remove {
  font-size: 0;
}

.woocommerce-cart a.remove::before {
  color: #38654c;
}

.woocommerce-cart .coupon {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 20px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.woocommerce-cart .coupon label {
  display: none;
}

.woocommerce-cart .coupon .button {
  color: #3d3137;
  border: 1px solid #3d3137;
  background: transparent;
  font-family: "Inter-Regular";

  margin: 0;
}

.woocommerce-cart .coupon input {
  padding: 0 10px;
  height: 40px;
  margin: 0;
  border: 1px solid #3d3137;
  border-radius: 0;
  border-right: none;
  min-width: 250px;
}

.woocommerce-cart .actions .button {
  background: transparent;
  font-family: "Inter-Regular";

  margin: 0;
  cursor: pointer;
  float: right;
  margin-bottom: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: 40%;
  margin: 50px 0 0 auto;
  overflow-x: hidden;
}

.woocommerce-cart .cart-subtotal th {
  border-top: none;
  padding: 0;
  font-size: 13px;
}

.woocommerce-cart .cart_totals .shop_table {
  margin: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals th {
  padding: 10px;
  font-family: "Inter-Regular";

  font-weight: normal;
  color: #3d3137;
  text-align: left;
  font-size: 14px;
}

table.shop_table_responsive tbody th {
  display: table-cell;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
  border: none;
  font-family: "Inter-SemiBold";

  font-weight: normal;
  color: #6d6d6d;
  text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  width: 100% !important;
}

.woocommerce-cart .wc-proceed-to-checkout {
  text-align: center;
  background: #38654c !important;
}

.woocommerce-cart .wc-proceed-to-checkout a {
  width: 100%;
  display: inline-block;
}

.woocommerce-cart .product-quantity input {
  width: 50px;
  padding: 5px;
  text-align: center;
  border-radius: 0;
  border: 1px solid #ccc;
}

.woocommerce-cart .shop_table td {
  text-align: left;
}

.woocommerce-cart table:not(.has-background) th {
  background-color: #f8f8f8 !important;
}

.woocommerce-Price-currencySymbol {
  font-weight: normal;
}

.book_and_price .cart {
  width: 55%;
}

.woo-variation-swatches .variable-items-wrapper {
  margin: 0 !important;
}

.woo-variation-swatches
  .variable-items-wrapper
  .variable-item:not(.radio-variable-item).button-variable-item
  .variable-item-contents {
  position: relative;
  padding-left: 0;
  color: #224c2e;
}

.button-variable-item {
  margin-left: 0 !important;
}

.variable-item.button-variable-item.selected {
  background: #38644c !important;
}

.variable-item.button-variable-item.selected span {
  color: #fff !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  width: 50.3%;
  margin-top: 0;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background: #3d3137;
  color: #fff;
  font-family: "Inter-Regular";

  font-size: 23px;
  margin-bottom: 0;
}

.wc-proceed-to-checkout .button.checkout-button {
  font-size: 20px !important;
}

.cart_totals h2 {
  font-family: "Inter-Regular";

  margin-bottom: 10px;
  color: #3d3137;
  font-weight: normal;
  font-size: 20px;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: #2a2226;
}

/* Checkout */

.woocommerce-shipping-totals.shipping {
  display: none;
}

.woocommerce-checkout .checkout_coupon .input-text {
  padding: 10px;
  width: auto;
  min-width: 300px;
}

.woocommerce-checkout .main-pages {
  padding-bottom: 50px;
}

.checkout_coupon.woocommerce-form-coupon .button {
  background: #38654c;
  color: #fff;
  border: none;
  padding: 5px 10px;
  height: 40px;
}

.woocommerce-checkout h1,
.woocommerce-account .title {
  font-family: "Marcellus-Regular.ttf";
  font-style: normal;
  font-weight: 700;
  color: #38654c;
  font-size: 36px;
  letter-spacing: -0.03em;
  text-align: center;
  padding: 50px 0 0;
  margin-top: 100px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  width: 100%;
  padding-left: 50px;
  padding-bottom: 30px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li {
  margin: 5px 0;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li strong,
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li {
  font-family: "Inter-Regular";

  font-size: 17px;
  font-weight: normal;
}

.checkout {
  margin-top: 50px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

form.checkout::before,
form.checkout::after {
  display: none !important;
}

#payment .payment_methods > li .payment_box,
#payment .place-order {
  background-color: #ecffe9 !important;
}

.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first,
.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
  width: auto;
  float: none;
}

.wc-block-components-quantity-selector
  input.wc-block-components-quantity-selector__input {
  font-size: 14px !important;
  font-weight: normal !important;
}

.checkout .col2-set,
.checkout #order_review {
  width: 100%;
  margin: 0;
  float: none;
  background: transparent;
}

.woocommerce-checkout .woocommerce-additional-fields {
  display: none;
}

.shop_table {
  width: 100%;
}

.checkout #order_review_heading {
  display: none;
}

.checkout .col2-set .form-row-first {
  width: 44.4444444444%;
  float: left;
  margin-right: 11.1111111111%;
}

.checkout .col2-set .form-row-last {
  width: 44.4444444444%;
  float: right;
  margin-right: 0;
}

.checkout .form-row-wide {
  clear: both;
  width: 100%;
}

.checkout .form-row label {
  display: block;
  font-family: "Inter-Regular";

  font-size: 17px;
  font-weight: normal;
  margin-bottom: 5px;
  color: #38654c;
}

.woocommerce form .form-row .required {
  color: #38654c;
}

.woocommerce-info a {
  display: block;
  color: #38654c;
}

.woocommerce-notices-wrapper {
  padding: 0 20px;
}

.woocommerce-info {
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: "Inter-Regular";

  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
}

.woocommerce-privacy-policy-text {
  font-size: 15px;
}

.woocommerce-privacy-policy-text p a {
  font-family: "Inter-Regular";
}

#payment .place-order {
  padding: 0 10px;
}

.woocommerce-privacy-policy-text p {
  font-size: 13px;
  line-height: 1.5;
}

#payment .place-order {
  margin-top: 20px;
  margin-bottom: 20px;
}

#payment .place-order .button {
  font-size: 20px !important;
}

.woocommerce-checkout-payment {
  margin-bottom: 50px;
}

#payment .place-order {
  padding: 0 !important;
}

.woocommerce-form-register p {
  display: none;
}

.woocommerce-privacy-policy-text p {
  display: block !important;
}

.woocommerce-form-row {
  display: block !important;
}

.checkout h3 {
  font-weight: normal;
  font-size: 20px;
  text-transform: uppercase;
  color: #3d3137;
  letter-spacing: -0.03em;
  font-family: "Inter-Regular";
}

.woocommerce-privacy-policy-text a {
  color: #224c2e;
  font-family: "Inter-Regular";

  font-weight: 300;
}

.checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input,
.checkout.woocommerce-checkout .woocommerce-shipping-fields input,
.woocommerce-account .woocommerce-MyAccount-content input,
#customer_login input {
  padding: 10px !important;
  margin-bottom: 15px !important;
  font-family: "Inter-Regular";

  font-weight: 300;
}

.checkout.woocommerce-checkout select {
  font-family: "Inter-Regular";

  padding: 10px !important;
}

.form-row input,
.form-row textarea,
.form-row select {
  width: 100%;
}

.form-row textarea {
  padding: 10px;
  font-family: "Inter-Regular";
}

.checkout.woocommerce-checkout #order_review thead {
  font-family: "Inter-Regular";

  font-weight: normal;
  color: #3d1f43;
  padding: 10px;
}

.checkout.woocommerce-checkout .shop_table .product-name,
.checkout.woocommerce-checkout .shop_table .product-subtotal {
  text-align: left !important;
}

.checkout.woocommerce-checkout #order_review th {
  padding: 10px;
  font-family: "Inter-Regular";

  font-weight: normal;
  font-size: 15px;
  color: #3d1f43;
  text-align: left;
  background-color: #f2f2f2 !important;
}

.wc_payment_methods {
  font-family: "Inter-Regular";
  font-weight: normal;
  font-size: 15px;
  padding-top: 10px;
  margin-bottom: 10px;

  padding: 10px;
  background: #ecffe9;
  background-color: #ecffe9;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
  background: #ecffe9 !important;
}

.payment_box.payment_method_cheque p {
  padding: 10px;
}

.payment_box.payment_method_cheque p a {
  color: #224c2e;
  text-transform: uppercase;
  font-family: "SourceSansPro-SemiBold";
}

.woocommerce-terms-and-conditions-wrapper {
  padding: 10px;
}

.woocommerce-terms-and-conditions-wrapper a {
  color: #224c2e !important;
  font-family: "SourceSansPro-SemiBold";
}

.wc_payment_methods label {
  padding-top: 10px;
  display: inline-block;
  padding-left: 10px;
}

.checkout.woocommerce-checkout
  table.woocommerce-checkout-review-order-table
  .product-name {
  width: 45%;
  word-wrap: break-word;
  font-family: "Inter-Regular";

  font-weight: 300;
  padding-right: 16px;
  font-size: 13px;
  padding: 5px 0;
}

.checkout.woocommerce-checkout .woocommerce-Price-amount {
  padding-left: 10px;
  font-family: "Inter-Regular";

  font-weight: 300;
  color: #3d3137;
}

.form-row.place-order .button.alt {
  background: #38654c;
  color: #fff;
  font-family: "Marcellus-Regular.ttf";

  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  width: 100%;
  border: none;
  padding: 10px 0;
}

.form-row.place-order .button.alt:hover {
  background: #43896d;
}

/* Regist */

.woocommerce-account #customer_login .woocommerce-button {
  padding: 10px 30px;
  background: #38644c;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.woocommerce-account #customer_login h2 {
  font-family: "Marcellus-Regular.ttf";
  font-style: normal;
  font-weight: 700;
  color: #38654c;
}

.woocommerce-LostPassword.lost_password a {
  color: #38644c;
  text-decoration: underline;
}

.addresses header {
  position: static;
}

.addresses header.title h3 {
  font-size: 20px;
  color: #38654c;
}

.woocommerce-MyAccount-navigation {
  padding-bottom: 50px;
}

.woocommerce-account .woocommerce-info .woocommerce-Button {
  padding: 0 !important;
  text-transform: inherit !important;
  border-left-style: solid !important;
  border-left-color: rgba(255, 255, 255, 0.25) !important;
  padding-left: 1em !important;
  border-width: 0 !important;
  border-left-width: 1px !important;
  border-left-style: solid !important;
}

.woocommerce-MyAccount-navigation li a {
  color: #1d1d1d;
  padding-bottom: 3px;
  display: inline-block;
}

.woocommerce-MyAccount-navigation ul li a::before {
  display: none !important;
}

.woocommerce-MyAccount-content a {
  color: #38644c;
}

.woocommerce-MyAccount-content .woocommerce-Button.button,
.woocommerce-address-fields button {
  padding: 10px 30px;
  background: #38644c;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.form-row label {
  margin-bottom: 10px;
}

.woocommerce-account .woocommerce-Input {
  padding: 10px;
}

.woocommerce-account .woocommerce-Button.button {
  padding: 10px 30px;
  background: #38644c;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}

.woocommerce-account .woocommerce-Address-title {
  margin-top: 0;
  padding-top: 0;
}

/* Trinity usluge */

.trinity_services_top {
  background: url("../img/trinityUsluge.png");
  background-size: cover;
  overflow: hidden;
  height: 100vh;
}

.trinity_services_top.trinity_service_nature {
	background: url("../img/trinity-nature-page.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}


.trinity_services_top.trinity_service_nature {
  background: url("../img/trinity-nature-page.png");
}

.trinity_services_top.trinity_service_sport_perfomance {
  background: url("../img/fizicka-priprema.png");
}

.trinity_services_top.trinity_service_hiperbaricna {
  background: url(../img/img1.png);
  background-position: 245px 0px;
  background-repeat: no-repeat;
}

.trinity_services_top.trinity_service_hiperbaricna h1 {
  color: #38654c;
}

.trinity_services_top.trinity_service_hiperbaricna p {
  color: #333333;
}

.trinity_services .trinityServiceDesc {
  position: absolute;
  top: 35%;
}

.trinity_services .trinity_services_top .line_section {
  position: absolute;
  left: 0;
  top: 10%;
}

.trinity_services .green_lines {
  position: absolute;
  left: 0;
  top: 24%;
}

.trinity_services .ring {
  background: #9ebf68;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 25%;
  top: 47%;
  display: none;
}

.trinity_services .line_section a {
  background: #37644b;
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  right: 25%;
  z-index: 5;
  border-radius: 50%;
  top: 55%;
  z-index: 5;
  cursor: pointer;
}

.services_tab_content {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
  /*padding-top: 150px;*/
  padding-top: 0;
  padding-bottom: 100px;
}

.services_tab_content h1 {
  text-align: center;
  font-size: 50px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
}

.services_tab_content .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.services_tab_content .tabs li {
  margin: 0 5px;
}

.services_tab_content .tabs li a {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  color: #1d1d1d;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 20px;
  text-align: center;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  min-width: 180px;
}

.services_tab_content .tabs li.active a,
.services_tab_content .tabs li a:hover {
  color: #fff;
  background: #38654c;
}

.services_tab_content .tab_container ul li h2 {
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  color: #38654c;
  font-size: 20px;
  margin-top: 5px;
}

.services_tab_content .tab_container {
  width: 90%;
  margin: 70px auto 0;
}

.services_tab_content .serviceSlider li {
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
}

.services_tab_content .serviceSlider li img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.services_tab_content .serviceSlider li p {
  margin-bottom: 0;
}

/* Running */

.trinity_service_running {
  background: url("../img/running.png");
  background-size: cover;
}

.page-template-template-trinity-usluge.fp-viewing-0-5 .trinityServiceDesc h1,
.page-template-template-trinity-usluge.fp-viewing-0-2 .trinityServiceDesc h1,
.page-template-template-trinity-running.fp-viewing-0-0 .trinityServiceDesc h1,
.page-template-template-trinity-running.fp-viewing-0-0 .trinityServiceDesc h1 {
  color: #3c644d;
}

.page-template-template-trinity-usluge.fp-viewing-0-5 .trinityServiceDesc p,
.page-template-template-trinity-usluge.fp-viewing-0-2 .trinityServiceDesc p,
.page-template-template-trinity-running.fp-viewing-0-0 .trinityServiceDesc p,
.page-template-template-trinity-running.fp-viewing-0-0 .trinityServiceDesc p {
  color: #1e1e1e;
}

.page-template-template-trinity-usluge.fp-viewing-0-5
  .trinityServiceDesc
  .note {
  font-family: "Marcellus-Regular.ttf";
  font-size: 30px;
  margin-bottom: 7%;
}



/* Fitness */

.trinity_service_fitnes {
  background: url("../img/trinity-fitnes-bgd.png");
  background-size: cover;
}

.page-template-template-trinity-usluge.fp-viewing-0-5 .trinityServiceDesc h1 {
  color: #fff;
}


 
.page-template-template-trinity-usluge.fp-viewing-0-5 .trinityServiceDesc p {
  color: #fff;
}

.page-template-template-trinity-usluge.fp-viewing-0-5
  .trinityServiceDesc
  .note {
  font-family: "Marcellus-Regular.ttf";
  font-size: 30px;
  margin-bottom: 7%;
}


.trinity_services_top.fitnes_opsti {
  background: url(/wp-content/themes/trinity/img/trinity-fitnes-bgd.png);
}




/* imunne system */

.trinity_immune_system {
  background: url(../img/immune-system.png);
  background-size: cover;
}

.trinity_immune_system .trinityImunneSystem {
  display: flex;
}

.trinity_immune_system .immune-text {
  margin-left: 45%;
  margin-top: -110px;
}

.trinity_immune_system .immune-text p {
  width: 65%;
  font-family: "Marcellus-Regular.ttf";
}

.trinity_immune_system .immune-title h1 {
  font-size: 70px;
  font-family: "Marcellus-Regular.ttf";
}

.trinity_immune_system .immune-title {
  position: absolute;
  left: 70px;
  width: 25%;
}

/* Footer start */

#footer {
  background: #37634b;
}

footer .f_list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
}

footer .f_list li {
  width: 25%;
  position: relative;
  z-index: 5;
  text-align: center;
  padding: 0 2%;
}

footer .f_list li,
footer .f_list li p,
footer .f_list li a {
  color: #fff;
}

footer .f_list li p,
footer .f_list li a {
  font-size: 15px;
  display: inline-block;
  line-height: 1.5;
}

footer .f_list li h3 {
  text-align: center;
  font-size: 25px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #fff;
}

footer .f_list li #fluentform_4 .ff-el-form-control {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  height: 45px;
}

form.fluent_form_4 .ff-btn.ff-btn-submit {
  border: 1px solid #fff;
  background: transparent !important;
  box-shadow: none;
  opacity: 1;
  font-size: 0;
  width: 45px;
  height: 45px;
  padding: 0;
  border-radius: 50%;
  margin-left: 15px;
}

form.fluent_form_4 .ff-btn.ff-btn-submit::after {
  content: "";
  background: url(../img/arrow-top-right.png);
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}

#fluentform_4 fieldset {
  display: flex;
}

#fluentform_4 .ff-el-group {
  width: 100%;
}

#fluentform_4 .ff-el-group.ff_submit_btn_wrapper {
  width: auto;
}

footer .f_list li #fluentform_4 .ff-el-form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
footer .f_list li #fluentform_4 .ff-el-form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
footer .f_list li #fluentform_4 .ff-el-form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
footer .f_list li #fluentform_4 .ff-el-form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.socialIcon {
  display: flex;
}

.socialIcon img {
  height: 20px;
  margin-right: 20px;
}

/* Footer end */

/* single test css */

.single-main .single-big-img {
  /* background-image: url(../img/img1.png); */
  background-size: cover;
  background-position: right;
}

.single-main .main-text {
  width: 45%;
  padding-top: 8%;
  padding-left: 8%;
}

.main-text h2 {
  font-size: 50px;
  color: #38654c;
  font-family: "Marcellus-Regular.ttf";
  padding-bottom: 40px;
}

.main-text .first-par {
  font-size: 18px;
  color: #38654c;
  padding-bottom: 20px;
  font-family: "Marcellus-Regular.ttf";
}

.main-text p {
  font-size: 16px;
  color: #303030;
  padding-bottom: 30px;
  font-family: "Marcellus-Regular.ttf";
}

.rezervacija {
  padding-bottom: 5%;
}

.main-text a {
  background: #37644b;
  background-size: contain;
  background-repeat: no-repeat;
  width: 175px;
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  border-radius: 50%;
  position: relative;
  left: 40%;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-family: "Marcellus-Regular.ttf";
}

.main-text .ring {
  background: #9ebf68;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: 80%;
}

.single-container {
  background: #38654c;
  padding: 2% 12%;
  margin-bottom: 5%;
  padding-bottom: 5%;
}

.benefiti-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  padding-bottom: 3%;
}

.benefiti-title h2 {
  color: #fff;
  font-family: "Marcellus-Regular.ttf";
}

.benefiti .accordion-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 17px;
  column-gap: 70px;
}

.benefiti .content-entry {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #668975;
  padding-top: 15px;
  cursor: pointer;
}

.content-entry .article-title {
  font-size: 30px;
  color: #fff;
  font-family: "Marcellus-Regular.ttf";
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.accordion-content p {
  padding-top: 2%;
  width: 90%;
  font-size: 16px;
  font-family: "Marcellus-Regular.ttf";
  color: #fff;
  padding-left: 25px;
}

.content-entry.open .article-title {
  color: #9ebf68;
}

.tretman-section .tretmani-div1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.single-post .footer-note {
  margin-bottom: 50px;
}

.tretman-section .tretmani-div2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.tretmani-div2 .div1-text {
  padding-top: 15%;
}

.tretman-section #div-image {
  width: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  border-radius: 50%;
  background: #fff;
}

.div1-text .paragraph1 {
  color: #303030;
  font-size: 24px;
  font-family: "Marcellus-Regular.ttf";
  margin: 0 auto;
  padding: 0;
  padding-bottom: 1%;
}

.div1-text h4 {
  font-size: 34px;
  color: #38654c;
  margin: 0 auto;
  margin-bottom: 5%;
  font-family: "Marcellus-Regular.ttf";
  text-transform: uppercase;
}

.div1-text p {
  font-size: 16px;
  padding: 10px 15px;
  font-family: "Marcellus-Regular.ttf";
}

.tretman-section:nth-child(2n) .div1-text {
  order: 2;
  padding-top: 15%;
}

.tretman-section:nth-child(2n) .div1-image {
  order: 1;
}

.image-border {
  --borderWidth: 17px;
  position: relative;
  border-radius: var(--borderWidth);
  border-radius: 50%;
}

.image-border::after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(
    60deg,
    #38654c,
    #fff,
    #f6f6f6,
    #dde3e0,
    #d3dbd7,
    #b6c5bd,
    #38654c,
    #000,
    #000,
    #000,
    #000,
    #000,
    #000
  );
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  background-size: 300% 300%;
  border-radius: 50%;
  animation: animatedgradient 0s infinite linear;
}

.image-border:hover::after {
  animation: animatedgradient 6s infinite linear;
}

.tretman-section {
  margin-bottom: 10%;
}

/*ARROW*/

.arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  left: -25px;
  transition: 0.4s ease;
  margin-top: 15px;
  text-align: left;
  transform: rotate(45deg);
}
.arrow:before,
.arrow:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 3px;
  background-color: #fff;
  transition: 0.4s ease;
}
.arrow:after {
  position: absolute;
  transform: rotate(90deg);
  top: -5px;
  left: 5px;
}

.content-entry.open .arrow {
  transform: rotate(45deg) translate(-5px, -5px);
}
.content-entry.open .arrow:before {
  transform: translate(10px, 0);
  background-color: #9ebf68;
}
.content-entry.open .arrow:after {
  transform: rotate(90deg) translate(10px, 0);
  background-color: #9ebf68;
}

@keyframes animatedgradient {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.footer-note p {
  font-size: 16px;
  font-family: "Marcellus-Regular.ttf";
}

/* CURSOR */

.cursor {
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
    background-color 0.3s, width 0.3s, height 0.3s;
  width: 40px;
  height: 40px;
  background-color: #9ebf68;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cursor.active {
  transform: translate(-50%, -50%) scale(1.5);
}
.cursor.hidden {
  opacity: 0 !important;
}

/*END OF CURSOR*/

/* end of single test*/

/*kalendar*/

.reservationPopUp {
  cursor: pointer;
}

.closePopUp {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  cursor: pointer;
  font-weight: 300;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}

.closePopUp:hover {
  opacity: 1;
}
.closePopUp:before,
.closePopUp:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 21px;
  width: 4px;
  background-color: #38654c;
}
.closePopUp:before {
  transform: rotate(45deg);
}
.closePopUp:after {
  transform: rotate(-45deg);
}

.form-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  background: white;
  border-radius: 50px;

  display: none;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-input-container
  .mpa-input-wrapper,
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .mpa-input-container
  .mpa-input-wrapper {
  width: 50%;
}

.form-popup .mpa-times .mpa-three-columns {
  display: flex;
  flex-wrap: wrap;
}

/* .form-popup .appointment-form-shortcode .mpa-booking-step-period .mpa-time-wrapper .mpa-three-columns .mpa-time-period,  */
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .mpa-time-wrapper
  .mpa-three-columns
  .mpa-time-period {
  width: 95% !important;
  background: white;
  border-color: #f1f1f1 !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-time-wrapper
  .mpa-three-columns
  .mpa-time-period {
  width: 70%;
  border-radius: 20px;
  margin: 5px 50px;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-time-wrapper
  .mpa-times,
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .mpa-time-wrapper
  .mpa-times {
  max-height: 37% !important;
  width: 100%;
  left: 0;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  overflow-x: hidden;
  padding: 0;
}

.form-popup .mpa-shortcode-title {
  display: none;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-input-container
  .mpa-date-wrapper {
  background: #38654c !important;
  width: 50% !important;
  padding: 8%;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.form-popup .button .appointment-form-shortcode .mpa-time-period-selected {
  background: #e1e1e1 !important;
}

.form-popup .flatpickr-calendar {
  background: transparent;
  width: 100%;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-input-container
  .mpa-time-wrapper {
  background: #fff;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .flatpickr-calendar,
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .flatpickr-calendar {
  box-shadow: none !important;
}

.form-popup .flatpickr-current-month {
  color: #fff;
  font-family: "Inter-Regular";
}

.form-popup .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  filter: invert(1);
}

.form-popup span.flatpickr-weekday {
  color: #fff;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .flatpickr-calendar
  .prevMonthDay.flatpickr-disabled,
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .flatpickr-calendar
  .prevMonthDay.flatpickr-disabled,
.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .flatpickr-calendar
  .nextMonthDay.flatpickr-disabled,
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .flatpickr-calendar
  .nextMonthDay.flatpickr-disabled {
  color: #5b8b70;
}

.form-popup .flatpickr-day.flatpickr-disabled,
.form-popup .flatpickr-day.flatpickr-disabled:hover {
  color: #5b8b70;
}

.form-popup .flatpickr-day {
  color: white;
}

.form-popup .flatpickr-months .flatpickr-prev-month:hover,
.form-popup .flatpickr-months .flatpickr-next-month:hover {
  color: #d4ded8 !important;
  border-radius: 50%;
  background-color: white;
}

.form-popup .flatpickr-months .flatpickr-month {
  margin-bottom: 5%;
}

.form-popup .flatpickr-calendar {
  line-height: 20px !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .flatpickr-day:hover,
.form-popup
  .appointment-form-widget
  > .widget-body
  .mpa-booking-step-period
  .flatpickr-day:hover {
  color: #38654c;
  margin: 0 !important;
  position: relative;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-input-container {
  margin: 0 !important;
  position: relative;
}

.form-popup .appointment-form-shortcode .mpa-actions {
  position: absolute;
  bottom: 0;
  width: 50%;
  right: 0;
  text-align: center;
}

.form-popup .appointment-form-shortcode .button-primary,
.form-popup .appointment-form-shortcode .button-secondary {
  padding: 10px 20px;
  border-radius: 30px;
  background-color: #38654c;
  color: white;
  border: none;
}

.form-popup .mpa-cart-item {
  padding: 20px;
}

.form-popup .mpa-cart-total {
  padding: 20px;
  margin-left: 20px;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step
  .mpa-cart
  .mpa-cart-item {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.form-popup .mpa-input-wrapper .mpa-customer-notes-wrapper {
  padding: 20px;
}

.form-popup .mpa-cart-item .item-header .cell-value .mpa-service-name span {
  font-family: "Inter-Regular";
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-checkout
  .mpa-customer-details {
  padding: 20px !important;
}

.form-popup .appointment-form-shortcode label,
.form-popup .appointment-form-widget > .widget-body label,
.form-popup .appointment-form-shortcode select,
.form-popup .appointment-form-widget > .widget-body select,
.form-popup .appointment-form-shortcode input[type="text"],
.form-popup .appointment-form-widget > .widget-body input[type="text"],
.form-popup .appointment-form-shortcode input[type="email"],
.form-popup .appointment-form-widget > .widget-body input[type="email"],
.form-popup .appointment-form-shortcode input[type="tel"],
.form-popup .appointment-form-widget > .widget-body input[type="tel"] {
  padding: 10px;
  border-radius: 20px;
  margin-top: 0;
  font-family: "Inter-Regular";
  display: block;
  margin-bottom: 2px;
  font-size: 15px;
}

.form-popup .mpa-customer-name,
.form-popup .mpa-customer-email,
.form-popup .mpa-customer-phone,
.form-popup .mpa-coupon-code {
  border: 1px solid #808080;
}

.form-popup .mpa-customer-notes {
  width: 100%;
  margin-top: 15px;
}

.form-popup .iti--separate-dial-code .iti__selected-flag {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.form-popup .mpa-order {
  margin: 10px;
}

.form-popup .mpa-payment-gateway-description {
  margin-bottom: 70px !important;
}

.form-popup .mpa-checkout-form {
  padding: 20px !important;
}

.form-popup .appointment-form-shortcode .mpa-message {
  padding: 25px;
}

.form-popup .appointment-form-shortcode .mpa-booking-step {
  border: 1px solid #808080;
  border-radius: 50px;
}

.appointment-form-shortcode .mpa-booking-step-period .flatpickr-day {
  height: 35px !important;
  line-height: 35px !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-period
  .mpa-time-wrapper
  .mpa-three-columns
  .mpa-time-period:focus {
  background-color: #5fd37e;
}

.form-popup .mpa-cart-items .no-items {
  margin-left: 20px;
  margin-top: 30px;
}

.form-popup .appointment-form-shortcode .button-secondary:hover {
  background-color: #5fd37e;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step
  .mpa-cart-items
  .item-body
  .cell-employee {
  display: none !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step
  .mpa-cart
  .item-footer {
  border-top: none !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step
  .mpa-cart
  .item-footer {
  padding: 15px 0 !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-payment
  .mpa-billing-details
  .mpa-payment-gateways {
  padding-left: 10px;
}

.form-popup .mpa-checkout-section .mpa-coupon-details .mpa-coupon-code {
  margin-top: 25px;
}

table:not(.has-background) th {
  text-align: left;
  padding: 10px;
  font-weight: normal;
  font-size: 15px;
}

.form-popup .mpa-customer-details .mpa-checkout-section small {
  font-family: "Inter-Regular";
}

.form-popup .mpa-input-wrapper p {
  font-family: "Inter-Regular";
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-payment
  .mpa-billing-details
  .mpa-payment-gateway-description {
  font-family: "Inter-Regular";
  font-size: 14px;
  margin-top: 20px;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-payment
  .mpa-billing-details
  .mpa-payment-gateway-title {
  font-weight: normal;
}

.form-popup .mpa-checkout-form .mpa-input-wrapper label a {
  color: #26734d !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step-payment
  .mpa-billing-details
  .mpa-payment-gateways
  > li {
  margin-bottom: 60px;
}

.appointment-form-shortcode .mpa-booking-step .mpa-cart .mpa-cart-item {
  margin-bottom: 55px !important;
}

.form-popup
  .appointment-form-shortcode
  .mpa-booking-step
  .item-footer
  .cell-actions
  a {
  color: #26734d !important;
}

/*  */

.page-template-template-misija-vizija-vrednost .green_lines {
  margin-bottom: 10px;
}

/* Anketa */

.page-id-500 .anketaWrap .ff-step-header {
  display: block;
}


.anketaWrap .ff-step-header {
  display: none;
}

.trinity_anketa {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
  height: 110vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.anketaWrap {
  text-align: center;
}

.anketaWrap span {
  font-family: "Marcellus-Regular.ttf";
  color: #333333;
}

.anketaWrap h2 {
  text-transform: uppercase;
  font-family: "Marcellus-Regular.ttf";
}

.page-id-508 .anketaWrap h2 {
  padding-bottom: 40px;
}

/* .trinity_anketa_wrap {
height: 105vh;
} */

.page-id-500 .ff-el-progress{
  margin-top: 40px;
}

.page-id-500 .ff-el-progress-status{
  display: none;
}

.page-id-500 .fluentform .ff-el-progress-bar{
  background-color: #73b134 !important;
}


.page-id-500 .anketaWrap h2 {
  padding-top: 50px;
  margin-bottom: -2%;
}

.anketaWrap .fluentform-step {
  background: linear-gradient(
    270deg,
    rgba(60, 100, 77, 1) 0%,
    rgba(28, 64, 43, 1) 100%
  );
  padding: 50px;
  border-radius: 20px;
  margin-top: 20px;
  position: relative;
}

.anketaWrap .fluentform-step .ff-el-group label {
  font-size: 25px;
  font-family: "Marcellus-Regular.ttf";
  color: #fff;
}

.anketaWrap .ff-el-input--content {
  width: 85%;
  margin: auto;
}

.anketaWrap .fluentform .ff-el-form-check {
  text-align: left;
}

.anketaWrap .ff-step-body .fluentform-step:first-child .ff-el-input--content,
.anketaWrap .ff-step-body .fluentform-step:nth-child(4) .ff-el-input--content {
  display: flex;
  justify-content: center;
}

.anketaWrap .ff-el-input--content .ff-el-form-check-label {
  font-size: 20px !important;
}

.anketaWrap .ff-el-input--content .ff-el-form-check-label span {
  color: #fff;
}

.anketaWrap .fluentform .ff-el-input--label {
  margin-bottom: 50px;
}

.anketaWrap .fluentform .ff-el-form-check {
  margin-bottom: 0;
  margin: 25px 15px;
}

.fluentform-step .ff-el-group {
  text-align: center !important;
}

.fluentform-step .ff-el-group .ff-btn-submit {
  background-color: #37644b !important;
  opacity: 1 !important;
  padding: 0;
  width: 150px;
  height: 50px;
  border-radius: 30px;
  margin-top: 25px;
}

.fluentform-step .ff-el-group .ff-btn-submit:hover {
  background-color: #37644b !important;
}

.step-nav button {
  background-color: transparent !important;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-transform: uppercase;
  position: absolute;
  font-size: 0;
}

.step-nav .ff-btn-next:before {
  content: "";
  background: url(../img/right-arrow1.svg);
  width: 20px;
  height: 20px;
  background-size: contain;
  position: relative;
  left: 25%;
  display: inline-block;
  background-repeat: no-repeat;
}

.step-nav .ff-btn-prev:before {
  content: "";
  background: url(../img/left-arrow1.svg);
  width: 20px;
  height: 20px;
  background-size: contain;
  position: relative;
  left: 25%;
  display: inline-block;
  background-repeat: no-repeat;
}

.step-nav .ff-btn-next {
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.step-nav .ff-btn-prev {
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.anketaWrap .fluentform .ff-el-form-check-label .ff-el-form-check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.page-id-500 .anketaWrap .fluentform .ff-el-form-check-label .ff-el-form-check-input:before {
  margin: 0;
}

.anketaWrap .fluentform .ff-el-form-check-label .ff-el-form-check-input:before {
  content: "";
  background: url(../img/uncheck.svg);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  margin: 0 10px -3px 0;
}

.anketaWrap
  .fluentform
  .ff-el-form-check-label
  .ff-el-form-check-input:checked:before {
  background: url(../img/checked.svg);
}

.anketaWrap textarea {
  border: 1px solid #8bd231 !important;
  border-radius: 15px !important;
  background: transparent;
}

/*immune forma*/

.page-id-500 .immune-virus .ff-el-input--content {
  display: grid;
  grid-template-columns: repeat(4, 25%);
}

.page-id-500 .immune-virus .ff-el-form-check {
  margin: 15px 15px;
}

.page-id-500 .imunne-names .ff-el-input--label.asterisk-right {
  margin-left: 35px !important;
}

.page-id-500 .imunne-names .ff-el-form-control,
.page-id-500 .imunne-date .ff-el-form-control,
.page-id-500 .imunne-gender .ff-el-form-control,
.page-id-500 .imunne-mail .ff-el-form-control,
.page-id-500 .imunne-number .ff-el-form-control {
  border-radius: 20px;
}

.page-id-500 .imunne-date .ff-el-input--label.asterisk-right {
  margin-right: 180px;
}

.page-id-500 .imunne-gender.ff-el-input--content {
  margin-top: -15px;
}

.page-id-500 .ff-t-container.ff-column-container.ff_columns_total_2 {
  width: 66%;
}

.page-id-500 .imunne-mail .ff-el-input--label.asterisk-right {
  margin-right: 285px;
}
.page-id-500 .imunne-number .ff-el-input--label.asterisk-right {
  margin-right: 210px;
  
}

.page-id-500 .imunne-gender .ff-el-input--label.asterisk-right {
  margin-bottom: 0;
  padding-top: 20px;
}

.trinity_anketa_wrap .ff-el-form-control {
  border: 1px solid #8bd231 !important;
  border-radius: 15px !important;
  background: transparent;
}

.trinity_anketa_wrap text {
  border: 1px solid #8bd231 !important;
  border-radius: 15px !important;
  background: transparent;
}

.page-id-500 .ff-el-group.ff-custom_html {
  font-size: 30px;
  font-family: "Marcellus-Regular.ttf";
  color: #fff;
}

.page-id-500 .ff-el-group.ff-custom_html p {
  color: #fff;
}

.trinity_anketa_wrap .imunne-number .ff-el-input--label,
.trinity_anketa_wrap .imunne-names .ff-el-input--label,
.trinity_anketa_wrap .imunne-date .ff-el-input--label,
.trinity_anketa_wrap .imunne-mail .ff-el-input--label {
  margin-bottom: 30px;
}

.fluentform .ff_upload_btn.ff-btn:hover {
  background-color: #37644b !important;
  outline: none;
}

/*programi*/

.page-template-template-trinity-izbor-programa-php .line_section {
  display: none;
}

.page-id-506 .dva-grid .opsti p {
  padding-bottom: 0px;
}

.page-id-506 .dva-grid .individualni p {
  padding-bottom: 0px;
}

/*running anketa*/

.page-template-template-trinity-anketa-running-php .line_section,
.page-template-template-trinity-anketa-fitness-php .line_section {
  display: none;
}

.osnovni-podaci {
  width: 60%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  border-bottom: 1px solid #496655;
}

.osnovni-podaci h3 {
  color: #8bd231;
  font-size: 26px;
  font-family: "Marcellus-Regular.ttf";
}

.osnovni-podaci p {
  color: #fff;
  font-size: 15px;
  font-family: "Marcellus-Regular.ttf";
}

.page-template-template-trinity-anketa-running-php
  .anketaWrap
  .fluentform
  .ff-el-input--label {
  margin-bottom: 10px;
  text-align: center !important;
}


.page-template-template-trinity-anketa-fitness-php
  .anketaWrap
  .fluentform
  .ff-el-input--label {
  margin-bottom: 10px;
  text-align: center !important;
}

.page-id-500 .line_section {
  display: none;
}

.page-id-500 .anketaWrap .ff-el-input--content .ff-el-form-check-label {
  font-size: 18px !important;
}

.opsti-pr-grid {
  height: 100vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  text-align: center;
  grid-gap: 30px;
  padding: 90px;
}

.opsti-pr-grid .column-opsti {
  border: 1px solid #c6c6c6;
  border-radius: 30px;
  padding: 90px 50px;
}

.page-id-510 .line_section {
  display: none;
}

.opsti-pr-grid .column-opsti h3 {
  font-size: 30px;
  color: #2a5636;
  font-family: "Marcellus-Regular.ttf";
  text-transform: uppercase;
}

.opsti-pr-grid .column-opsti a {
  font-size: 16px;
  color: #2a5636;
  font-family: "Marcellus-Regular.ttf";
  text-transform: uppercase;
}

.opsti-pr-grid .column-opsti:hover {
  background: linear-gradient(
    194deg,
    rgba(60, 100, 77, 1) 20%,
    rgba(28, 64, 43, 1) 100%
  );
}

.opsti-pr-grid .column-opsti:hover h3 {
  color: #8bd231;
}

.opsti-pr-grid .column-opsti:hover a {
  color: #fff;
}

/*#menu-glavni-meni .sub-menu {
  display: none;
}*/




/* Calendar style */

/*.desk_calendar {
  display: block;
}

.mobil_calendar {
  display: none;
}*/

.calendar_book .fc-dayGrid-view .fc-body .fc-row {
  min-height: 9vw !important;
}

.calendar_book {
  background: #fff;
  padding: 0 0 100px;
}

.calendar_book .fc-header-toolbar,
.calendar_book_listing .fc-header-toolbar {
  background-color: #fff !important;
  padding: 50px 0 !important;
  position: relative;
}

.calendar_book .fc-header-toolbar h2,
.calendar_book_listing .fc-left h2 {
  font-family: "Ideal Sans A", "Ideal Sans B";
   
    font-style: normal;
    font-weight: 400;
  font-size: 35px;
  color: #51A684 !important;
  margin-left: 0.75em;
  text-transform: capitalize;
}

.calendar_book .fc-header-toolbar h2:first-letter {
  text-transform: uppercase;
}

.cmcal-calendar-container .fc-toolbar .fc-left {
  width: 100%;
}

.cmcal-calendar-container .fc-toolbar .fc-left .fc-button-group {
  position: absolute;
  right: 0;
}

.cmcal-calendar-container .fc-toolbar .fc-left .fc-button-group button {
  margin-left: 15px;
  border: 1px solid #2A5636;
}

.fc-header-toolbar .fc-timeGridWeek-button {
  pointer-events: none;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  color: #2A5636 !important;
  font-size: 35px !important;
  text-transform: inherit !important;
  font-family: "Ideal Sans A", "Ideal Sans B" !important;
   
  font-style: normal !important;
  font-weight: 400 !important;
}

.calendar_book .fc-header-toolbar .fc-prev-button,
.calendar_book .fc-header-toolbar .fc-next-button {
  background-color: #fff !important;
  border-radius: 0 !important;
}

.cmcal-calendar-container.cmcal-calendar-54 .fc-today .fc-day-number, 
.cmcal-calendar-container.cmcal-calendar-54 .fc .fc-row td.fc-today a {
  text-align: center !important;
  font-size: 12px;
}

.calendar_book .fc-day-header {
  background-color: #F4F4F4 !important;
}


.calendar_book .fc-day-header span {
  font-family: 'SourceSansPro-Regular';
   
  color: #2A5636;
}


.cmcal-calendar-container.cmcal-calendar-54 
.fc-other-month .fc-day-number, 
.cmcal-calendar-container.cmcal-calendar-54 .fc .fc-bg td.fc-day.fc-other-month, 
.cmcal-calendar-container.cmcal-calendar-54 .fc .fc-row td.fc-day-top.fc-other-month a {
  color: #c6c9d2 !important;
}



.calendar_book .has-events,
.fc-event-container {
  background-color: #FFFAE1 !important;
}

.fc-event-container .fc-event {
  height: 5px !important;
  padding: 0 !important;
  position: relative !important;
  margin-top: -1.3vw !important;
}

.fc-view-container {
  border: 1px solid #ccc;
}

.fc-view-container .fc-event-container img {
  display: block;
  margin: auto;
  padding-top: 1.1vw;
}



.calendar_icon.Regular.Walk {
  background: url(../img/Trinity_icon_regular.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}

.calendar_icon.Silent.Walk {
  background: url(../img/Trinity_icon_silent.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}

.calendar_icon.Yoga.walk {
  background: url(../img/Trinity_icon_yoga.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 70px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}

.calendar_icon.Power.Walk {
  background: url(../img/Trinity_icon_power.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 70px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}


.calendar_icon.Walk.among.stars {
  background: url(../img/Trinity_icon_among_star.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 70px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}


.calendar_icon.Wake.Up.Walk{
  background: url(../img/Trinity_icon_wake_up.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 70px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}



.calendar_icon.Trinity.Kids {
  background: url(../img/Trinity_icon_kids.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 70px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}


.calendar_icon.Relax.walk {
  background: url(../img/Trinity_icon_relax.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 70px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
}


/* Listing setnji ikonice */


.c_small_img .Relax.walk {
  background: url(../img/Trinity_icon_relax.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}


.c_small_img .Trinity.Kids {
  background: url(../img/Trinity_icon_kids.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}


.c_small_img .Regular.Walk {
  background: url(../img/Trinity_icon_regular.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}


.c_small_img .Pošumljavanje {
  background: url(../img/trinity-plant-trees.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}

.c_small_img .Silent.Walk {
  background: url(../img/Trinity_icon_silent.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}

.c_small_img .Yoga.walk {
  background: url(../img/Trinity_icon_yoga.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}

.c_small_img .Power.Walk {
  background: url(../img/Trinity_icon_power.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}


.c_small_img .Walk.among.stars {
  background: url(../img/Trinity_icon_among_star.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 60px;
  display: inline-block;
  background-position: bottom;
  filter:  brightness(0) invert(1);
  background-position: center;
}

.c_small_img .Wake.Up {
  background: url(../img/Trinity_icon_wake_up.svg);
  background-repeat: no-repeat;
  background-size: contain;
      width: 70px;
    height: 60px;
    margin-top: 5%;
  display: inline-block;
  background-position: bottom;
    filter:  brightness(0) invert(1);
    background-position: center;
}


.fc-list-item:hover .c_small_img div {
  -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
  filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
}



.calendar_book .has-events .fc-day-number {
  color: #000000 !important;
}

.calendar_book .fc-event-container a {
  color: #51A684 !important;
  text-align: center;
  font-family: "Ideal Sans A", "Ideal Sans B";
   
  font-style: normal;
  font-weight: 700;
}


.calendar_book .fc-event-container {
  height: 9vw !important;
  cursor: pointer;
}


.c_event span {
  display: block;
  margin: 5px 0;
  color: #4E7058;
  margin-top: 0;
}


.cmcal-calendar-container .fc-ltr .fc-day-top .fc-day-number {
  position: relative;
  top: 7px;
  right: 7px;
}

@media only screen and (min-width: 2500px) {
  .fc-event-container .fc-event {
    margin-top: -1vw !important;
  }
  .fc-view-container .fc-event-container img {
    padding-top: 2.1vw;
  }
}

@media only screen and (min-width: 1921px) {
  .calendar_book .fc-event-container {
    height: 9vw;
    padding: 0px 20px 0 !important;
  }

}
@media only screen and (max-width: 1600px) {
  .calendar_book .fc-event-container {
    height: 10vw !important;
  }
  .fc-event-container .fc-event {
    margin-top: -1.5vw !important;
  }
  .za_firme-baner .company_top_desc {
    width: 50% !important;
  }

}

@media only screen and (max-width: 1450px) {
  footer .info_f .footer-widgets {
    padding: 0 25px !important;
}
  .calendar_book .fc-event-container {
    height: 170px !important;
  }
  .fc-event-container .fc-event {
    margin-top: -25px !important;
  }
}


.calendar_book .fc-event-container a::after {
  content: 'Prijava';
  display: block;
  background: transparent;
  border-radius: 60px;
  font-size: 14px;
  padding: 5px 0;
  margin-top: 10px;
  border: 2px solid #4E7058;
  color: #4E7058;
  max-width: 112px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  font-family: "Ideal Sans A", "Ideal Sans B";
   
  font-style: normal;
  font-weight: 400;
}

.fc-event-container:hover a::after {
  background: #4E7058;
  color: #fff;
}



.calendar_book table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
  font-family: 'SourceSansPro-Regular';
   
}

/* .calendar_book table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
  background-color: transparent !important;
} */

/* Listing */

.calendar_book_listing,
.mobil_calendar .calendar_book_listing {
  background: #fff;
  padding: 0 0 100px;
}

.calendar_book_listing .fc-left div,
.mobil_calendar .fc-left div {
  display: flex;
  align-items: center;
}

.calendar_book_listing .fc-left,
.mobil_calendar .fc-left {
  justify-content: space-between;
}

.calendar_book_listing .fc-toolbar .fc-prev-button,
.calendar_book_listing .fc-toolbar .fc-next-button,
.mobil_calendar .fc-toolbar .fc-prev-button,
.mobil_calendar .fc-toolbar .fc-next-button {
  color: #454d57 !important;
}
.calendar_book_listing .fc-toolbar .fc-button-group button,
.mobil_calendar .fc-toolbar .fc-button-group button {
  margin-left: 15px !important;
  padding-top: 10px !important;
  padding-right: 20px !important;
  padding-bottom: 10px !important;
  padding-left: 20px !important;
  border: 1px solid #2A5636;
  border-radius: 0 !important;
}

.calendar_book_listing .fc-widget-content,
.mobil_calendar .fc-widget-content {
  padding: 0 !important;
  margin: 0 !important;
}

.calendar_book_listing .fc-toolbar,
.mobil_calendar .fc-toolbar  {
  margin-bottom: 0 !important;
}


.calendar_book_listing  .c_event_list,
.calendar_book_listing .c_image,
.mobil_calendar .c_event_list,
.mobil_calendar .c_image {
  display: flex;
  align-items: center;
}

.calendar_book_listing .c_event_list,
.mobil_calendar .c_event_list {
  position: relative;
}

.c_small_img {
  position: absolute;
  left: 0;
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}

.calendar_book_listing .fc-widget-content,
.mobil_calendar .fc-widget-content {
  margin: 2px 0 !important;
}

.calendar_book_listing .fc-view-container,
.mobil_calendar .fc-view-container {
  border: none;
}

.calendar_book_listing .c_left_list,
.mobil_calendar .c_left_list {
  width: 65%;
  margin-left: 100px;
  background: #FFF7EB;
  display: flex;
  align-items: center;
}

.calendar_book_listing .calendar_date,
.mobil_calendar .calendar_date {
  width: 30%;
  padding-right: 30px;
  background: #FFF7EB;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.calendar_book_listing .c_image span,
.mobil_calendar .c_image span {
  display: block;
  font-size: 18px;
  text-transform: initial;
  color: #4E7058;
  font-family: "Ideal Sans A", "Ideal Sans B";
   
  font-style: normal;
  font-weight: 700;
}

.calendar_book_listing .c_image div,
.mobil_calendar .c_image div {
  padding-left: 25px;
}

.c_image div p {
  color: #51A684 !important;
  font-family: "Ideal Sans A", "Ideal Sans B";
   
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  text-transform: initial;
}

.c_image img {
  width: 150px;
  height: 100px;
  object-fit: cover;
}

.c_small_img img {
}

.fc-list-item:hover .c_small_img img {
  -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
  filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
}

.calendar_date p {
  color: #2A5636;
  font-size: 18px;
  text-transform: capitalize;
  font-family: "Ideal Sans A", "Ideal Sans B";
   
  font-style: normal;
  font-weight: 400;
  margin-right: 20%;
}

.calendar_date span {
  border: 2px solid #2A5636;
  color: #2A5636;
  width: 120px;
  height: 30px;
  box-sizing: border-box;
  border-radius: 60px;
  text-align: center;
  line-height: 26px;
  text-transform: capitalize;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  font-family: "Ideal Sans A", "Ideal Sans B";
   
  font-style: normal;
  font-weight: 400;
}

.fc-list-item:hover .calendar_date span {
  background: #2A5636;
  color: #fff;
}



/* Calendar mane page */

.trinity_calendar {
  padding-top: 100px;
}

.page-template-template-trinity-CALENDAR {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
}

.page-template-template-trinity-CALENDAR .calendar_book  {
  background: transparent  !important;
}

.page-template-template-trinity-CALENDAR .cmcal-calendar-container.cmcal-calendar-54 .fc-toolbar {
  background-color: transparent !important;
}

.page-template-template-trinity-CALENDAR .line_section {
  display: none;
}




/* Responsive */

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

  .tri-grid .individualni h2 {
    padding-top: 0;
    margin-bottom: 0;
  }


  .trinity-izbor .tri-grid {
    display: flex;
    justify-content: center;
    margin-top: 60px;
  }


  .page-template-template-trinity-therapy-usluge .services_tab_content {
    padding-top: 15px;
  }

  .trinity_services .green_lines {
    display: none;
  }

  .trinity_services_top.trinity_service_hiperbaricna {
    background: url(../img/img1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
  }

  /*SINGLE TEST PAGE*/

  .div1-text {
    padding-left: 15%;
  }

  .div2 {
    padding-left: 0;
  }

  /*END OF SINGLE TEST*/

  /* Wave */

  #section1 .waves,
  #section2 .waves,
  #section0 .waves,
  #section3 .waves,
  #section4 .waves,
  #section6 .waves,
  #misija .waves,
  #vizija .waves,
  #vrednost .waves {
    left: -500px;
    right: -500px;
    width: 200% !important;
  }

  .trinity_services .trinity_services_top .line_section .waves {
    width: 200% !important;
    margin-left: -300px;
  }

  .section .desc_content p,
  #section1 .top_desc p,
  #section2 .top_desc p,
  #section2 .top_desc p {
    font-size: 16px;
  }

  #section1 h1,
  #section2 h1,
  #section3 h1,
  #section4 h1,
  #section5 h1,
  .mision_vision .desc_content h1,
  .mision_vision .desc_content h1 {
    font-size: 55px;
  }

  .trinity_btn1 {
    bottom: 20%;
  }

  .mision_vision .m_v_2 {
    top: -1%;
  }

  .trinity_btn3 {
    bottom: 0%;
  }

  .mision_vision .m_v_3 {
    top: 70%;
  }

  /* Trinity therapy */

  .trinity_services .line_section a {
    right: 0;
  }

  .trinity_services .ring {
    left: 13%;
    top: 40%;
  }

  .services_tab_content {
    padding-top: 120px;
    padding-bottom: 50px;
  }

  /* Running */

  .page-template-template-trinity-usluge.fp-viewing-0-4
    .trinityServiceDesc
    .note {
    margin-bottom: 0;
  }
}

/* trinity izbor */

.trinity-izbor {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trinity-izbor .dva-grid {
  display: flex;
  justify-content: center;
}

.dva-grid .opsti {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #c6c6c6;
  border-radius: 30px;
  background: #fff;
  z-index: 5;
  width: 40%;
  margin: 0 5%;
}

.dva-grid .opsti h2 {
  padding-top: 20px;
  font-family: "Marcellus-Regular.ttf";
  color: #2a5636;
  text-transform: uppercase;
  font-size: 34px;
}

.dva-grid .opsti p {
  text-align: center;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 60px;
  font-family: "Marcellus-Regular.ttf";
  color: #2a5636;
  font-size: 16px;
}

.dva-grid .individualni {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #c6c6c6;
  border-radius: 30px;
  background: linear-gradient(
    215deg,
    rgba(60, 100, 77, 1) 50%,
    rgba(28, 64, 43, 1) 100%
  );
  z-index: 5;
  width: 40%;
  margin: 0 5%;
}

.dva-grid .individualni h2 {
  padding-top: 20px;
  font-family: "Marcellus-Regular.ttf";
  color: #8bd231;
  text-transform: uppercase;
  font-size: 34px;
}

.dva-grid .individualni p {
  text-align: center;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 60px;
  font-family: "Marcellus-Regular.ttf";
  color: #fff;
  font-size: 16px;
}

.dva-grid .saznaj-vise {
  border: 1px solid #2a5636;
  margin-bottom: 10%;
  padding: 0 20px;
  border-radius: 30px;
  width: 65%;
  text-align: center;
  line-height: 1;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dva-grid .individualni .saznaj-vise {
  background-color: #8bd231;
  border: 1px solid transparent;
  margin-top: 60px;
}

.dva-grid .individualni .saznaj-vise a {
  color: #2a5636;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Marcellus-Regular.ttf";
  letter-spacing: 2px;
  font-weight: 600;
}

.dva-grid .opsti .saznaj-vise a {
  color: #2a5636;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Marcellus-Regular.ttf";
  letter-spacing: 2px;
  font-weight: 600;
}


/* trinity izbor fitness */

.trinity-izbor {
  background: url(../img/white-background.png);
  background-size: cover;
  background-position: top;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.trinity-izbor .tri-grid {
  display: flex;
  justify-content: center;
}

.tri-grid .opsti {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #c6c6c6;
  border-radius: 30px;
  background: #fff;
  z-index: 5;
  width: 33.33%;
  margin: 0% 1%;
}

.tri-grid .opsti h2 {
  padding-top: 20px;
  font-family: "Marcellus-Regular.ttf";
  color: #2a5636;
  text-transform: uppercase;
  font-size: 34px;
  text-align: center;
}

.tri-grid .opsti p {
  text-align: center;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 0;
  font-family: "Marcellus-Regular.ttf";
  color: #2a5636;
  font-size: 16px;
}

.tri-grid .individualni {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #c6c6c6;
  border-radius: 30px;
  background: linear-gradient(
    215deg,
    rgba(60, 100, 77, 1) 50%,
    rgba(28, 64, 43, 1) 100%
  );
  z-index: 5;
  width: 33.33%;
  margin: 0% 1%;
}

.tri-grid .individualni h2 {
  padding-top: 20px;
  font-family: "Marcellus-Regular.ttf";
  color: #8bd231;
  text-transform: uppercase;
  font-size: 34px;
  text-align: center;
}

.tri-grid .individualni p {
  text-align: center;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 0;
  font-family: "Marcellus-Regular.ttf";
  color: #fff;
  font-size: 16px;
}

.tri-grid .saznaj-vise {
  border: 1px solid #2a5636;
  margin-bottom: 10%;
  padding: 0 20px;
  border-radius: 30px;
  width: 65%;
  text-align: center;
  line-height: 1;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tri-grid .individualni .saznaj-vise {
  background-color: #8bd231;
  border: 1px solid transparent;
  margin-top: 60px;
}

.tri-grid .individualni .saznaj-vise a {
  color: #2a5636;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Marcellus-Regular.ttf";
  letter-spacing: 2px;
  font-weight: 600;
}

.tri-grid .opsti .saznaj-vise a,
.tri-grid .individualni .saznaj-vise a {
  color: #2a5636;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Marcellus-Regular.ttf";
  letter-spacing: 2px;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}

.page-template-template-trinity-anketa-immune-php .anketaWrap {
  z-index: 5;
  position: relative;
}



@media only screen and (max-width: 1450px) {
  .tri-grid .individualni p,
  .tri-grid .opsti p {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .tri-grid .opsti h2 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1200px) {
  /*SINGLE TEST PAGE*/

  .single-main .main-text {
    top: 165px;
  }

  .main-text h2 {
    font-size: 40px;
    padding-bottom: 5px;
  }

  .main-text .first-par {
    font-size: 15px;
    padding-bottom: 10px;
  }

  .main-text p {
    font-size: 14px;
    padding-bottom: 35px;
  }

  .main-text a {
    width: 145px;
    height: 145px;
  }

  .div1-text p {
    padding: 0;
  }

  .single-container {
    padding: 2% 5%;
  }

  .div2 {
    width: 80%;
  }

  .div1-text h4 {
    font-size: 26px;
  }

  .div1-text .paragraph1 {
    font-size: 22px;
  }

  /*END OF SINGLE TEST*/

  .single-product div.product .woocommerce-product-gallery img {
    min-width: inherit;
  }
  .storefront-full-width-content.single-product
    div.product
    .woocommerce-product-gallery {
    width: 100% !important;
    text-align: center;
  }

  .trinity_immune_system .immune-text p {
    width: 90%;
  }

  .page-template-template-trinity-anketa-immune-php .line_section {
    display: none;
  }

  .anketaWrap .fluentform-step .ff-el-group label {
    font-size: 18px;
  }

  .page-id-500 .imunne-date .ff-el-input--label.asterisk-right {
    margin-right: 135px;
  }

  .page-id-500 .imunne-mail .ff-el-input--label.asterisk-right {
    margin-right: 215px;
  }

  .page-id-500 .imunne-number .ff-el-input--label.asterisk-right {
    margin-right: 160px;
  }

  .fluentform .ff-el-group {
    margin-bottom: 0px !important;
  }

  .trinity_anketa_wrap .ff-el-input--content .ff-el-form-check-label span {
    color: #fff;
    font-size: 16px;
  }

  .osnovni-podaci {
    width: 75%;
  }

  .ff_columns_total_2 {
    margin-top: 25px;
  }

  .page-id-500 .immune-virus .ff-el-input--content {
    grid-template-columns: repeat(3, 33%);
  }

  .opsti-pr-grid {
    margin-top: 30px;
  }

  .opsti-pr-grid .column-opsti h3 {
    font-size: 17px;
  }

  /*  */

  .trinity-izbor {
    height: auto;
    padding: 120px 0 50px;
  }

  #menu-glavni-meni li {
    margin-left: 5.2vw;
  }



}

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

  .page-template-template-trinity-usluge-php.fp-viewing-0-7 .my_cart {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(234deg) brightness(96%) contrast(107%) !important;
  }

  /* nav color */

  .page-template-template-trinity-usluge-php.fp-viewing-0-2 .my_cart {
    -webkit-filter: none !important;
    filter: none !important; 
    cursor: pointer;
  }

  .page-template-template-trinity-usluge.fp-viewing-0-5 .toggle-menu {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7478%) hue-rotate(93deg) brightness(99%) contrast(97%);
  }


  .page-template-template-trinity-usluge.fp-viewing-0-5 .my_cart,
  .page-template-template-trinity-usluge.fp-viewing-0-8 .my_cart {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(25%) hue-rotate(56deg) brightness(108%) contrast(106%);
  }

  #menu-glavni-meni li {
    text-align: center;
  }

  .openNav .my_cart,
  .openNav.page-template-template-trinity-usluge-php.fp-viewing-0-2 .my_cart,
  .openNav.page-template-template-trinity-usluge-php.fp-viewing-0-7 .my_cart {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(290deg) brightness(100%) contrast(101%) !important;
  }

 

  .menu-item-has-children .sub-menu {
    position: static;
    visibility: visible;
    z-index: 1;
    opacity: 1;
  }

  .menu-item-has-children .sub-menu li a {
    padding: 8px 0 !important;
  }

  .page-template-template-trinity-usluge.fp-viewing-0-7 .fp-tableCell {
    display: flex;
    align-items: center;
  }

  /*SINGLE TEST PAGE*/

  .single-main .single-big-img {
    background-position: center;
  }

  .single-main .main-text {
    top: 85px;
    width: 45%;
  }

  .main-text h2 {
    font-size: 33px;
  }

  .main-text .first-par {
    font-size: 13px;
  }

  .main-text p {
    font-size: 13px;
  }

  .main-text a {
    width: 120px;
    height: 120px;
    font-size: 13px;
  }

  .content-entry .article-title {
    font-size: 25px;
  }

  .tretman-section .tretmani-div1 {
    grid-gap: 20px;
  }

  .div1-text p {
    font-size: 13px;
  }

  /*END OF SINGLE TEST*/

  header:not(.entry-header) {
    padding: 10px 0;
  }

  .container {
    padding: 0 15px;
  }

  .filter_group {
    display: inline-block;
    width: 100%;
  }

  .berocket_single_filter_widget_51 .bapf_body ul {
    white-space: nowrap;
    overflow: scroll;
  }

  .filter_group .bapf_body li {
    margin: 0 10px 0 0 !important;
  }

  .filter_group .bapf_body li label,
  .berocket_single_filter_widget_52 .bapf_head h3 {
    font-size: 11px;
    padding: 10px 15px;
  }

  .berocket_single_filter_widget_52 .bapf_body {
    padding: 10px 10px;
  }

  .single-flex-wrap .woo-single_img {
    width: 100%;
    padding-right: 0;
  }

  .woocommerce-product-gallery__image {
    text-align: center;
  }

  .single_product_content h2 {
    font-size: 18px;
  }

  .single_product_cat .tour_date {
    font-size: 15px;
  }

  .single-product .cat_name a {
    font-size: 20px;
  }

  .single_product_cat h1 {
    font-size: 28px;
  }

  .single_product_content h1 {
    font-size: 25px;
  }

  .green {
    margin-bottom: 15px;
  }

  .single-flex-wrap .woo-single-desc {
    width: 100%;
  }

  .single-product #fullpage-no-scroll .section {
    height: auto;
    padding-top: 0;
  }

  .single-product #fullpage-no-scroll #footer {
    padding-top: 70px;
  }

  .page-template-template-trinity-izbor-programa-fitness #footer {
    padding-top: 0;
  }

  .single-product #fullpage-no-scroll {
    padding-top: 100px;
  }

  .single-product div.product .woocommerce-product-gallery img {
    width: 100%;
    height: 100%;
  }

  .single-product
    div.product
    .woocommerce-product-gallery
    .woocommerce-product-gallery__trigger {
    z-index: 0 !important;
  }

  .woo-single-desc {
    padding: 0;
  }

  .single-flex-wrap .woo-single-desc .singleDesc {
    padding: 10px 15px 20px;
  }

  .t_list p {
    font-size: 13px;
  }

  .woo-variation-swatches.wvs-show-label .variations td,
  .woo-variation-swatches.wvs-show-label .variations th {
    font-size: 14px;
  }

  .woo-variation-swatches
    .wvs-style-squared.variable-items-wrapper
    .variable-item:not(.radio-variable-item).button-variable-item
    .variable-item-span {
    font-size: 12px;
  }

  .single_add_to_cart_button,
  .quantity .qty {
    height: 35px;
  }

  .woo-single-desc .quantity .qty {
    padding-left: 0;
  }

  /* */

  .woocommerce-checkout h1,
  .woocommerce-account .title {
    margin-top: 50px;
    font-size: 30px;
  }

  .checkout {
    margin-top: 50px;
    grid-template-columns: repeat(1, 1fr);
  }

  .checkout h3 {
    font-size: 17px;
  }

  .checkout .form-row label {
    font-size: 15px;
  }

  .checkout.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper
    input,
  .checkout.woocommerce-checkout .woocommerce-shipping-fields input,
  .woocommerce-account .woocommerce-MyAccount-content input,
  #customer_login input {
    padding: 5px 10px !important;
  }

  .checkout.woocommerce-checkout
    table.woocommerce-checkout-review-order-table
    .product-name {
    padding: 5px;
  }

  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error,
  .woocommerce-noreviews,
  p.no-comments {
    padding: 1em 1em 1em 3.5em;
  }

  .woocommerce-info {
    font-size: 12px;
  }

  /* Mob btn */

  .mob-btn {
    display: block;
    width: 25px;
    margin-left: 15px;
  }

  .header-widgets-cart {
    display: flex;
  }

  .wc-block-mini-cart__badge {
    font-size: 11px !important;
    height: 16px !important;
    min-width: 16px !important;
  }

  .wc-block-mini-cart__icon {
    height: 22px !important;
    width: 22px !important;
  }

  .toggle-menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 0;
    pointer-events: initial;
    position: relative;
    vertical-align: middle;
    z-index: 10;
    margin-left: 15px;
  }

  .toggle-menu span {
    background-color: #303030;
    content: "";
    display: block;
    height: 2px;
    left: calc(50% - 13px);
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
      -webkit-transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
      transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
      transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 23px;
  }

  .toggle-menu span:before,
  .toggle-menu span:after {
    background-color: #303030;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
      -webkit-transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
      transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
      transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 23px;
  }

  .toggle-menu span:before {
    top: 9px;
  }
  .toggle-menu span:after {
    top: -9px;
  }

  .toggle-menu.active span {
    background-color: transparent;
    transition: background 0.2s ease-out;
  }

  .toggle-menu.active span:before,
  .toggle-menu.active span:after {
    transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
    transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
    transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out,
      -webkit-transform 0.2s 0.2s ease-out;
    background: #303030;
  }

  .toggle-menu.active span:before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
  }

  .toggle-menu.active span:after {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
  }

  .wc-block-mini-cart__button {
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
  }

  /* Nav */

  .nav_wrap {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    background: green;
  }

  #menu-glavni-meni {
    flex-direction: column;
    padding: 15px 0;
    margin-bottom: 150px;
  }

  .nav_wrap {
    position: fixed;
    left: 0;
    background: #2d523e;
    top: 0;
    width: 100%;
    bottom: 0;
  }

  .openNav .my_cart {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
  }

  #menu-glavni-meni li.menu-item-27 a {
    position: static;
    background: transparent;
    transform: none;
    width: 100%;
    height: auto;
  }

  #menu-glavni-meni li.menu-item-27 a:after {
    content: "";
    background: #9ebf68;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -60%;
    bottom: 100%;

    display: none;
  }

  .nav_wrap .waveMove {
    position: absolute;
    bottom: 17%;
  }

  .menu-header {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
  }

  #menu-glavni-meni li {
    margin-left: 0;
  }

  #menu-glavni-meni li a {
    font-size: 13px;
    padding: 20px 10px;
    display: inline-block;
    color: #fff !important;
  }

  .form-popup {
    width: 100%;
    z-index: 99;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-date-wrapper {
    margin-bottom: auto;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-time-wrapper
    .mpa-times {
    position: absolute;
    max-height: 40% !important;
    width: 80%;
    left: 55px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-date-wrapper {
    padding: 10%;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step
    .mpa-cart
    .mpa-cart-item {
    margin-bottom: 65px !important;
  }

  .page-template-template-trinity-izbor-programa-php .individualni h2 {
    text-align: center;
  }

  .page-id-500 .imunne-date .ff-el-input--label.asterisk-right {
    margin-right: 90px;
  }

  .page-id-500 .imunne-mail .ff-el-input--label.asterisk-right {
    margin-right: 155px;
  }

  .page-id-500 .imunne-number .ff-el-input--label.asterisk-right {
    margin-right: 115px;
  }

  .trinity_anketa_wrap .imunne-number .ff-el-input--label,
  .trinity_anketa_wrap .imunne-names .ff-el-input--label,
  .trinity_anketa_wrap .imunne-date .ff-el-input--label,
  .trinity_anketa_wrap .imunne-mail .ff-el-input--label {
    margin-bottom: 15px;
  }

  /**/

  .trinity-izbor .tri-grid {
    flex-wrap: wrap;
  }

  .tri-grid .opsti,
  .tri-grid .individualni {
    width: 100%;
    margin-bottom: 30px;
  }



}

@media only screen and (max-width: 768px) {
	
	.cmcal-calendar-57 .fc-widget-content {
		background: #fef7ea !important;
	}
	
	.cmcal-calendar-57 .c_small_img {
		filter: brightness(0) saturate(100%);
	}
  
/* Calendar small */
	
  .calendar_book_listing .fc-left div, .mobil_calendar .fc-left div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  }
	
  .fc-toolbar.fc-header-toolbar .fc-left button {
	font-size: 25px !important;
    width: 100%;
    text-align: center !important;
  }
	
  .cmcal-calendar-container.cmcal-calendar-57 .fc-toolbar h2 {
    margin: 0;
    font-size: 30px;
  }
	
  .cmcal-calendar-container.cmcal-calendar-57 .fc .fc-row th.fc-widget-header, 
  .cmcal-calendar-container.cmcal-calendar-57 .fc-list-heading .fc-widget-header {
    padding-right: 0;
    padding-left: 0;
  }
	

  .calendar_book_listing .c_left_list,
  .mobil_calendar .c_left_list {
    margin-left: 40px;
    width: 42%;
    height: 80px;
  }

  .calendar_book_listing .calendar_date,
  .mobil_calendar .calendar_date {
    padding-right: 15px;
    width: 55%;
    height: 80px;
  }

  .c_small_img {
    height: 40px;
    width: 40px;
    border: none;
  }

  .c_small_img img {
    width: 30%;
  }

  .calendar_book_listing .c_image span, .c_image div p,
  .mobil_calendar .c_image span, .c_image div p {
    font-size: 13px;
    line-height: 1.4;
  }

  .calendar_book_listing .c_image div,
  .mobil_calendar .c_image div {
    padding-left: 15px;
  }

  .calendar_date p {
    font-size: 14px;
    margin-right: 10px;
    width: 85%;
  }

  .c_image img {
    display: none;
  }

  .calendar_date span {
    width: 100px;
    height: 35px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #2A5636;
  }


  /* Calendar big */

  .calendar_book .fc-toolbar {
    display: flex;
    flex-wrap: wrap;
  }

  .calendar_book .cmcal-calendar-container .fc-toolbar .fc-left {
    flex-wrap: wrap;
    justify-content: center;
  }

  .calendar_book .fc-button-group {
    position: static !important;
    margin: 0 !important;
  }

  .calendar_book  .fc-toolbar .fc-button-group button {
    margin-left: 0 !important;
    padding: 0 !important;
    max-width: 50px !important;
    height: 50px !important;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .calendar_book .fc-view-container {
    overflow-x: scroll;
  }

  .calendar_book .fc-view {
    width: 100%;
  }

  .calendar_book .fc-view-container .fc-event-container img {
    display: block;
    margin: auto;
    padding-top: 5vw;
  }

  .calendar_book .fc-dayGrid-view .fc-body .fc-row {
    min-height: 30vw !important;
  }

  .cmcal-calendar-container.cmcal-calendar-57 .fc-list-heading .fc-widget-header {
    padding-right: 0 !important;
    padding-bottom: 10px;
    padding-left: 0 !important;
    padding-top: 10px;
  }

  .cmcal-calendar-container.cmcal-calendar-57 .fc-list-heading a {
    color: #4E7058 !important;
    font-size: 14px;
  }  
	
  .cmcal-calendar-container.cmcal-calendar-57 .fc-toolbar {
    padding: 0 !important;
	background-color: transparent !important;
  }
	
  .fc-button-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
	
  .cmcal-calendar-container .fc-toolbar .fc-center,
  .cmcal-calendar-container .fc-toolbar .fc-right, 
  .cmcal-calendar-container .fc-toolbar .fc-left {
	width:100%;
  }
	
  .calendar_book {
    padding: 0 0 50px;
 }
	
	
  .desk_calendar {
	display:none;
  }

  .mobil_calendar {
	display:block;
  }




  /* Mob nav */
	
  #menu-glavni-meni .sub-menu {
    display: none;
  }

  #menu-glavni-meni {
    margin-bottom: 0;
  }

  #menu-glavni-meni li a {
    padding: 12px 10px;
  }

  #menu-glavni-meni {
    width: 100%;
  }

  #menu-glavni-meni li {
    width: 100%;
  } 

  .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
    display: none !important;
    margin-left: 0;
  }

  .dropMob {
    background: url(/wp-content/uploads/2024/10/right-arrow.svg);
    position: absolute;
    right: 15px;
    top: 17px;
    width: 10px;
    height: 10px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position: right;
  }

  #menu-glavni-meni .sub-menu.drop_nav_mob {
    display: block;
  }

  .menu-item-has-children .sub-menu li.menu-item-has-children::after {
    display: none;
  }

  #menu-glavni-meni li.menu-item-has-children ul li .sub-menu.drop_nav_mob.open_nav_drop {
    display: block !important;
  }

  #menu-glavni-meni li.menu-item-has-children ul .dropMob {
    top: 10px;
  }

  #menu-glavni-meni li.menu-item-has-children ul li .sub-menu.drop_nav_mob.open_nav_drop {
    background: #2e523e;
  }




  .wc-block-mini-cart__icon {
    height: 30px !important;
    width: 30px !important;
  }

  .trinity-izbor {
    height: auto;
    padding: 20px 0 50px;
  }

  .tri-grid .opsti h2,
  .tri-grid .individualni h2 {
    font-size: 25px;
  }

  .tri-grid .individualni .saznaj-vise {
    margin-top: 0;
  }

  .tri-grid .opsti .saznaj-vise a, .tri-grid .individualni .saznaj-vise a {
    font-size: 14px;
  }

  .tri-grid .saznaj-vise {
    height: 45px;
  }



  .page-template-template-trinity-nature .section.trinity-nature {
    background-position: right !important;
  }

  .page-template-template-fizicka-priprema-zasportiste .section.fizicka-priprema {
    background-position: center !important;
  }

  .page-template-template-trinity-running .trinity_service_running {
    background: url("/wp-content/uploads/2024/07/Mobilni-slika-running.png") !important;
    background-size: cover !important;
  }


  .page-template-template-trinity-usluge .trinity_service_running {
    background: url("/wp-content/uploads/2024/07/Mobilni-slika-running.png") !important;
    background-size: cover !important;
  }

  .page-template-template-trinity-usluge .trinity_services_top.trinity_service_hiperbaricna {
    background: url("/wp-content/uploads/2024/07/Mobilni-slika-hiperbaricna.png") !important;
    background-size: cover !important;
  }


  .trinity_immune_system .immune-title {
    position: absolute;
    left: 15px;
    width: 100%;
}


  .trinity_immune_system .immune-text {
    margin-left: 0;
    margin-top: 50px;
}

  .trinity_anketa {
    z-index: 2 !important;
  }

  /* Anketa */

  .step-nav button {
    position: static;
    transform: none !important;
    width: 70px;
    height: 70px;
    font-size: 0;
  }

  .step-nav.ff_step_nav_last {
    justify-content: flex-end;
  }

  .step-nav {
    display: flex;
    justify-content: space-between;
  }

  .anketaWrap .ff-el-input--content {
    width: 100%;
  }

  .anketaWrap .fluentform-step .ff-el-group label {
    font-size: 18px;
  }

  .anketaWrap .fluentform-step {
    padding: 30px 15px 20px;
    margin-top: 20px;
  }

  .anketaWrap .fluentform .ff-el-input--label {
    margin-bottom: 0;
  }

  .anketaWrap .fluentform .ff-el-input--label {
    margin-bottom: 15px;
  }

  .anketaWrap .ff-el-input--content .ff-el-form-check-label span {
    font-size: 14px;
  }

  .anketaWrap .fluentform .ff-el-form-check {
    padding: 0;
    width: 100%;
    margin: 10px 0px;
  }

  .anketaWrap .ff-step-body .fluentform-step:first-child .ff-el-input--content,
  .anketaWrap
    .ff-step-body
    .fluentform-step:nth-child(4)
    .ff-el-input--content {
    flex-wrap: wrap;
  }

  /*  .page-template-template-misija-vizija-vrednost .my_cart {
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4) !important;
  }
*/

  /*.openNav .my_cart {
    -webkit-filter: none !important;
    filter: none !important;
  }*/

  /*SINGLE PAGE TEST*/

  .div1-text {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
  }

  .single-main .main-text {
    top: 60px;
    width: 45%;
  }

  .main-text h2 {
    font-size: 25px;
    padding-bottom: 5px;
  }

  .main-text .first-par {
    font-size: 15px;
    padding-bottom: 5px;
  }

  .main-text p {
    font-size: 15px;
    padding-bottom: 20px;
    line-height: 1.5;
  }

  .main-text a {
    width: 120px;
    height: 120px;
    font-size: 13px;
  }

  .benefiti-title h2 {
    font-size: 40px;
  }

  .benefiti .accordion-container {
    column-gap: 20px;
  }

  .content-entry .article-title {
    font-size: 20px;
  }

  .accordion-content p {
    font-size: 13px;
    padding-left: 20px;
  }

  .tretman-section .tretmani-div1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .tretman-section .tretmani-div2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .tretman-section #div-image {
    order: 2;
  }

  .tretmani-div2 .div1-text {
    padding-top: 5%;
  }

  .tretman-section #div-image {
    width: 50%;
  }

  .div1-text h4 {
    margin-top: 2%;
  }

  /*END OF SINGLE*/

  body:not(.woocommerce-block-theme-has-button-styles)
    .wc-block-components-button:not(.is-link) {
    font-size: 15px;
  }

  .logo img {
    width: 100px;
  }

  .mob_lines {
    display: block;
    position: absolute;
    width: 100%;
  }

  .waveMove {
    display: block !important;
  }

  #section3 .mob_lines {
    top: 100px;
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
  }

  #section4 .mob_lines {
    top: 55%;
  }

  .waves {
    display: none;
  }

  .mob_lines img {
    position: static;
  }

  .waveMove button {
    display: none !important;
  }

  .waveMove img {
    height: 95px;
    object-fit: cover;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
  }

  .line_section .green_lines {
    position: absolute;
  }

  /*#fullpage {
    overflow-x: hidden;
  }*/

  /*#section1 .top_desc,
  #section2 .top_desc {
    padding-top: 65px;
  }*/

  #section3 .green_lines {
    position: relative;
    top: 100px;
  }

  #section3 {
    /*display: flex;
    align-items: center;
    flex-direction: column;*/
  }

  #section3 .waveMove.mob_lines {
    top: 0px;
  }

  #section3 .slide-3-lines {
    position: absolute;
    top: -15px;
  }

  #section3 .slide-3-lines .mob_lines {
    display: none;
  }

  #section3 .waves {
    top: -32%;
  }

  #section1 .waves {
    top: 8%;
  }

  #section5 {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  #section5 .slide-3-lines {
    top: -35%;
  }

  #section5 .waveMove {
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    position: absolute;
    bottom: 110px;
    width: 100%;
    left: 0;
  }

  #section6 .waveMove {
    position: absolute;
    -webkit-filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    filter: invert(0%) grayscale(100%) brightness(0%) contrast(4);
    bottom: 5%;
  }

  .insta_feed {
    margin-top: 40px;
    margin-bottom: 100px;
    flex-wrap: wrap;
  }

  .insta_feed li {
    width: 33.333%;
    padding: 10px;
  }

  #section1 .waves,
  #section2 .waves,
  #section0 .waves,
  #section3 .waves,
  #section4 .waves,
  #section6 .waves,
  #misija .waves,
  #vizija .waves,
  #vrednost .waves {
    left: 0;
    right: 0;
    width: 100% !important;
  }

  .section {
    height: 100vh;
    position: relative;
  }

  .trinity_anketa {
    height: auto;
  }

  .anketaWrap {
    text-align: center;
    margin-top: 100px;
  }

  .anketaWrap h2 {
    font-size: 20px;
  }

  .section .desc_content {
    width: 100%;
    padding-left: 0;
  }

  .mg-top-bottom {
    margin: 0;
  }

  .section .btn_link {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }

  #section0 .btn_link {
    position: absolute;
    bottom: 100px;
    left: 0;
  }

  #section0 .desc_content {
    margin-bottom: 100px;
  }

  .tabs-wrap {
    margin-bottom: 200px;
  }

  #section0 .btn_link {
    bottom: 50px;
  }

  .trinity_btn1 {
    bottom: 65%;
    left: 10%;
  }
  .trinity_btn2 {
    left: 42%;
    bottom: 30%;
  }

  .section .btn_link a,
  #section1 .line_section a,
  #section2 .line_section a,
  #section4 .slide-3-lines a,
  #section5 .more,
  #section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit,
  .trinity_services .line_section a {
    width: 120px;
    height: 120px;
    font-size: 11px;
    margin: auto;
  }

  #section0 .desc_content {
    margin-bottom: 100px;
    margin-top: 120px;
  }

  #section0 .btn_link {
    position: absolute;
    bottom: 50px;
    left: 0;
  }

  .tabs-wrap li a {
    font-size: 13px;
  }

  /* Section 2 */

  #section1 .top_desc h1,
  #section1 .top_desc p {
    width: 100%;
  }

  #section1 .top_desc h1,
  #section2 .top_desc,
  #section3 h1,
  #section4 h1,
  #section5 h1 {
    padding-left: 0;
  }

  #section1 h1,
  #section2 h1,
  #section3 h1,
  #section4 h1,
  #section5 h1,
  .mision_vision .desc_content h1,
  .mision_vision .desc_content h1,
  .services_tab_content h1 {
    font-size: 40px;
  }

  #section1 .top_desc p {
    padding-right: 0;
  }

  #section1 .top_desc h1 {
    margin-bottom: 30px;
  }

  #section1 .line_section a {
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    right: auto;
  }

  #section1 .line_section .ring {
    background: #9ebf68;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 18%;
    bottom: 10%;
  }

  /* Section 3 */

  #section2 .top_desc p {
    width: 100%;
  }

  #section2 h1 {
    margin-bottom: 10px;
  }

  #section2 .line_section a {
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    right: auto;
  }

  /* Section 4 */

  #section3 h1 {
    width: 100%;
    margin-bottom: 30px;
  }

  #section3 .desc_content {
    width: 100%;
    padding-left: 0;
  }

  /* Section 5 */

  #section4 .slide-3-lines a {
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    right: auto;
  }

  #section4 .slide-3-lines .ring {
    right: 20%;
    bottom: 10%;
  }

  #section4 .mob_lines {
    top: 58%;
  }

  /* Section 6 */

  #section5 .more {
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    right: auto;
  }

  #section6 .waves {
    display: none;
  }

  /* Section 7 */

  #section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit {
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    right: auto;
    position: absolute;
    width: 95px;
    height: 95px;
  }

  #section6 .fluentform_wrapper_3 textarea {
    height: 100px;
  }

  #section6 .fluentform_wrapper_3 {
    margin-top: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 100px;
  }

  .fluentform_wrapper_3 .ff-el-group {
    margin-bottom: 10px !important;
  }

  #section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit {
    width: 110px;
    height: 110px;
  }

  #section6 .fp-overflow h2 {
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 60px;
  }

  #section6 {
    padding-top: 0;
    display: flex;
    align-items: center;
  }

  #fluentform_4_success {
    font-size: 13px;
    padding: 10px;
  }

  .page-template-template-trinity-usluge.fp-viewing-0-4 #section6 {
    padding-top: 66px;
  }

  /* */

  #footer {
    display: flex;
    align-items: center;
  }

  footer .f_list li {
    width: 100%;
  }

  footer .f_list li h3 {
    margin-bottom: 0;
  }

  footer .f_list li {
    padding: 0;
    margin-bottom: 15px;
  }

  footer .f_list li p,
  footer .f_list li a {
    margin-top: 10px;
  }

  .fluentform_wrapper_4 {
    margin-top: 20px;
  }

  footer .f_list li:last-child {
    margin-top: 10px;
  }

  .socialIcon {
    justify-content: center;
  }

  .socialIcon img {
    margin: 0 15px;
  }

  #section6 .fp-overflow {
    padding-top: 40px;
  }

  #section6 .fluentform_wrapper_3 input,
  #section6 .fluentform_wrapper_3 textarea {
    padding: 5px 15px;
    border-radius: 10px;
  }

  #section6 .fluentform_wrapper_3 textarea {
    height: 75px;
  }

  /* Trinity nation */

  .trinity-nature .fp-overflow {
    padding-bottom: 75px;
  }

  /* Misija page  */

  .mision_vision .desc_content h1 {
    margin-bottom: 30px;
  }

  .mision_vision .desc_content {
    flex-direction: column;
  }

  .mision_vision .desc_content p {
    width: 100%;
    padding-left: 0;
  }

  .mision_vision .line_section {
    padding-bottom: 50px;
  }

  .mision_vision .line_section {
    padding-bottom: 70px;
    padding-top: 40px;
  }

  .mision_vision .m_v_1 {
    top: 8%;
    left: 10%;
  }

  .mision_vision .m_v_2 {
    top: 10%;
    left: 48%;
  }

  .mision_vision .m_v_3 {
    top: 30%;
  }

  .mision_vision .m_v_1 a,
  .mision_vision .m_v_2 a,
  .mision_vision .m_v_3 a {
    font-size: 13px;
  }

  /* Fizicka priprema */

  .fizicka-priprema .fp-overflow {
    padding-bottom: 50px;
  }

  /* Product list page */

  .listing_setnji {
    font-size: 29px;
    margin-bottom: 35px;
    margin-top: 50px;
  }

  .main_shop_cat ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
  }

  .main_shop_cat {
    margin-top: 25px;
    padding: 0 15px;
  }

  .main_shop_cat .products {
    margin: 0 -5px;
  }

  .main_shop_cat .product {
    padding: 5px;
  }

  .main_shop_cat .slick-next:before {
    width: 15px;
    height: 15px;
    right: -35px;
    display: none;
  }

  .main_shop_cat .slick-prev,
  .main_shop_cat .slick-next {
    top: 28%;
  }

  .main_shop_cat .slick-prev:before {
    width: 15px;
    height: 15px;
    left: -35px;
    display: none;
  }

  .date-atribute .list-dimension li {
    font-size: 13px;
  }

  /* Checkout */

  .woocommerce-cart .shop_table td {
    padding: 0;
  }

  table.cart td.product-remove a.remove {
    top: 0;
    right: 0;
  }

  table.shop_table_responsive tr td[data-title]::before {
    font-family: "Inter-Regular";
  }

  .woocommerce-cart .shop_table .product-name a {
    font-size: 14px;
  }

  table.shop_table_responsive tr td[data-title]::before {
    font-size: 13px;
  }

  .product-price .woocommerce-Price-amount.amount,
  .product-subtotal .woocommerce-Price-amount.amount {
    font-size: 13px;
  }

  .woocommerce-cart .woocommerce-cart-form__cart-item td {
    padding-bottom: 10px;
  }

  .woocommerce-cart .cart-collaterals .cart_totals {
    width: 100%;
  }

  .woocommerce-cart .coupon input {
    min-width: inherit;
    margin: 0 !important;
  }

  .woocommerce-cart .coupon .button {
    white-space: nowrap;
  }

  .wc-proceed-to-checkout .button.checkout-button {
    font-size: 17px !important;
    margin-bottom: 0;
  }

  .woocommerce-cart .cart-collaterals .cart_totals table th,
  .woocommerce-cart .cart-collaterals .cart_totals table td {
    padding-bottom: 10px;
  }

  .woocommerce-cart .cart-collaterals .cart_totals tr td {
    font-size: 14px;
  }

  /*  */

  .checkout_coupon.woocommerce-form-coupon > p {
    font-size: 13px;
  }

  .checkout h3 {
    font-size: 15px;
    margin-bottom: 0;
  }

  .checkout .form-row label {
    font-size: 13px;
  }

  /* Regist */

  .form-row label {
    font-size: 13px;
  }

  .show-password-input {
    padding: 7px 10px !important;
    line-height: 1 !important;
  }

  .woocommerce-account .u-column2.col-2 {
    margin: 50px 0;
  }

  .woocommerce-account .woocommerce-info .woocommerce-Button {
    text-transform: inherit;
    padding: 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(255, 255, 255, 0.25) !important;
    padding-left: 10px;
  }

  .woocommerce-account .woocommerce-Address .woocommerce-Address-title.title a {
    font-size: 18px;
    text-decoration: underline;
  }

  .woocommerce-account .woocommerce-Address .woocommerce-Address-title.title {
    margin-top: 0;
    padding-top: 0;
  }

  .woocommerce-account .woocommerce-Address address {
    text-align: center;
  }

  .woocommerce-MyAccount-navigation {
    padding-bottom: 20px;
    border-bottom: 1px solid;
  }

  .woocommerce-MyAccount-content p {
    font-size: 14px;
  }

  .woocommerce-EditAccountForm.edit-account {
    margin-bottom: 50px;
  }

  .woocommerce-MyAccount-content .woocommerce-Button.button,
  .woocommerce-address-fields button {
    font-size: 12px;
  }

  #section5 .more {
    bottom: -85px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-time-wrapper
    .mpa-times {
    left: 30px;
  }

  /* Usluge */

  .trinity_services .trinity_services_top .line_section {
    position: static;
  }

  .trinity_services .trinityServiceDesc {
    position: static;
    padding-left: 0;
    padding-bottom: 170px;
  }

  .trinityServiceDesc h1 {
    font-size: 40px;
  }

  .trinityServiceDesc p {
    width: 100%;
  }

  .trinity_services .line_section a {
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    right: auto;
  }
  .trinity_services .green_lines {
    top: 50%;
  }

  .trinity_services .ring {
    left: 5%;
    top: 70%;
  }

  .services_tab_content .tabs li a {
    font-size: 12px;
    min-width: 160px;
    padding: 8px 10px;
  }

  .services_tab_content .tab_container ul li h2 {
    font-size: 17px;
  }

  .page-template-template-trinity-usluge .trinity_service_running .line_section a {
    bottom: 33px;
  }

  .page-template-template-trinity-usluge.fp-viewing-0-4
    .trinityServiceDesc
    .note {
    font-size: 20px;
  }

  .page-template-template-trinity-usluge.fp-viewing-0-5 .fp-tableCell {
    display: flex;
  }

  .dva-grid .individualni p {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 14px;
  }

  .dva-grid .opsti p {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 14px;
  }

  .page-id-500 .frm-fluent-form .ff-t-container {
    flex-direction: column;
  }

  .page-id-500 .fluentform .ff-el-group.ff-el-form-top .ff-el-input--label {
    text-align: center;
    margin: 15px;
    padding-right: 20px;
  }

  .page-id-500 .imunne-date .ff-el-input--label.asterisk-right {
    margin-right: 0;
    text-align: center;
    padding-top: 15px;
  }

  .trinity_anketa_wrap .ff-step-body .imunne-gender .ff-el-input--content {
    position: relative;
    left: 50%;
    transform: translate(-8%);
  }

  .page-id-500 .ff-t-container.ff-column-container.ff_columns_total_2 {
    width: 75%;
    position: relative;
    transform: translate(-50%);
    left: 50%;
    margin-top: 0;
  }

  .page-id-500 .imunne-mail .ff-el-input--label.asterisk-right {
    margin-right: 40px;
    padding-top: 15px;
  }

  .page-id-500 .imunne-number .ff-el-input--label.asterisk-right {
    margin-right: 35px;
    padding-top: 15px;
  }

  .page-id-500 .step-nav {
    display: flex;
    justify-content: center;
  }

  .page-id-500 .step-nav .ff-btn-next:before {
    padding-bottom: 7px;
  }

  .page-id-500 .step-nav .ff-btn-prev:before {
    padding-bottom: 7px;
  }

  .page-id-500 .ff-default .ff-btn-secondary:not(.ff_btn_no_style) {
    padding: 20px;
  }

  /* .page-id-508 .fluentform .ff-el-group {
  text-align: left !important;
} */

  .page-id-508
    .ff-step-body
    .fluentform-step:first-child
    .ff-el-input--content {
    flex-wrap: nowrap;
  }

  .page-id-508 .anketaWrap .ff-el-input--content {
    width: 60%;
  }

  .page-id-508 .running-gender .ff-el-input--content {
    padding-left: 95px;
  }

  .opsti-pr-grid {
    height: 135vh;
    grid-template-columns: repeat(2, 50%);
  }

  .opsti-pr-grid .column-opsti {
    padding: 90px 25px;
  }

  .opsti-pr-grid .column-opsti h3 {
    font-size: 14px;
  }

  .opsti-pr-grid .column-opsti a {
    font-size: 13px;
  }
}

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



  /*  */

  .trinity_services_top,
  .trinity_services_top.trinity_service_nature,
  .trinity_services_top.trinity_service_sport_perfomance {
    background-position: center;
  }

  .trinity_services_top.trinity_service_hiperbaricna {
    background-position: -1000px -40px;
    padding-top: 30px;
  }

  header .header-wrap {
    overflow: hidden;
  }

  /*SINGLE TEST PAGE*/

  .benefiti .accordion-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .single-container {
    padding: 5% 5%;
  }

  /*END OF SINGLE PAGE*/

  #section1 h1,
  #section2 h1,
  #section3 h1,
  #section4 h1,
  #section5 h1,
  .mision_vision .desc_content h1,
  .mision_vision .desc_content h1,
  .trinityServiceDesc h1,
  .benefiti-title h2,
  .services_tab_content h1 {
    font-size: 35px;
  }

  .trinity_services .green_lines {
    top: 72%;
    display: block;
  }

  .page-template-template-fizicka-priprema-zasportiste .top_desc {
    margin-bottom: 160px;
  }

  .page-template-template-home.fp-viewing-0-5 .top_desc {
    margin-top: 250px;
  }

  .page-template-template-home.fp-viewing-0-6 #section6,
  .page-template-template-trinity-usluge.fp-viewing-0-2 #section6,
  .page-template-template-trinity-therapy.fp-viewing-0-1 #section6,
  .page-template-template-trinity-therapy-usluge.fp-viewing-0-1 #section6,
  .page-template-template-trinity-usluge.fp-viewing-0-6 #section6 {
    padding-top: 80px;
  }

  .page-template-template-home.fp-viewing-0-6 #section6 h2,
  .page-template-template-trinity-usluge.fp-viewing-0-2 #section6 h2 {
    margin-bottom: 20px;
  }

  #section6 .fluentform_wrapper_3 label {
    margin-bottom: 0;
    font-size: 13px;
  }

  #section6 .ff-custom_html p {
    font-size: 13px;
  }

  .section .desc_content p {
    font-size: 18px;
  }

  #section0 .desc_content {
    margin-bottom: 70px;
    margin-top: 80px;
  }

  .page-template-template-home.fp-viewing-0-4 .desc_content {
    margin-top: 0 !important;
  }

  .page-template-template-home #section5 .green_lines {
    display: none !important;
  }

  .page-template-template-home.fp-viewing-0-4 .waveMove.mob_lines {
    top: 60px !important;
  }

  #section5 .more::after {
    right: -70px;
    bottom: 120px;
  }

  #section0 .btn_link .ring {
    right: 32%;
    bottom: 65%;
  }

  #section4 h1 {
    margin-bottom: 90px;
    margin-top: 145px;
  }

  #section4 .green_lines {
    display: none;
  }

  #section4 .slide-3-lines {
    margin-top: 135px;
  }

  #section1 {
    background-position: right;
  }

  #section4 .fp-overflow {
    height: 100%;
    padding-bottom: 0;
  }

  #section0 .btn_link,
  .section .btn_link a,
  #section1 .line_section a,
  #section2 .line_section a,
  #section4 .slide-3-lines a,
  #section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit {
    bottom: 100px;
    z-index: 5;
  }

  #section2 {
    background-position: bottom;
  }

  .trinity-nature .line_section a {
    bottom: 50px !important;
  }

  .trinity-nature .top_desc {
    margin-bottom: 100;
  }

  #section1 .top_desc,
  .top_desc,
  #section4 .fp-overflow {
    margin-bottom: 170px;
  }

  #section5 .fp-overflow {
    width: 100%;
    margin-top: 50px;
  }

  #section6 .fluentform_wrapper_3 .ff-btn.ff-btn-submit {
    position: static;
    transform: none;
  }

  #section6 .ff_submit_btn_wrapper {
    right: 0;
    width: 100%;
  }

  #section6 .fp-overflow {
    padding-top: 0;
  }

  #section6 .ff-custom_html p {
    margin: 0;
  }

  #section6 .ff_submit_btn_wrapper .ff-btn-submit::after {
    left: auto;
    right: 20%;
  }

  #section6 #fluentform_3 fieldset {
    flex-direction: column;
    align-items: center;
  }

  #section6 .fluentform_wrapper_3 {
    padding-left: 0;
    width: 100%;
    right: 0;
    margin: 0;
  }

  .page-template-template-trinity-usluge.fp-viewing-0-1 .services_tab_content {
    padding-top: 0;
  }

  /* Procuct list */

  .main_shop_cat .slick-track {
    /*flex-wrap: wrap;*/
    display: flex;
    width: 100% !important;
    transform: none !important;
    overflow: scroll;
  }

  .main_shop_cat .slick-track::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  .main_shop_cat .slick-track::-webkit-scrollbar-thumb {
    background-color: #38654c;
    border-radius: 5px;
  }

  .main_shop_cat ul.products li.product > a::after {
    font-size: 13px;
  }

  .main_shop_cat .product {
    width: 50% !important;
    padding-bottom: 30px;
    min-width: 50%;
  }

  .main_shop_cat ul.products li.product img {
    margin-bottom: 5px;
  }

  .main_shop_cat {
    padding: 0;
  }

  .main_shop_cat .date-atribute .mt-dimension {
    margin: 0;
    margin-top: 5px;
  }

  /* MOB WAVE */

  #section1 .fp-overflow,
  #section2 .fp-overflow,
  #section4 .fp-overflow,
  #section5 .fp-overflow {
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  #section1 .waveMove,
  #section2 .waveMove,
  #section4 .waveMove,
  #section5 .waveMove,
  .trinity_services_top .waveMove {
    position: absolute;
    bottom: 100px;
    left: 0;
  }

  .page-template-template-trinity-nature .line_section a {
    bottom: 100px !important;
  }

  #section5 .waveMove,
  #section6 .waveMove {
    bottom: 155px;
  }

  #section4 .waveMove {
    display: flex !important;
    align-items: flex-end;
  }

  #section3 .green_lines {
    display: none;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-date-wrapper {
    padding: 5%;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-time-wrapper
    .mpa-times {
    left: 10px;
  }

  /* Usluge */

  .services_tab_content .tabs li a {
    font-size: 11px;
    min-width: 100px;
    padding: 8px 0px;
  }

  .services_tab_content .tab_container {
    width: 90%;
    margin: 40px auto 0;
  }
  .services_tab_content .tab_container {
    width: 95%;
  }

  .serviceSlider .slick-next:before {
    right: -32px;
    top: -20px;
  }

  .serviceSlider .slick-prev:before {
    left: -32px;
    top: -20px;
  }

  /* Booking plugin */

  .form-popup {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: scroll;
    left: 0;
    right: 0;
    transform: none;
  }

  .form-popup .appointment-form-shortcode .mpa-actions {
    width: 100%;
    margin-bottom: 33px;
    position: static;
    margin: 0;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-date-wrapper {
    padding-bottom: 0 !important;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-time-wrapper {
    height: 255px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-time-wrapper
    .mpa-times {
    max-height: 74% !important;
  }

  /*  */

  #cursor {
    display: block;
  }

  footer .f_list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
  }

  #footer {
    padding-top: 85px;
  }

  /*  */

  .trinity_immune_system .immune-title h1 {
    font-size: 35px;
  }

  .trinity_immune_system .immune-text p {
    font-size: 16px;
  }

  .dva-grid .opsti h2 {
    font-size: 22px;
    text-align: center;
  }

  .dva-grid .individualni h2 {
    font-size: 22px;
  }

  .dva-grid {
    flex-direction: column;
  }

  .dva-grid .opsti {
    width: 100%;
    margin: 0 AUTO;
    margin-top: 100px;
    margin-bottom: 15px;
  }

  .dva-grid .individualni {
    width: 100%;
    margin: 0 AUTO;
  }

  .page-id-500 .imunne-mail .ff-el-input--label.asterisk-right {
    margin-right: 20px;
  }

  .page-id-500 .imunne-number .ff-el-input--label.asterisk-right {
    margin-right: 15px;
  }

  .trinity_anketa_wrap .ff-el-input--content .ff-el-form-check-label span {
    font-size: 13px;
  }

  .trinity_anketa_wrap .fluentform-step .ff-el-group label {
    font-size: 15px;
  }

  .running-gender .ff-el-input--content {
    position: relative;
    left: 10%;
  }

  .page-template-template-trinity-anketa-running-php
    .anketaWrap
    .ff-el-input--content {
    width: 80%;
  }


  .page-template-template-trinity-anketa-fitness-php
    .anketaWrap
    .ff-el-input--content {
    width: 80%;
  }

  .page-id-508 .running-gender .ff-el-input--content {
    padding-left: 15px;
  }

  .opsti-pr-grid {
    height: 200vh;
    grid-template-columns: repeat(1, 1fr);
    padding: 20px 10px;
  }
	
	/* Single product */
	
	.custom-price-add-to-cart {
		display: block;
	}
	
	.single-flex-wrap .woo-single_img .woocommerce-product-gallery {
		order:1;
	}
	.single-flex-wrap .woo-single_img .single_product_cat {
		order:2;
	}
	.single-flex-wrap .woo-single_img .single_product_content {
		order:3;
    margin-bottom: 20px;
	}
	.single-flex-wrap .woo-single_img .custom-price-add-to-cart {
		order: 3;
    margin: 20px 0 10px;
    background: rgba(255, 255, 255, 0.7);
    position: relative;
    border: 1px solid #dfdfdf;
    padding: 15px;
    border-radius: 10px;
	}
	
	.single-flex-wrap .woo-single_img .custom-price {
		font-size: 20px;
		color: #38654c;
		font-family: "Inter-SemiBold";
		margin-bottom:20px;
	}
	.single-flex-wrap .woo-single_img .custom-price .variations label {
		background-color: #f8f8f8;
		padding: 10px;
	}
	.woo-single_img div.product table.variations .value,
	.woo-single_img div.product .single_variation .price {
		margin-bottom:0 !important;
	}
	.woo-single_img div.product .variations_button {
		padding-top: 0 !important;
	}
	
}

@media only screen and (max-width: 375px) {
  #section5 .waveMove {
    bottom: 100px;
  }

  #section5 .more,
  #section6 .waveMove {
    bottom: 25px;
  }

  .single-main .single-big-img {
    background-position: 42% 100%;
  }

  .rezervacija {
    padding-bottom: 10%;
  }

  .single-main .main-text {
    width: 71%;
  }

  .main-text h2 {
    padding-top: 35px;
  }

  .benefiti-title h2 {
    font-size: 17px;
  }

  .arrow:before,
  .arrow:after {
    width: 10px;
    height: 1px;
  }

  .content-entry .article-title {
    font-size: 18px;
  }

  .image-border {
    --borderWidth: 12px;
  }

  .tretman-section #div-image {
    width: 65%;
  }

  .div2 {
    width: 100%;
    padding-right: 0;
  }

  .div1-text h4 {
    font-size: 20px;
  }

  .div1-text .paragraph1 {
    font-size: 17px;
  }

  .form-popup {
    border-radius: 0px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-date-wrapper {
    width: 100% !important;
    padding: 10%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-input-container
    .mpa-time-wrapper {
    width: 100% !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step-period
    .mpa-time-wrapper
    .mpa-times {
    left: 5px;
    width: 100%;
    top: 110px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step
    .mpa-cart
    .mpa-cart-item {
    margin-bottom: 10px !important;
  }

  .form-popup .mpa-cart-total {
    margin-bottom: 50px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step
    .mpa-cart
    .mpa-cart-item {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .form-popup .appointment-form-shortcode .mpa-booking-step {
    border-radius: 0px;
  }

  .form-popup
    .appointment-form-shortcode
    .mpa-booking-step
    .mpa-booking-details {
    margin-bottom: 65px;
  }

  .closePopUp {
    top: 15px;
    right: 10px;
  }

  .closePopUp:before,
  .closePopUp:after {
    background-color: #022010;
  }

  .appointment-form-shortcode,
  .appointment-form-widget > .widget-body {
    height: 100%;
  }

  .trinity_immune_system .immune-title {
    left: 20px;
  }

  .trinity_immune_system .immune-title h1 {
    font-size: 35px;
  }

  .trinity_immune_system .immune-text p {
    width: 100%;
    font-size: 12px;
  }

  .page-id-500 .ff-t-container.ff-column-container.ff_columns_total_2 {
    width: 100%;
    margin-left: 0px;
  }
  .page-id-500 .ff-el-group.ff-custom_html {
    font-size: 20px;
  }

  .page-id-500 .step-nav .ff-btn-next:before {
    padding-bottom: 4px;
  }

  .page-id-500 .step-nav .ff-btn-prev:before {
    padding-bottom: 4px;
  }

  .page-id-508 .running-gender .ff-el-input--content {
    padding-left: 0;
  }
}

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

/* Flex grid */

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


/* Galerija proizvoda */
.galerija-setnje-section{
  padding: 50px 0 160px;
}
.galerija-setnje-section h2{
  font-family: "Marcellus-Regular.ttf", sans-serif;
  font-size: 24px;
  line-height: 1.25;
  color: #3C644D;
  margin-bottom: 70px;
}
.galerija-setnje-section .splide__slide .gallery-item{
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}
.galerija-setnje-section .splide__arrow{
  background: transparent;
  width: 30px;
  height: 30px;
  opacity: 1;
  transform: scale(1.4) translateY(-50%);
}
.galerija-setnje-section .splide__arrow--prev{
  left: -50px;
}
.galerija-setnje-section .splide__arrow--next{
  right: -50px;
}
.galerija-setnje-section .splide__arrow svg{
  fill: #3C644D;
}

@media (max-width:1024px){
  .galerija-setnje-section .splide__arrow--prev{
    left: -10px;
  }
  .galerija-setnje-section .splide__arrow--next{
    right: -10px;
  }
  .galerija-setnje-section .splide__arrow{
    background: white;
    transform: scale(1.1) translateY(-50%);
  }
}
@media (max-width:767px){
  .galerija-setnje-section{
    padding: 40px 0 80px;
  }
  .galerija-setnje-section h2{
    margin-bottom: 30px;
  }
}


/* **********************
         B L O G
 *********************** */

.blog .site-main,
.archive .site-main,
.single-post .site-main{
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%,
                                     rgba(255, 255, 255, 0.66) 18%,
                                     rgba(255, 255, 255, 1) 28%,
                                     rgba(255, 255, 255, 1) 100%),
              url(../img/blog-pozadina.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top right;
  background-size: auto, 1920px;
  padding-top: 214px;
  padding-bottom: 210px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: center;
  row-gap: 120px;
}

.blog .page-header,
.archive .page-header{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  max-width: 920px;
}

.blog h1,
.archive h1{
  font-family: "Marcellus-Regular.ttf", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.47;
  text-align: center;
  color: #3C644D;
  margin: 0 0 32px;
}

.blog .blog-description p,
.archive .blog-description p{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.37;
  text-align: center;
  color: #313339;
  margin: 0;
}
.blog .page-content .container,
.archive .page-content .container{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  grid-template-rows: auto;
  grid-gap: 50px;
}

.blog .post-thumbnail,
.archive .post-thumbnail{
  margin-bottom: 24px;
}

.blog .post-thumbnail img,
.archive .post-thumbnail img {
  aspect-ratio: 1.79;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: auto;
}

.blog .post-date,
.archive .post-date,
.single-post .post-date{
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: center;
  column-gap: 9px;

  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1E1E1E;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.blog .entry-header h2,
.archive .entry-header h2{
  margin: 0 0 20px;
}
.blog .entry-header a,
.archive .entry-header a{
  font-family: "Marcellus-Regular.ttf", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #3C644D !important;
}

.blog .entry-summary p,
.archive .entry-summary p{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.37;
  color: #1E1E1E;
  margin: 0;
}

.blog .page-content article:not(:first-child) .read-more,
.archive .page-content article:not(:first-child) .read-more{
  display: none;
}

.blog .page-content article:first-child,
.archive .page-content article:first-child{
  grid-column: 1/-1;
  padding-bottom: 100px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C6C6C6;

  display: grid;
  grid-template-columns: minmax(0, 56%) minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
}
.blog .page-content article:first-child .post-thumbnail,
.archive .page-content article:first-child .post-thumbnail{
  margin-bottom: 0;
}
.blog .page-content article:first-child .post-thumbnail a,
.archive .page-content article:first-child .post-thumbnail a{
  display: block;
  width: 100%;
}
.blog .page-content article:first-child .post-thumbnail img,
.archive .page-content article:first-child .post-thumbnail img{
  aspect-ratio: 1.81;
}

.blog .page-content article:first-child .post-content,
.archive .page-content article:first-child .post-content{
  padding: 40px 9%;
}

.blog .page-content article:first-child .post-date,
.archive .page-content article:first-child .post-date{
  display: none;
}
.blog .page-content article:first-child .entry-header h2,
.archive .page-content article:first-child .entry-header h2{
  margin-bottom: 30px;
}
.blog .page-content article:first-child .entry-header a,
.archive .page-content article:first-child .entry-header a{
  font-size: 34px;
}
.blog .read-more,
.archive .read-more{
  display: inline-block;
  padding: 22px 44px;
  background: linear-gradient(112.09deg, #3C644D -16.03%, #1C402B 75.06%);
  border-radius: 90px;

  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 40px;
}

.blog .container,
.archive .container{
  margin: 0 auto;
}

@media (max-width:991px){
  .blog .site-main,
  .archive .site-main,
  .single-post .site-main{
    padding-top: 130px;
    padding-bottom: 150px;
    row-gap: 70px;
  }
  .blog .page-content .container,
  .archive .page-content .container{
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-gap: 50px;
  }
  .blog .post-thumbnail,
  .archive .post-thumbnail{
    margin-bottom: 24px;
  }
  .blog .page-content article:first-child,
  .archive .page-content article:first-child{
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .blog .page-content article:first-child .post-content,
  .archive .page-content article:first-child .post-content{
    padding: 20px;
  }
  .blog .page-content article:first-child .post-content .entry-summary p,
  .archive .page-content article:first-child .post-content .entry-summary p{
    font-size: 12px;
  }
  .blog .page-content article:first-child .entry-header h2,
  .archive .page-content article:first-child .entry-header h2{
    margin-bottom: 20px;
  }
  .blog .page-content article:first-child .entry-header a,
  .archive .page-content article:first-child .entry-header a{
    font-size: 24px;
  }
  .blog .read-more,
  .archive .read-more{
    padding: 12px 24px;
    margin-top: 20px;
    font-size: 10px;
  }
}
@media (max-width: 767px){
  .blog .site-main,
  .archive .site-main,
  .single-post .site-main{
    padding-top: 100px;
    padding-bottom: 130px;
    row-gap: 40px;
  }
  .blog h1,
  .archive h1{
    font-size: 28px;
    margin: 0 0 24px;
  }
  .blog .page-content .container,
  .archive .page-content .container{
    grid-gap: 40px;
  }
  .blog .post-thumbnail,
  .archive .post-thumbnail{
    margin-bottom: 16px;
  }
  .blog .post-date,
  .archive .post-date{
    font-size: 14px;
    margin-bottom: 16px;
  }
  .blog .entry-header a,
  .archive .entry-header a{
    margin: 0 0 16px;
  }
  .blog .entry-header a,
  .archive .entry-header a{
    font-size: 20px;
  }
  .blog .entry-summary p,
  .archive .entry-summary p{
    font-size: 14px;
  }
  .blog .page-content article:first-child,
  .archive .page-content article:first-child{
    padding-bottom: 30px;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .blog .page-content article:first-child .post-content,
  .archive .page-content article:first-child .post-content {
    padding: 20px 0 0;
  }
  .blog .page-content article:first-child .post-content .entry-summary p,
  .archive .page-content article:first-child .post-content .entry-summary p{
    font-size: 14px;
  }
  .blog #footer,
  .archive #footer{
    height: 90vh;
  }
}

@media (max-width:576px){
  .blog .page-content .container,
  .archive .page-content .container{
    grid-template-columns: minmax(0,1fr);
  }
}

/* **********************************
         B L O G   S I N G L E
 ************************************ */
.single-post .container{
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: stretch;
  row-gap: 55px;
}
.single-post .single-thumbnail img{
  width: 100%;
  aspect-ratio: 3.23;
  object-fit: cover;
  border-radius: 20px;
}
.single-post .single-content{
  display: block;
  padding: 60px 7% 100px;
  border: 1px solid #C6C6C6;
  border-radius: 20px;
  background: white;
}
.single-post .single-header{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: start;
  column-gap: 20px;
  margin-bottom: 60px;
}
.single-post .single-header h1{
  max-width: 800px;
  margin: 0;
  font-family: "Marcellus-Regular.ttf", sans-serif;
  font-weight: 400;
  font-size: 50px;
  line-height: 1.5;
  color: #3C644D;
}
.single-post .post-date{
  margin-top: 10px;
}
.single-post .post-content{
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #C6C6C6;
}
.single-post .post-content h2,
.single-post .post-content h3,
.single-post .post-content h4,
.single-post .post-content h5,
.single-post .post-content h6{
  font-family: "Marcellus-Regular.ttf", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #3C644D;
  margin-top: 0;
}
.single-post .post-content h2{
  font-size: 40px;
  margin-bottom: 40px;
}
.single-post .post-content h3{
  font-size: 24px;
  margin-bottom: 20px;
}
.single-post .post-content p{
  font-size: 16px;
  line-height: 1.37;
  color: #1E1E1E;
  margin: 0 0 24px;
}
.single-post .post-content p:last-child{
  margin-bottom: 0;
}
.single-post .wp-block-image{
  margin: 0 0 24px;
}
.single-post .post-content img{
  border-radius: 24px;
  width: 100%;
}

.single-post .nav-links{
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
}
.single-post .nav-links a{
  display: inline-block;
  padding: 21px 60px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #3C644D;
  border-radius: 90px;
}
.single-post .nav-links .nav-previous a{
  background: #3C644D;
  color: white;
}
.single-post .nav-links .nav-next a{
  background: white;
  color: #3C644D;
}
.single-post .nav-links a:before,
.single-post .nav-links a:after{
  display: none !important;
}


@media (max-width:991px){
  .single-post .container{
    row-gap: 55px;
  }
  .single-post .single-content{
    padding: 40px 40px 80px;
  }
  .single-post .single-header{
    margin-bottom: 30px;
  }
  .single-post .single-header h1{
    font-size: 38px;
    max-width: 60%;
  }
  .single-post .post-date{
    margin-top: 5px;
  }
  .single-post .post-content{
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .single-post .post-content h2{
    font-size: 34px;
    margin-bottom: 30px;
  }
  .single-post .post-content p{
    margin: 0 0 20px;
  }
  .single-post .wp-block-image{
    margin: 0 0 20px;
  }
  .single-post .nav-links a{
    padding: 21px 30px;
  }
}
@media (max-width:767px){
  .single-post .container{
    row-gap: 20px;
  }
  .single-post .single-content{
    padding: 20px 20px 40px;
  }
  .single-post .single-header{
    flex-flow: column nowrap;
    justify-content: start;
    align-items: start;
    row-gap: 10px;
  }
  .single-post .single-header h1{
    font-size: 28px;
    max-width: 100%
  }
  .single-post .post-date{
    margin-top: 0;
    margin-bottom: 0;
  }
  .single-post .post-content{
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .single-post .post-content h2{
    font-size: 24px;
    margin-bottom: 24px;
  }
  .single-post .post-content h3{
    font-size: 20px;
  }
  .single-post .nav-links a{
    padding: 10px 16px;
    font-size: 10px;
    letter-spacing: -0.02em;
  }
  .single-post .nav-links .nav-previous a{
    background: #3C644D;
    color: white;
  }
  .single-post .nav-links .nav-next a{
    background: white;
    color: #3C644D;
  }
}