@charset "UTF-8";
/* CSS Document */
body{ margin:0; padding:0; outline: 0;}
.kontakto-form{font-family: 'Roboto Condensed', sans-serif; margin:0; border:0; color:#777777;}
.kontakto-form .kontakto-title{ margin-bottom:10px; float:left; width:100%; text-align:center;}
.kontakto-form h1{ margin:0; padding:0; text-transform:uppercase;}
.kontakto-form p{ margin:0; padding:0; color:rgba(255,255,255,0.3);}
.kontakto-form .text-center{ text-align:center;}
.kontakto-form  .col-form { padding:120px; background:#4d4d4d;}
.kontakto-form  #kontakto-form { width:100%; float:left;}
.kontakto-form .hidden{ display:none;}
.kontakto-form .form-group{ width:100%; float:left; margin-bottom:10px; position:relative; opacity:1;}
.kontakto-form .form-group > p{ margin-top:15px;}
.kontakto-form .form-control-group{ }
.kontakto-form .form-group span.fa-icon{position:absolute; z-index:1; left:15px; top:9px;}
.kontakto-form .form-group.select span.fa-icon{top:10px;}
.kontakto-form .form-group label.group{}
.kontakto-form .submitButton span.fa-icon{ position:absolute; z-index:1; left:15px; top:8px; color:#2c2c2c;}
.kontakto-form .form-control{ background-color:rgba(255,255,255,0.1); border:0; color:#777777; width:100%; padding:10px 0; margin:0; text-indent:40px; font-family: 'Roboto Condensed', sans-serif; font-size:15px; border-radius:20px;}
.kontakto-form .form-group:hover{ opacity:1;}
.kontakto-form textarea.form-control{resize:none; background-color:transparent; border-bottom:1px solid #777777; border-radius:0;}
.kontakto-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #777777;
}
.kontakto-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777777;
}
.kontakto-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777777;
}
.kontakto-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #777777;
}
.kontakto-form label{ width:35%; float:left; font-size:15px; background:rgba(255, 255, 255, 0.2); padding:10px 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-indent:15px;}
.kontakto-form label + input.form-control{ width:65%; float:right;border-bottom-left-radius:0px; border-top-left-radius: 0; text-indent:10px;}
.kontakto-form label.textarea{ width:100%; border-bottom-left-radius: 0; border-top-right-radius: 20px;}
.kontakto-form label + textarea.form-control{background:rgba(255, 255, 255, 0.1); border:0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.kontakto-form input.error{ background-color:rgba(252,0,4,0.3);}
.kontakto-form textarea.error{ border-color:#FF0004 !important;}
.kontakto-form label.error{ display:none !important;}
.kontakto-form .clear{ clear:both;}
.kontakto-form .captchaWrap{ display:inline-block; line-height:2; font-size:13px;}
.kontakto-form .captchaField{ max-width:100px !important; display:inline-block; text-align:center; text-indent:0; -moz-appearance: textfield;}
.kontakto-form span.captcha{ }
.kontakto-form button.submit{ width:100%; margin:0; padding:9px 10px; border:none; background-color:#777777; color:#2c2c2c; font-family: 'Roboto Condensed', sans-serif; font-size:15px; border-radius:20px;}

.kontakto-form .alerts{ width:100%; float:left; height:60px;}
.kontakto-form #form-sending{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:99; background-color:rgba(0,0,0,0.3); width:100%; height:100%;}
.kontakto-form #form-sending .preloader{ background-color:rgba(255,255,255,0.8); border-radius:20px; width:128px; margin:35% auto 0 auto; padding:20px;}
.kontakto-form #form-success{ width:100%; float:left; padding:9px 0; margin-bottom:20px; text-align:center; background-color:rgba(253,252,252,0.2); border-radius:20px;}
.kontakto-form #form-error{width:100%; float:left; padding:9px 0; margin-bottom:20px; text-align:center; background-color:rgba(253,252,252,0.2); border-radius:20px;}

/*select*/
.kontakto-form select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;
   text-indent:0 !important;
   padding-left:38px !important;
}
.kontakto-form .select:after {
    content:"\f0dc";
    font-family: FontAwesome;
	text-align:center;
    padding: 12px 8px;
    position: absolute; right: 0; top: 0;
    width: 40px;   
    pointer-events: none;
    box-sizing: border-box;
}
.kontakto-form input[type=number]::-webkit-inner-spin-button, 
.kontakto-form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
/*checkbox,radio*/
.kontakto-form input[type=checkbox],.kontakto-form input[type=radio] {
	visibility: hidden;
}
.kontakto-form .boxgroup{ width:100%; float:left;}
.kontakto-form .boxgroup span{ width:300px; float:left; margin-left:10px; margin-top:7px; font-size:14px; font-weight:400;}
.kontakto-form .checkbox {
	width: 30px;
	height: 10px;
	background: #555;
	margin: 10px 0;
	position: relative;
	border-radius: 3px;
	float:left;
}
.kontakto-form .checkbox label {
	display:inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;

	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: -3px;
	left: -3px;

	background: #ccc;
}
.kontakto-form .checkbox input[type=checkbox]:checked + label,.kontakto-form .checkbox input[type=radio]:checked + label {
	left: 17px;
}

/*file*/
.kontakto-form #file{ 
	opacity:0; 
    filter: alpha(opacity=0);
	position:absolute; z-index:10; left:0; top:0; cursor:pointer;
}
.kontakto-form #choose-file{ 
	position:relative; z-index:8;
}
.kontakto-form #choose-file-button{ position:absolute; right:6px; top:6px; z-index:9; height:70%; width:30%; border:0; border-radius:20px; text-align:center; background-color:#ccc; line-height:2; font-size:14px; cursor:pointer; background-color:rgba(255,255,255,0.1);}

/*grid system*/
.kontakto-form .col{ float:left; position:relative;}
.kontakto-form .col-6 { width: 50%; }
.kontakto-form .col-12 { width: 100%; margin: 0; }
@media all and (max-width: 768px) {
	.kontakto-form .col-6, .kontakto-form .col-12 {
		width: 100%;
	}
	.kontakto-form .col-form{
		padding:60px;
	}
}

.kontakto-form #map {
        margin: 0;
        padding: 0;
        height: 100%;
		width:100%;
}