#contact #content{
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

        
#contact .card {
	background-color: #d9d9d9;
	-webkit-box-shadow: -1px 1px 3px 0px rgba(66, 68, 90, 1)!important;
	box-shadow: -1px 1px 3px 0px rgba(66, 68, 90, 1);
	margin-left: 30rem;
}
#contact .contact-form{
	background-color: #d9d9d9;
	font-family: "DM Sans", sans-serif;
    padding: 1.076rem;
}

#contact .contact-form .form-fields .row:first-child{
	background: #000054;
	background: linear-gradient(90deg,rgba(0, 0, 84, 1) 0%, rgba(12, 115, 181, 1) 100%);
	margin-left: 0rem;
    margin-right: 0rem;
}

#contact .contact-form .form-fields .row h3{
	color:white;
	font-weight: 100;
	margin: 0.5rem;
	font-size: 0.9rem;
	font-family: "DM Mono", monospace;
}

#contact .contact-form .form-fields .row:nth-child(2){
	display: flex;
	flex-direction: column;
}

#contact .contact-form .ts-control {
  position: relative;
  margin-left: 0.5rem;
}

#contact .contact-form .ts-control::after {
  content: "";
  position: absolute;
  right: -9.5rem;    /* odstęp od prawej */
  top: 50%;
  transform: translateY(-50%);
  width: 100%;             /* szerokość ikonki */
  height: 100%;				/*wysokość ikonki */

  background: url("../ico/dropdown-arrow.png") no-repeat center;
  background-size: contain;
  pointer-events: none;
}

#contact .ts-wrapper{
	left:-6.2rem!important;
	width: 23.5rem;
}

#contact .ts-wrapper.single .ts-control .ts-indicator {
    display: none !important; /* ukrywa domyślną strzałkę TomSelect */
}

#contact .contact-form form .form-control-label:nth-child(1){
	left: -7.9rem;
}

#contact .contact-form .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
	left: 2rem;
    /* width: 19rem; */
}

#contact .contact-form .form-group .form-control-label{
	display: none;
}

#contact .contact-form .form-fields .form-control:not(:nth-child(2)){
	border-radius: 0 !important;
    box-shadow: -1px -1px 1px #000 !important;
	font-size: inherit !important;
}

#contact .contact-form .form-fields .form-control:not(:nth-child(2)):focus{
	border-color: transparent;
	outline: 0;
}

#contact .contact-form label[for="file-upload"]{
	background: #c8e1ec;
	color:black!important;
	-webkit-box-shadow: -1px 1px 3px 0px rgba(66, 68, 90, 1)!important;
	box-shadow: -1px 1px 3px 0px rgba(66, 68, 90, 1);
	margin-left: 0.2rem !important;
}

#contact .contact-form label[for="file-upload"]:hover{
	box-shadow: 1px -1px 3px 0px rgba(66, 68, 90, 1)!important;
}

#contact .contact-form input[name="submitMessage"]{
	background: #c8e1ec!important;
	color:black!important;
	-webkit-box-shadow: -1px 1px 3px 0px rgba(66, 68, 90, 1)!important;
	box-shadow: -1px 1px 3px 0px rgba(66, 68, 90, 1);
	margin-left: 0.2rem !important;
	width: 5.712rem;
	height: 1.271rem;
	padding: 0;
	letter-spacing: 0.2rem;
	margin-bottom: 0.5rem;
}

#contact footer.form-footer{
	background-color: #d9d9d9;
}

#contact .contact-form input[name="submitMessage"]:hover{
	box-shadow: 1px -1px 3px 0px rgba(66, 68, 90, 1)!important;
}

#contact .group-span-filestyle label[for="file-upload"]{
    display: inline-block;
    margin-top: auto;
	letter-spacing: 0.2rem;
	line-height: 39px;
}

@media (max-width: 992px){
	
	div.container{
		margin-bottom:0;
	}
	
	#wrapper .row{
		display: flex;
	}
	
	#left-column{
		width:auto;
	}
	
	#content-wrapper{
		width:auto;	
	}
	
	.contact-form{
		padding: 0;
	}
	
	.form-fields .row{
		margin-top: 1rem;
	}
	.form-fields .row:nth-child(1){
		margin: 0;
	}
}

@media (max-width: 768px){
	.contact-form{
		padding: 1rem;
	}
}