/* CONTACT PAGE
=============================== */

.content-j-form {
	width: 300px;
	/*margin: 0px auto 0px auto;*/
	/*margin: 60px auto 0px auto;*/
	/*background-color: rgba(108,126,44,0.50);*/
}
.label {
	float: left;
	width: 300px;
	padding: 30px 0px 0px 0px;
}
.ads_label {
	background-color:rgba(64,104,225,0.0);
	text-align: left;
	padding-right: none;
}	
/*.label  {
	float: left;
	width: 260px;
	padding: 18px 0px 22px 0px;
}
.ads_label {
	background-color:rgba(64,104,225,0.0);
	text-align: right;
	padding-right: 20px;
}*/



.j-forms {
	font-family: "Inter", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  display: block;
	/*width: 100%;*/
	width: 300px;
  color: #f5f5f5;
	/*position:relative;*/
	background-color:rgba(64,104,225,0.0);
}
.input { 
	/*position:relative; */
}
.unit { 
	/*position:relative;*/ 
	margin-bottom: 0px; 
}
.token,
.hidden { 
	display:none; 
}

/* Widget
=============================== */
.widget { 
	/*position: relative; */
}
.widget .addon,
.widget .addon-btn {
  width: 300px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-size: 20px;
  color: #262626;
  padding: 14px 0px;
  border: 4px solid rgba(0,0,0,0.00);
  cursor: pointer;
  margin-top: 0px;
	/*position:absolute;*/
	outline:none;
	overflow:hidden;
	text-align:center;
	top:0;
	z-index:5;
	background-color: #f5f5f5;
}
.widget .addon-btn,
.widget .addon-btn i {
	cursor:pointer;
	-webkit-transition:all.2s;
	-moz-transition:all.2s;
	-ms-transition:all.2s;
	-o-transition:all.2s;
	transition:all.2s;
}
.widget .addon-btn:hover,
.widget .addon-btn:focus { 
  color: #fff;
  border: 4px solid #fc929a; /*#e57373;*/
  background-color: #fc929a;
  cursor: pointer;
}
.widget .adn-left { 
	left: 0px; 
}
.widget .adn-right { 
	right: 0px; 
}
.widget .adn-130 { /* THIS IS THE BUTTON FOR SUBMIT */
	margin-top: 20px;
	width :300px; 
	background-color: black;
}
/*.widget.right-130 .input { 
	padding-right: 130px; 
}
.widget.left-130 .input { 
	padding-left: 130px; 
}*/

/* Inputs
=============================== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px; /* TIM */
  display: block;
	width: 300px;
  padding: 18px 0px;
  border-width: 0px 0px 4px 0px;
  border-style: solid;
  border-bottom-color: rgba(79,79,79,1.00);
  color: #f5f5f5;
  background-color: #141414;
/*==============*/
	box-sizing:border-box;
	-webkit-transition:all.4s;
	-moz-transition:all.4s;
	-ms-transition:all.4s;
	-o-transition:all.4s;
	transition:all.4s;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="url"]:hover,
textarea:hover,
select:hover { 
	border-bottom:4px solid #f5f5f5; 
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus { 
	border-bottom:4px solid #f5f5f5; 
}
.input textarea {
	height: 112px;
	overflow: auto;
	min-height: 52px;
	resize: vertical;
}
.input textarea:focus { 
	height:  128px; 
}

/* Placeholders
=============================== */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
	color: #939393; 
}

/*.j-forms input::-moz-placeholder,
.j-forms textarea::-moz-placeholder { color: #939393; }

.j-forms input:-moz-placeholder,
.j-forms textarea:-moz-placeholder { color: #939393; }

.j-forms input:-ms-input-placeholder,
.j-forms textarea:-ms-input-placeholder { color: #939393; }*/

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { 
	color: #f5f5f5; 
}

/*.j-forms input:focus::-moz-placeholder,
.j-forms textarea:focus::-moz-placeholder { color: #939393; }

.j-forms input:focus:-moz-placeholder,
.j-forms textarea:focus:-moz-placeholder { color: #939393; }

.j-forms input:focus:-ms-input-placeholder,
.j-forms textarea:focus:-ms-input-placeholder { color: #939393; }*/

