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

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap");
body {
  /*background:#CDDC39;
  font-family: 'Arimo', sans-serif;*/
}
h2 {
  color: #000;
  font-size: 2em;
  /*text-align:center;*/
}
#g-custom6a .tab4_container .aktivni_tab {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.tab4_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/**/
.tab4 {
  cursor: pointer;
  padding: 10px 20px;
  margin: 0px 2px;
  background: #000;
  display: inline-block;
  color: #fff;
  border-radius: 3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
}
.tab4_bdy {
  /*background:green;*/
  background-image: url('https://www.ask-alfa.hr/images/slike/poz.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 2rem 2rem #00000080;
  min-height: 200px;
  width: 100%;
  max-width: 900px;
  border-radius: 3px;
  overflow: hidden;
  padding: 20px;
}
.tab4_txt {
  display: none;
  animation: anim2 0.8s;
}
@keyframes anim2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.rad_btn {
  display: none !important;
}
#prvi:checked ~ .tab4_bdy #prvi-tab4_txt, #drugi:checked ~ .tab4_bdy #drugi-tab4_txt {
  display: block;
  /*background: cyan;*/
}
#prvi:checked ~ .aktivni_tab #prvi-tab, #drugi:checked ~ .aktivni_tab #drugi-tab {
  background: #a88e63;
  color: #000;
  border-top: 3px solid #000;
}
/***************************************************************************************************************************************************/
#g-custom6a .tab4_container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.opremahs_container {
  position: relative;
}
.opremahs_container .opremahs_zatvori {
  display: none;
}
.opremahs_container .opremahs_opis-box {
  position: relative;
}
.opremahs_container .opremahs_opis {
  background: #131313;
  border-radius: 5px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.22);
  color: #fff;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  width: 360px;
  z-index: 4;
}
.opremahs_container .opremahs_opis .opremahs_opis-box {
  padding: 20px;
}
.opremahs_container .opremahs_opis .opremahs_opis-box .opremahs_opis-naslov {
  font-size: 16px;
  text-transform: uppercase;
}
.opremahs_container .opremahs_opis .opremahs_opis-box p {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.opremahs_container .opremahs_chkbx {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  width: 0;
  z-index: -1;
}
.opremahs_container .opremahs_chkbx + .opremahs_poz {
  background: #ec2256;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  position: absolute;
  transition: all 300ms ease;
  width: 20px;
  z-index: 2;
}
@media (min-width: 768px) {
  .opremahs_container .opremahs_chkbx + .opremahs_poz {
    height: 30px;
    width: 30px;
  }
}
.opremahs_container .opremahs_chkbx + .opremahs_poz:before, .opremahs_container .opremahs_chkbx + .opremahs_poz:after {
  background: #fff;
  content: "";
  cursor: pointer;
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.opremahs_container .opremahs_chkbx + .opremahs_poz:before {
  height: 2px;
  width: 40%;
}
.opremahs_container .opremahs_chkbx + .opremahs_poz:after {
  height: 40%;
  width: 2px;
}
/*.test {
  position: relative;
}*/
/*.test .opremahs_chkbx2 ~ .opremahs_overlay2*/
/* .opremahs_container .opremahs_chkbx ~ .opremahs_overlay*/
.opremahs_container .opremahs_chkbx ~ .opremahs_overlay {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 3;
  /*background: magenta;*/
}
.opremahs_container .opremahs_chkbx:checked + .opremahs_poz {
  transform: rotate(45deg);
}
.opremahs_container .opremahs_chkbx:checked ~ .opremahs_opis {
  opacity: 1;
  visibility: visible;
}
/* .test .opremahs_chkbx2:checked ~ .opremahs_overlay2*/
/*.opremahs_container .opremahs_chkbx:checked ~ .opremahs_overlay*/
.opremahs_container .opremahs_chkbx:checked ~ .opremahs_overlay {
  display: block;
}
.BornHS__Modal {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  .opremahs_container .opremahs_opis {
    bottom: auto !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .opremahs_container .opremahs_opis .opremahs_zatvori {
    background: #ec2256;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 20px;
    right: -5px;
    position: absolute;
    top: -5px;
    transition: all 300ms ease;
    transform: rotate(45deg);
    width: 20px;
    z-index: 5;
  }
  .opremahs_container .opremahs_opis .opremahs_zatvori:before, .opremahs_container .opremahs_opis .opremahs_zatvori:after {
    background: #fff;
    content: "";
    cursor: pointer;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .opremahs_container .opremahs_opis .opremahs_zatvori:before {
    height: 2px;
    width: 40%;
  }
  .opremahs_container .opremahs_opis .opremahs_zatvori:after {
    height: 40%;
    width: 2px;
  }
}
a {
  color: #a88e63;
}
h3 {
  font-family: "Bebas Neue", cursive;
  margin: 0px;
  /*override*/
}
h2 {
  font-family: "Comfortaa", cursive;
  color: #fff;
  font-weight: 300;
  border-left: 7px #a88e63 solid;
  padding-left: 20px;
}
body {
  color: #9f9f9f;
}
.nap-box h3, .custom-btn, #pocetna_1 .g-array-item-read-more .button, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn, .fnt1, #g-custom6b h2 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
/*podloga - tamno crna*/
.g-container, #g-header, #g-page-surround {
  background-color: #1f1f24;
}
/*#g-page-surround {
    background: #e9e9e9;
}*/
/*shadow oko web framea*/
#g-page-surround .g-container {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*podloga svjetlo crna*/
#g-showcase {
  background-color: #232528;
}
/*podloga kontakt*/
#g-custom7 .g-grid {
  background: #000;
  padding: 25px 10px 30px;
}
/*back vijesti*/
/*padding oko elemenata clanaka*/
#pocetna_1 #g-custom3 .g-container .g-content .g-array-item {
  background-color: #000;
  padding: 15px;
}
/*vanjski okvir vijesti padding*/
#pocetna_1 #g-custom3 .g-container {
  padding: 15px;
}
/*
.g-container {
    background-color: #fff;
    padding:0 0 20px 0;
}*/
/*lok:g-container >g.header */
/*#g-header {*/
/*background: #fff; +*/
/*color: #000; +*/
/*position: relative;*/
/*z-index: 3;*/
/*}*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX RASTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*Postavke headera da bi se media rotator pozicionirao ispod gornjeg menija*/
#pocetna_1 #g-header, #ostalo_1 #g-header, #vijesti_1 #g-header {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background: transparent;
}
/*xyz*/
/*override za naslovnicu na vrhu mice padding*/
/*#pocetna_1 .g-container {
	padding:0px;
}*/
/*end postavke za header*/
/*naslovnica - padding 4 slike */
.g-content {
  margin: 0px;
  padding: 0 10px;
}
/*naslovnica - padding - dobrodosli */
#g-custom2 .g-content {
  padding: 50px 25px 70px 25px;
}
/*naslovnica - padding - media rotator*/
#pocetna_1 #g-custom1 .g-content, #g-custom9 .g-content {
  padding: 0px;
}
/*ostale stranice template*/
/*stavljena i margina u .breadv1 na 0*/
#ostalo_1 #g-custom1 .g-content, #vijesti_1 #g-custom1 .g-content {
  padding: 0px;
}
/*padding oko containera gdje se prikazuju artikli*/
#ostalo_1 #g-custom3 .g-content, #vijesti_1 #g-custom3 .g-content {
  padding: 0 25px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX ZAJEDNICKI GRAFICKI ELEMENTI XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------------------- BTN -------------------------------------*/
