@charset "utf-8";

.cl1{ color:#222; }
.bg1{ background-color:#222; }
.k13{ color:#333; text-decoration:none; transition:0.5s;}
.k13:hover{ color:#32C6CC; }


.cl2{ color:#fafafa; }
.bg2{ background-color:#fafafa; }

/*tirquize*/
.cl3{ color:#32C6CC; }
.bg3{ background-color:#32C6CC; }

/*tirkiz 2*/
.cl4{ color:#2CB7C1; }
.bg4{ background-color:#2CB7C1; }

/*Marine blue*/
.cblue{ color:#164B6E; }
.bblue{ background-color:#164B6E; }

/*Marine gray*/
.cgray{ color:#6E8496; }
.bgray{ background-color:#6E8496; }

/*lignt grey*/
.clgrey{ color: #fafafa; }
.blgrey{ background-color: #fafafa; }


.site_width{ max-width:1200px; }

body{
	font-family: "Fira Sans", sans-serif;
    font-optical-sizing: auto;
	background-color:#fff;
}

.font1{ 
font-family: "Fira Sans", sans-serif;
    font-optical-sizing: auto;
}

.font2{ 
font-family: "Fira Sans Extra Condensed", sans-serif;
    font-optical-sizing: auto;
}

h1{ font-size:34px;}
h2{ font-size:28px;}

.oval{ border-radius:16px !important; }

.subtitle{ font-size:14px; padding:5px 0px; }

.btn{ display:inline-block; box-shadow:none; text-decoration:none; font-weight:800; background-color:#32C6CC; font-size:14px; text-transform:uppercase; letter-spacing:2px; color:#fff; text-align:center; padding:12px 20px; border-radius:1000px; transition:0.4s; }
.btn:hover{ background-color:#164B6E; }

.btn_red { background-color:#F30; }
.btn_red:hover { background-color:#222; }

.btn_dark_blue { background-color:#164B6E; }
.btn_dark_blue:hover { background-color:#32C6CC; }

.btn1{ display:inline-block; text-decoration:none; font-weight:800; background-color:#32C6CC; font-size:14px; text-transform:uppercase; letter-spacing:2px; color:#fff; text-align:center; padding:12px 20px; border-radius:1000px; transition:0.4s; }
.btn1:hover{ background-color:#164B6E; }

.btn_admin{ display:inline-block; text-decoration:none; font-weight:800; background-color:#F30; font-size:14px; text-transform:uppercase; letter-spacing:2px; color:#fff; text-align:center; padding:12px 20px; border-radius:1000px; transition:0.4s; }
.btn_admin:hover{ background-color:#164B6E; }

.form_label{  text-align:left; font-size:13px; padding-bottom:5px; padding-top:16px; }

input, textarea, select{ background-color:#eee; font-weight:normal; font-size:16px; padding:10px 10px; border:0px; box-shadow:none; box-sizing:border-box; border-radius:5px; }
input[type='checkbox']{ outline:0px; outline-offset:0px}


.click_text{ text-decoration:underline; }
.click_text:hover{ text-decoration:none; }

.message_fld { text-align:center; font-size:18px; padding-top:30px; }
.message_btn_fld { text-align:center; padding-bottom:30px; }
.f-curtain-content { border-radius:10px; }


.tekst table{ border:1px #F00 solid; margin:5px 0px}
		.tekst table td{ border:3px #eee solid; text-align:right; font-size:12px}
		
		.tekst p{margin:10px 0px}
		
		.tekst table tbody tr td:first-child{ background-color:#ddd}
		
		.tekst table tbody tr:first-child{ background-color:#F90; color:#FFF !important;}
		
		.tekst a{ text-decoration:none; color:#333; font-weight:bold}
		.tekst a:hover{ color:#777;}
		
		.tekst{ font-size:14px; line-height:20px; color:#333; }
		.tekst p{ margin-bottom:10px}
		.tekst h2{ margin-top:30px; margin-bottom:15px; font-weight:600;}
		
		.tekst h3{ margin-top:20px; margin-bottom:10px; font-weight:normal; }
		.tekst ul{padding-left:30px}
		.tekst li{ margin-bottom:3px}
		.tekst ol{ margin-bottom:3px}
		
		.tekst_block .tekst_fld{ padding:10px; }
	
		
/*CHECKBOX*/
/* The container */
.chk_container {
  display: block;
  position: relative;
  padding-left: 36px;
  padding-top:2px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chk_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chk_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fafafa;
  border: 4px #32C6CC solid;
  border-radius:8px;
}

/* On mouse-over, add a grey background color */
.chk_container:hover input ~ .chk_checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.chk_container input:checked ~ .chk_checkmark {
  background-color: #32C6CC;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chk_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chk_container input:checked ~ .chk_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk_container .chk_checkmark:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 4px 4px 0;
  
 
  
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* ==================================================
   GLIGHTBOX - CUSTOM WHITE THEME
   ================================================== */

.goverlay { background-color:#fff !important }

/* ---------- GLAVNA POZADINA ---------- */

.glightbox-container {
    background: #fff !important;
}

.glightbox-container .gslide {
    background: #fff !important;
}


/* ---------- UKLANJANJE POZADINE DUGMADI ---------- */

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;
}


/* ---------- PLAVE IKONICE ---------- */

.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg,
.glightbox-clean .gclose svg {

    fill: #1687d9 !important;
    stroke: #1687d9 !important;

}


/* GLightbox SVG često koristi path */

.glightbox-clean .gprev svg path,
.glightbox-clean .gnext svg path,
.glightbox-clean .gclose svg path {

    fill: #1687d9 !important;
    stroke: #1687d9 !important;

}


/* ---------- VELIČINA STRELICA ---------- */

.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg {

    width: 32px !important;
    height: 32px !important;

}


/* ---------- X DUGME ---------- */

.glightbox-clean .gclose svg {

    width: 26px !important;
    height: 26px !important;

}


/* ---------- HOVER ---------- */

.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {

    background: transparent !important;
    opacity: 0.65 !important;

}


/* ---------- CAPTION POZADINA ---------- */

.glightbox-clean .gslide-description {

    background: #fff !important;
    text-align: center;

    padding: 12px 15px !important;

}


/* ---------- CAPTION NASLOV ---------- */

.description-bottom{
	border: 0px #F00 solid;	
}

.gdesc-inner{
	padding-top: 0px !important;	
}

.glightbox-clean .gslide-title {

   font-family: "Fira Sans", sans-serif !important;

    font-size: 20px !important;
    font-weight: 600;

    line-height: 1.3;

    color: #164B6E !important;

    margin-bottom: 5px !important;
	
	text-align:left !important;
	
	

}


/* ---------- CAPTION OPIS ---------- */

.glightbox-clean .gslide-desc {

    font-family: "Fira Sans", sans-serif !important;

    font-size: 17px !important;
    font-weight: 400;

    line-height: 1.5;

    color: #555 !important;

}


/* ---------- MOBILE ---------- */

@media (max-width: 768px) {

    .glightbox-clean .gprev svg,
    .glightbox-clean .gnext svg {

        width: 28px !important;
        height: 28px !important;

    }

    .glightbox-clean .gclose svg {

        width: 24px !important;
        height: 24px !important;

    }

    .glightbox-clean .gslide-title {

        font-size: 18px !important;

    }

    .glightbox-clean .gslide-desc {

        font-size: 16px !important;

    }

}


@media only screen and (max-width:750px){
	
	.btn1{ font-size:20px; padding:16px 20px; }
}