@font-face {
  font-family: 'PostGrotesk-Thin';
  src: url('../fonts/PostGrotesk-Thin.woff') format('woff'),
       url('../fonts/PostGrotesk-Thin.ttf') format('truetype'),
       url('../fonts/PostGrotesk-Thin.svg#PostGrotesk-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PostGrotesk-Medi';
  src: url('../fonts/PostGrotesk-Medium.eot');
  src: url('../fonts/PostGrotesk-Medium.woff2') format('woff2'),
       url('../fonts/PostGrotesk-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PostGrotesk-Bold';
  src: url('../fonts/PostGrotesk-Bold.eot');
  src: url('../fonts/PostGrotesk-Bold.woff2') format('woff2'),
       url('../fonts/PostGrotesk-Bold.woff') format('woff'),
       url('../fonts/PostGrotesk-Bold.ttf') format('truetype'),
       url('../fonts/PostGrotesk-Bold.svg#PostGrotesk-Bold') format('svg'),
       url('../fonts/PostGrotesk-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

input[type='checkbox'] {
	margin-top: -30px;
}

input[type='checkbox'] {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
	width: 13px;
	height: 13px;
	margin: 0;
	margin-right: 5px;
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
}

input[type='checkbox']:after {
	content: "";
	vertical-align: middle;
	text-align: center;
	line-height: 13px;
	position: absolute;
	cursor: pointer;
	height: 13px;
	width: 13px;
	left: 0;
	top: 0;
	font-size: 10px;
	background: transparent;
}

input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
	background: #FF6B2B;
	content: '\2714';
	color: #000000;
}

input[type='checkbox']:checked:after {
	background: #FF6B2B;
	content: '\2714';
	color: #000000;
}
.form-style input[type="button"], .form-style input[type="button"], .form-style input[type="submit"], .form-style input[type="submit"] {
    color: #000000;
    padding: 5px 20px;
    background: none;
    text-decoration: none;
    font-weight: 700;
    transition: 0.9s;
    font-weight: 100;
    position: relative;
    border: 1px solid #000000;
    font-family: 'PostGrotesk-Medi';
    float: left;
    margin-left: 10%;
    z-index: 9999999999;

}
 
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
color: #fff;  background-color: #FF6B2B; border: 1px solid #FF6B2B}



.form-style .success {
    background: #D8FFC0;
    padding: 5px 10px 5px 10px;
    border: none;
    font-weight: bold;
    color: #2E6800;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5% !important;
    margin-top: 10% !important;
  }

.form-style .error {
    border: none;
    font-weight: bold;
    color: #FF0000;
    text-align: center;
    font-size: 16px;
	margin-top:5%;
}

.pole {

    padding: 10px;
    font-size: 14px;
    color: #000000;
    margin: 1% 5%;
    width: 80%;
    text-align: left;
    border-bottom: 1px solid #000000;
    font-family: 'PostGrotesk-Medi';
     background: none;
    border: 0;
    border-bottom: 1px solid #000000;

}

select {
    padding: 10px 0;
    font-size: 14px;
    color: #000000;
    margin: 1% 5%;
    width: 80%;
    text-align: left;
    border: 1px solid #000000;
     -moz-appearance: none;
      font-family: 'PostGrotesk-Medi';
      border: 0;
    border-bottom: 1px solid #000000;
	/*background: #00241A;*/
	
}
 
input, input:active, input:hover, select, select:hover {
  outline-color: #FF6B2B;
  
}



 

input[name="notatka"] {
        padding: 15px 10px 120px;
}
.solid {
  background: #00241a; font-weight:bold
}

.small {
    font-size: 9.5px;
    color:  #000000;
    width: 70%;
    margin: 0% 10%;
    font-weight: 100;
}

label {
    float: none !important;
	text-align:center;
    min-width: 100%;
	margin-right:0 !important
  }
 

.popup {
    position: relative;
    /* display: inline-block; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 380px;
    background-color: #717171;
    color: #C7C0B8;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0%;
    margin-left: -50px;
    font-size: 12px;
}
/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #00241a transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
} 
  
  
@media (max-width: 360px) {  

select {
    padding: 5px 0;
}
.small {
    font-size: 7px;
}
.pole {

    padding: 5px;
}

body {overflow-x: hidden;}

  .pole {
    font-size: 14px;
    margin: 2% 5%;
    width: 90%;
}

select {
    font-size: 12px;
    margin: 2% 5%;
    width: 90%;

}
.popup .popuptext {

    width: 350px !important;

}

.small {width: 100%; margin: 0}
.bulding {

    width: 100%;
    top: 30%;

}

h1 {
 
    margin-top: 20%;

}
.bbb {

    margin-top: 30%;

}

ul.lang {
 
    z-index: 999999;

}

.small{
    margin: 1% 5%;
	
}

.form-style input[type="submit"], .form-style input[type="submit"] {
	margin-left:5%;
}

.formf {
	margin: 1% 5%;
}


}


@media (min-width : 361px) and (max-width: 550px) {.popup .popuptext {

    width: 345px !important;

}

.small {
    font-size: 7px;
}
.pole {

    padding: 5px;
}


select {
    padding: 5px 0;
}

}

@media (min-width : 200px) and (max-width: 550px) {

.small {
    font-size: 9.5px;
    font-weight: 100;
}




}

@media (min-width : 361px) and (max-width: 767px)
{
	
body {overflow-x: hidden;}

.pole {
    padding: 5px;
    font-size: 12px;
    
}

select {
    padding: 5px 0;
    font-size: 11px;
    margin: 2% 5%;

}	

.small{
    margin: 1% 5%;
	
}

.form-style input[type="submit"], .form-style input[type="submit"] {
	margin-left:5%;
}

.formf {
	margin: 1% 5%;
}



	}


@media (min-width : 768px) and (max-width : 1024px) {
body {overflow-x: hidden;}

.pole {
    padding: 5px;
    font-size: 12px;
    margin: 1% 10%;

}

select {
    padding: 5px 0 ;
    font-size: 11px;
	margin: 1% 10%; /*mist*/
}

.formf {
	margin: 1% 10%;
}
	
	
}

@media (min-width : 1200px) {

.small {
	margin: 1% 5%;
}

.form-style input[type="submit"], .form-style input[type="submit"] {
	margin-left:5%;
}

.formf {
	margin: 1% 5%;
}


}

 @media (min-width : 1025px) and (max-width : 1199px) {

.pole {
    padding: 5px;
    font-size: 16px;
    /*margin: 1% 10%;*/
    margin: 1% 10%;

}

select {
    padding: 5px 0;
    font-size: 16px;
    margin: 2% 10%;

}

.formf {
	margin: 1% 10%;
}



 }
 
 
 .submit_btn, .submit {z-index:9999999}
 
 #submit {cursor:pointer;}
 
 #contactf{margin-top: -155px;}
 
 .form-style input[type="submit"] {
	 font-weight:500;
 }