@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; }


.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;
}

.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; }

.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; }

.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);
}


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