/* OOPS! Status message
=============================== */
.error-message,
.success-message,
.info-message,
.warning-message {
	border:4px solid;
	display: block;
	font:16px/24px "Inter", sans-serif;
	padding:15px;
	
	width: 262px; /* OOPS! Status message */
	
	float: right;
}
.error-message i,
.success-message i,
.info-message i,
.warning-message i {
	font-size:18px;
	float:left;
	height:24px;
	line-height:24px;
	padding-right:10px;
}
.error-message ul,
.success-message ul,
.info-message ul,
.warning-message ul { 
	margin:0; 
}
span.error-view,
span.success-view,
span.warning-view,
span.info-view {
	display:block;
	font-size:14px;
	height:14px;
	line-height:14px;
	margin-top:5px;
	padding:0 2px;
}
span.hint {
	display:block;
	font-size:13px;
	color:inherit;
	height:13px;
	line-height:13px;
	margin-top:5px;
	padding:0 2px;
}

/* Error state /* Please enter your ...
=============================== */
.error-view .checkbox i,
.error-view .radio i,
.error-view .checkbox-toggle i,
.error-view .radio-toggle i,
.error-view input,
.error-view select,
.error-view textarea { 
	background:#191919 !important; 
}
.select.error-view i {
	background-color:#ffebee;
}
.error-view .icon-left,
.error-view .icon-right { 
	border-color:#e57373; 
}
.error-view .icon-left,
.error-view .icon-right,
.j-forms span.error-view,
.error-message i { /* Please enter your ... */
	width: 200px;
	height: 40px;
	text-align: center;
	font-style: normal;
  font-variant: normal;
	line-height: 40px;
  font-weight: 200;
  font-size: 16px;
	color: white;
	background-color: rgba(183,28,28,0.30);
	
	/*margin-left: 280px;*/  /* Please enter your ... */
	
}
.error-message { /* Opps! ... */
	margin: 0px 0px 0px 0px;
	/*margin: 10px 20px 0px 0px;*/
	background: #ffebee; 
	border-color: #b71c1c; 
	color: #b71c1c;
}

/* Success state
=============================== */
.success-view .checkbox i,
.success-view .radio i,
.success-view .checkbox-toggle i,
.success-view .radio-toggle i,
.success-view input,
.success-view select,
.success-view textarea { 
	background:#191919 !important; 
}
.select.success-view i {
	background-color:#e8f5e9;
}
.success-view .icon-left,
.success-view .icon-right { 
	border-color:#81c784; 
}
.success-view .icon-left,
.success-view .icon-right,
.j-forms span.success-view,
.success-message i { 
	color:#1b5e20; 
}
.success-message { 
	margin: 0px 0px 0px 0px;
	/*margin: 10px 20px 0px 0px;*/
	background:#e8f5e9; 
	border-color:#1b5e20; 
	color:#1b5e20;
	
	width: 262px; /* OOPS! Status message */
	
	float: right;
	
}

/* START - button TIM */

.footer {
	width: 300px;
	/*margin: 0px auto 0px auto;*/
	padding: 0px;
	/*background-color: rgba(62,89,99,0.50);*/
}
.contact-btn {
width: 300px;
height: 60px;
font-family: "Inter", sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-size: 20px;
color: #e8eaed;
padding: 0px 60px 1px 60px;
border: 4px solid rgba(0,0,0,0.00);
cursor: pointer;
margin-top: 40px;
float: right;
transition-duration: .2s; 
}
.contact-btn { 
border: 4px solid #fc929a;
background-color: black; /*#fc929a;*/
}
.contact-btn:hover { 
color: black;
border: 4px solid #fc929a;
background-color: #fc929a;
cursor: pointer;
}
.contact-btn {
	float: left;
	/*margin-left: 280px;*/
}


@media all and (max-width: 734px) and (min-width: 0px) {
.content-j-form {
	width: 300px;
	/*margin: 0px auto 0px auto;*/
}
.label {
	float: left;
	width: 300px;
	padding: 30px 0px 0px 0px;
}
.ads_label {
	background-color:rgba(64,104,225,0.0);
	text-align: left;
	padding-right: none;
}	
.j-forms span.error-view,
.error-message i { /* Please enter your ... */
	margin-left: 0px;
}
.contact-btn {
	float: left;
	margin-left: 0px;
}
	
.error-message,
.success-message,
.info-message,
.warning-message {
	border:4px solid;
	display: block;
	font:16px/24px "Inter", sans-serif;
	padding:15px;
	
	width: 262px; /* OOPS! Status message */
	
	float: left;
}
	
}

/* no show j-from icons */
.fa fa-close {
display: none;	
}
.fa {
display: none;
}
fa-close {
display: none;
}


#response {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.top-bottom-space-for-forms {
	margin: 10px 0px 0px 0px;
}