.btn20, #pocetna_1 .g-array-item-read-more .button, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn {
  margin: 20px;
  outline: none;
}
.custom-btn, #pocetna_1 .g-array-item-read-more .button, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn {
  /*width: 250px;*/
  /*height: 40px;*/
  padding: 10px 25px;
  border: 2px solid #fff;
  /*font-family: 'Lato', sans-serif;*/
  /*font-family: 'Montserrat', sans-serif;*/
  font-weight: 600;
  font-size: 10px;
  /*text-transform: uppercase;*/
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 0;
}
/* 15 */
.btn-15, #pocetna_1 .g-array-item-read-more .button, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn {
  /*background: #000;*/
  color: #fff;
  z-index: 1;
}
.btn-15:after, #pocetna_1 .g-array-item-read-more .button:after, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn:after, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  /*background: #e0e5ec;*/
  background: #a88e63;
  transition: all 0.3s ease;
}
.btn-15:hover, #pocetna_1 .g-array-item-read-more .button:hover, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn:hover, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn:hover {
  color: #000;
}
.btn-15:hover:after, #pocetna_1 .g-array-item-read-more .button:hover:after, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn:hover:after, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active, #pocetna_1 .g-array-item-read-more .button:active, #pocetna_1 #g-custom7 .jd-simple-contact-form .jdscf-col-md-12 .btn:active, #vijesti_1 #g-container-custom6 .jd-simple-contact-form .jdscf-col-md-12 .btn:active {
  top: 2px;
}
.ss2 {
  text-align: center;
}
/* ------------------------------------- BREADCRUMBS -------------------------------------*/
.breadv1 {
  /*margin: 0 10px;*/
  margin: 50px 0 auto;
  list-style: none;
  background-color: #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /*height: 200px;*/
  text-align: right;
  padding-right: 100px;
}
/*position relative i z-index dizu li elemente da se mogu klikati, ako dizem prije citav breadv1 onda prelazi logo*/
.breadv1 li {
  display: inline-block;
  line-height: 180px;
  position: relative;
  z-index: 20;
}
.breadv1 ul {
  margin-top: 0px;
  margin-left: 0px;
}
/*override micanje ikone*/
.icon-location:before {
  content: "";
}
/*override zbog novog templeta, poravnanje desno breadcrumba*/
.breadcrumb {
  justify-content: flex-end;
}
/*j4*/
.card-body {
  padding: 0;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX SEKCIJE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*
#g-navigation {
    background: #000;
    margin: 0 20px;
}*/
/*
#g-showcase {
	margin:0 20px;
}*/
/*poravnanje menija lijevo*/
/*#g-navigation .g-main-nav .g-toplevel {
    justify-content: left;
    -webkit-justify-content: flex-start;
}*/
/* ------------------------------------- G-CONTAINER SEKCIJA / LOGO -------------------------------------*/
/*lok: container*/
/* LOGO */
/*override veličina logo*/
.gantry-logo img {
  width: 250px;
  max-width: none;
}
/*---------STARO-------------*/
/*visina 4 slike*/
/*
.sprocket-strips-item {
    height: 290px;
}

.sprocket-strips-item:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	display: block;
	transition: all 0.3s;
}

.sprocket-strips-title {
    text-align: right;
    margin-top: 200px;
    background-color: #000;
	width: 50%;
}*/
/* ------------------------------------- G-CONTAINER SEKCIJA / NAVIGACIJA -------------------------------------*/
/*font za nav vrh*/
.fnt1 {
  /*font-family: 'Montserrat', sans-serif;*/
  font-size: 0.7rem;
  /*text-transform: uppercase;*/
}
#menu-2761-particle {
  border-bottom: 1px dashed #fff;
  width: 55rem;
}
/*ostalo template*/
#menu-3929-particle, #menu-5410-particle {
  width: 55rem;
}
#g-header .g-main-nav .g-toplevel {
  justify-content: flex-end;
}
/*boja pozadine na trenutno odabranom izborniku*/
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #a88e63;
}
/*boja teksta na trenutno odabranom izborniku*/
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #000;
}
/**/
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover.g-selected {
  background: #fff;
}
/**/
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: #000;
}
/*kod hovera boja teksta na NEselektiranim izbornicima*/
#g-header a:hover {
  color: red !important;
}
/*boja teksta izbornika*/
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #fff;
}
/*override spacing oko itema menija*/
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-decoration: none;
  padding: 1rem 0.5rem;
}
/*override desna margina*/
/*.g-menu-item-container {
    display: block;
    position: relative;
    right: -7rem;
}*/
/* ------------------------------------- G-CUSTOM 1 SEKCIJA / Pozicija poruke na rotatoru -----------------*/
/*override naslov članka na rotatoru*/
.layout-slideshow .sprocket-features-title {
  margin: 500px 0 15px 0;
}
/* ------------------------------------- G-CUSTOM 3 SEKCIJA / 4 SLIKE -------------------------------------*/
/*raster za 4 cjeline*/
.grid1 {
  display: flex;
  flex-wrap: wrap;
}
/*raster za 4 cjeline*/
.grid1 .box {
  padding: 0 10px 20px 10px;
}
.grid1 img {
  width: 100%;
}
/*1*/
.box {
  position: relative;
  flex-basis: 50%;
}
/*isti timing za sve 3 tranzicije (plavo polje,ikonu,scale slike)*/
.box3:before, .box3 span, .box2 img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*hover-image efekt*/
.box2 {
  overflow: hidden;
}
/*hover-image efekt*/
.box2:hover img {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
/*hover-plavo polje*/
.box3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 0;
  top: 0;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  background: rgba(1, 163, 209, 0.75);
  /*z-index: 10;*/
  /*transition: opacity 0.3s;*/
  opacity: 0;
}
/*hover-plavo polje*/
.box3:hover:before {
  opacity: 0.3;
}
/*text blok iznad slike*/
.text-blok {
  position: absolute;
  bottom: 3em;
  right: 10px;
  background-color: #000;
  padding: 10px;
  width: 50%;
  text-align: right;
}
/*boja natpisa iznad slike*/
.bijelo {
  color: #fff;
}
/*hover-ikona*/
.box3 span {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  /*visibility: hidden;*/
  opacity: 0;
  /*transition: all 0.4s;*/
}
/*hover-ikona*/
.box3:hover span {
  /*visibility: visible;*/
  opacity: 1;
}
/* ------------------------------------- G-FOOTER SEKCIJA / VIJESTI -------------------------------------*/
/*poravnava otvori na vjestima + kontakt formi*/
#g-custom3 .g-container .g-content-array .g-array-item-read-more, #g-custom7 .g-container .jdscf-submit-btn, #vijesti_1 #g-container-custom6 .jdscf-submit-btn {
  text-align: center;
}
/*boja linka na vijestima*/
/*#pocetna_1 #g-custom3 .g-container .g-content-array .g-item-title {
	color:#a88e63;
}*/
/*boja linka na vijestima*/
#pocetna_1 #g-custom3 .g-container .g-content-array a:hover {
  color: #4d4d4d;
}
/*btn hover*/
#pocetna_1 #g-custom3 .g-container .g-content-array a.button:hover {
  color: #000;
}
/*boja datuma, pregleda, autora vijesti*/
#pocetna_1 #g-custom3 .g-container .g-array-item-details {
  color: #4d4d4d;
}
#pocetna_1 #g-custom3 .g-array-item-details .g-array-item-date, #pocetna_1 #g-custom3 .g-array-item-details .g-array-item-author, #pocetna_1 #g-custom3 .g-array-item-details .g-array-item-hits {
  display: block;
  /*width: 100%;*/
}
#g-custom3 .g-content .g-array-item-image {
  width: 100%;
  height: 138px;
  overflow: hidden;
}
/*novo*/
#g-container-custom6 #g-custom6a .article-info {
  padding: 0 0 0 20px;
  margin-top: 0;
}
#g-container-custom6 #g-custom6a dd {
  margin-left: 10px;
  display: inline-block;
  font-size: 12px;
}
#g-container-custom6 #g-custom6a dd span.icon-fw {
  color: #a88e63;
}
/* -------- pozicioniranje naslova članka i ikone lijevo -------- */
#g-container-custom6 #g-custom6a .page-header {
  position: relative;
  display: flex;
}
#g-container-custom6 #g-custom6a .page-header:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #a88e63;
  padding: 13px 10px 0 0;
  font-size: 33px;
}
#g-container-custom6 #g-custom6a h1 {
  font-family: "Comfortaa", cursive;
  color: #d5d5d5;
  margin-bottom: 8px;
}
#g-container-custom6 #g-custom6a .page-header h1:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 4%;
  width: 90%;
  border-bottom: 1px #a88e63 solid;
}
/*pozicioniranje full article slike u članku */
#g-container-custom6 #g-custom6a .com-content-article .item-image {
  width: 89%;
}
#g-container-custom6 #g-custom6a .com-content-article .item-image img {
  object-fit: cover;
  width: 100%;
  height: 300px;
}
/* ------------------------------------- G-FOOTER SEKCIJA  ---------------------------------------------------*/
#g-Footer .g-container {
  background-color: #000;
  padding: 0 0 20px 0;
}
#g-Footer .grid1 img {
  width: 25%;
}
#g-Footer .grid1 {
  background-color: #000;
}
#g-Footer .grid1 .box {
  padding: 20px;
}
.sredina {
  text-align: center;
}
.fab {
  font-size: 2rem;
  transition: all 1s ease;
  color: #9f9f9f;
  margin-left: 0.4rem;
}
.fa-facebook-square:hover {
  color: #3b5998;
}
.fa-youtube-square:hover {
  color: #ff0000;
}
.naslov_footer {
  display: block;
}
span.ikone {
  font-size: 10px;
  text-transform: uppercase;
}
#g-Footer .g-container .box:nth-child(2) {
  text-align: right;
}
#g-Footer .g-container .subbox2 {
  display: inline-block;
  vertical-align: top;
}
#g-Footer .g-container .subbox2 p {
  line-height: 14px;
  margin: 0 0 0 20px;
}
/* ------------------------------------- alfa-ostalo-v1 template -----------------------------------------------*/
/* ------------------------------------- G-CUSTOM3 SEKCIJA / TABOVI za Susrete ---------------------------------*/
/*tabs name container*/
.tabs-container {
  position: relative;
  /*background: #2652CC;*/
  width: 120px;
  /*height: 100vh;*/
  float: left;
  z-index: 20;
}
/*tabs name label*/
.tabs-container label {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}
/*hover effect on tabs names*/
.tabs-container label:hover {
  background: rgba(0, 0, 0, 0.2);
}
/*--*/
/*content area for tabs*/
.tab-content {
  position: relative;
  /*background: #eee;*/
  width: calc(100% - 120px);
  /*min-height: 100vh;*/
  padding: 15px;
  float: left;
  box-sizing: border-box;
  z-index: 19;
  display: none;
}
.tab-content:after {
  content: "";
  clear: both;
}
/* Hide input radio from users */
input[name="tab"] {
  display: none;
}
/* Show tab when input checked */
#tab1:checked ~ .tabs-container ~ #content1, #tab2:checked ~ .tabs-container ~ #content2, #tab3:checked ~ .tabs-container ~ #content3, #tab4:checked ~ .tabs-container ~ #content4, #tab5:checked ~ .tabs-container ~ #content5, #tab6:checked ~ .tabs-container ~ #content6, #tab7:checked ~ .tabs-container ~ #content7, #tab8:checked ~ .tabs-container ~ #content8, #tab9:checked ~ .tabs-container ~ #content9, #tab10:checked ~ .tabs-container ~ #content10, #tab11:checked ~ .tabs-container ~ #content11, #tab12:checked ~ .tabs-container ~ #content12, #tab13:checked ~ .tabs-container ~ #content13, #tab14:checked ~ .tabs-container ~ #content14 {
  display: block;
  animation: slide 0.5s forwards;
}
/* Active Tab Name */
#tab1:checked ~ .tabs-container #label1, #tab2:checked ~ .tabs-container #label2, #tab3:checked ~ .tabs-container #label3, #tab4:checked ~ .tabs-container #label4, #tab5:checked ~ .tabs-container #label5, #tab6:checked ~ .tabs-container #label6, #tab7:checked ~ .tabs-container #label7, #tab8:checked ~ .tabs-container #label8, #tab9:checked ~ .tabs-container #label9, #tab10:checked ~ .tabs-container #label10, #tab11:checked ~ .tabs-container #label11, #tab12:checked ~ .tabs-container #label12, #tab13:checked ~ .tabs-container #label13, #tab14:checked ~ .tabs-container #label14 {
  background: red;
}
/* Slide animation for tab contents */
@keyframes slide {
  from {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
/* ------------------------------------- alfa-ostalo-v1 template -----------------------------------------------*/
/* ------------------------------------- G-CUSTOM3 SEKCIJA / O nama / 120+ susreta... --------------------------*/
/*raster - onama - counter*/
.counter_grid {
  display: flex;
  justify-content: center;
  flex-grow: 0 1 auto;
  /*background-color: #000;*/
}
/*ako maknem width mogu poravnati sa justify-content */
.counter_box {
  padding: 10px;
  text-align: center;
  width: 200px;
}
span.boldano {
  font-family: "Comfortaa", cursive;
  color: #a88e63;
  font-weight: 500;
  font-size: 30px;
}
/* ------------------------------------- G-CUSTOM3 SEKCIJA / O nama / Slike pozadina --------------------------*/
/*slike - onama*/
#ostalo_1 .back1 {
  background: url('https://www.ask-alfa.hr/images/slike/susreti.png') left top no-repeat;
  /*background-color:red;*/
  /*background-repeat:no-repeat;*/
  padding-top: 14rem;
}
#ostalo_1 #g-custom3 .g-grid {
  /*background-color: blue;*/
  background: url('https://www.ask-alfa.hr/images/slike/test60.jpg') right bottom no-repeat;
}
/* ------------------------------------- G-CUSTOM9 SEKCIJA / Partneri ----------------------------------------*/
/*https://stackoverflow.com/questions/18813299/changing-image-on-hover-with-css-html*/
.container-3 {
  display: flex;
  justify-content: center;
  flex-grow: 0 1 auto;
  /*background-color: #000;*/
  background: url('https://www.ask-alfa.hr/images/slike/poz.png') left top no-repeat;
  background-size: cover;
}
.box-def {
  padding: 10px;
  text-align: center;
  width: 200px;
}
.box-grid {
  position: relative;
  width: 200px;
  /*height:281px;*/
  margin: 0 auto;
}
.box-grid img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.box-grid img.top:hover {
  opacity: 0;
}
.container-3 p {
  padding-top: 150px;
}
span.partneri {
  font-size: 10px;
  text-transform: uppercase;
}
/* ------------------------------------- alfa-vijesti template -------------------------------------------------*/
/* -------- desna kolona -------- */
#g-custom6b {
  padding: 0 20px 0 0;
}
#g-custom6b .g-array-item-image {
  width: 100%;
  height: 138px;
  overflow: hidden;
}
#g-custom6b .g-array-item-details {
  font-size: 12px;
}
#g-custom6b .g-array-item-details span {
  color: #6c757d;
}
.g-array-item {
  background-color: #000;
  padding: 15px;
}
/**/
#g-custom6b h3 {
  font-size: 16px;
}
#g-custom6b .g-array-item-details span {
  display: inline-block;
}
#g-custom6b .g-grid {
  margin-bottom: 0;
}
#g-custom6b .g-array-item .g-array-item-details {
  margin-top: 0;
}
#g-custom6b .g-array-item .g-array-item-image {
  margin-bottom: 5px;
}
#g-custom6b h2 {
  /*font-family: 'Montserrat', sans-serif;*/
  font-size: 0.9rem;
  /*text-transform: uppercase;*/
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 10px;
}
#g-custom6b #contentarray-9177-particle {
  background-color: #000;
  margin-top: 10px;
  padding-top: 2px;
}
/* -------- uclani se upitnik -------- */
.nap-box {
  background-color: #000;
  border: #000 1px solid;
  padding: 20px;
}
.nap-box h3 {
  color: #a88e63;
  font-size: 0.9rem;
}
#simple-contact-form-115 .jdscf-row {
  padding: 10px;
}
/*----------------------- OTHER DEVICES -----------------------*/
/*  typically min 75rem */
/*typically range 60rem to 74.938rem*/
/*typically 48rem to 59.938rem*/
/*typically 30rem to 47.938rem*/
/*typically max 30rem*/
@media only all and (max-width: 30rem) {
  /* ============================================ CUSTOM 1 SEKCIJA ============================================ */
  /* ============================================ događanja,reenactment,oprema, učlani se ===================== */
  /* ========================================== EO - CUSTOM 1 SEKCIJA ========================================== */
  .box {
    flex-basis: 100%;
  }
}
/*# sourceMappingURL=custom_14.css.map */