:root {
  --color:rgb(169,169,169);
  --hoverColor:white;
  --hoverColor:rgb(250,68,46);
}

#contact-div-container {
  /*padding-top:50px;*/
  padding-bottom:20px;
  /*float:none;*/
  /*overflow:auto;*/
  /*background-color:white;*/
  /*border:2px solid white;*/
}

.contact-sub-div-class {
  /*float:left;*/
  width:100%;
  display:block;
  min-width:300px;
  /*text-align:center;*/
  /*height:300px;*/
  /*border:1px solid black;*/
  overflow:hidden;
  vertical-align:top;
}

@media (max-width: 750px) {
  .contact-sub-div-class {
    /*float:none;*/
    width:90%;
    margin:auto;
    display:block;
    min-width:300px;
    /*text-align:center;*/
    /*height:300px;*/
    height:auto;
    /*border:1px solid black;*/
    margin-top:20px;
  }
}

#contact-form-div {
  width:70%;
  min-width:280px;
  margin:auto;
  margin-top:20px;
  max-width:600px;
}

.contact-form {
  float:none;
  margin:auto;
}

.text-style-1 {
  border:none;
  border-radius:0px;
  border-bottom:1px solid var(--color);
  padding-left:0px;
  margin-left:0px;
  outline:none;
  background:transparent;
  color:var(--hoverColor);
}

.inputBox {
  position:relative;
}

.inputBox > label {
  position:absolute;
  top:-0px;
  font-size:19px;
  transition:.5s;
  color:var(--color);
}

.text-style-1:focus {
  box-shadow:none;
  border-bottom:1px solid var(--hoverColor);
  color:var(--hoverColor);
  /*color:green;*/
  background-color:transparent;
}

.text-style-1:focus ~ label {
  color:var(--hoverColor);
  top:-9px;
  font-size:12px;
}

.text-style-1:not(:placeholder-shown) ~ label {
  color:var(--hoverColor);
  top:-9px;
  font-size:12px;
}

.text-style-1:not(:placeholder-shown) {
  border-bottom:1px solid var(--hoverColor);
}

.inputBox textarea:focus ~ label {
  color:var(--hoverColor);
  top:-25px;
  left:0px;
  font-size:12px;
}

.inputBox textarea:not(:placeholder-shown) ~ label {
  color:var(--hoverColor);
  top:-25px;
  left:0px;
  font-size:12px;
}

.textarea-div {
  margin-top:40px;
}

.textarea-div > label {
  top:15px;
  left:10px;
}

#contact-form-send-button {
  float:right;
}

.adress-p {
  margin-bottom:0px;
}

#contact-address-div-container {
  /*border-left:1px solid var(--theme-background);*/
  /*padding-left:60px;*/
  padding-right:20px;
  font-size:16px;
  /*color:rgb(169,169,169);*/
  height:100%;
}

@media (max-width: 750px) {
  #contact-address-div-container {
    /*border-left:1px solid var(--theme-background);*/
    padding-left:0px;
    padding-right:0;
  }
}

@media (max-width: 450px) {
  #contact-address-div-container {
    font-size:16px;
    text-align:center;
    padding-left:0px;
    border-left:none;
    margin-top:50px;
  }
}

.district-textarea {
  border:1px solid var(--color);
  background-color:transparent;
  resize:none;
  color:var(--hoverColor);
  row:8;
}

.district-textarea:not(:placeholder-shown) {
  border:1px solid var(--hoverColor);
  color:var(--hoverColor);
  row:8;
}

.district-textarea:focus {
  border:1px solid var(--hoverColor);
  /*background-color:black;*/
  color:var(--hoverColor);
  box-shadow:none;
}

.vertical-splitter {
  width:2px;
  height:100px;
  float:left;
}

.contact-address-div-inner {
  display:inline-block;
  margin-right:20px;
  float:none;
  position:relative;
  color:var(--hoverColor);
}

@media (max-width: 750px) {
  .contact-address-div-inner {
    display:block;
    text-align:center;
    /*float:none;*/
    /*position:relative;*/
    margin-right:0;
  }
}

#send-button-form {
  float:none;
  overflow:auto;
}

.contact-address-div p {
  margin:0;
  line-height:35px;
}

.contact-address-div a:hover {
  color:var(--hoverColor);
}

.contact-address-div i {
  font-size:30px;
}

.inner-icon-div {
  width:50px;
}

@media (max-width: 750px) {
  .inner-icon-div {
    width:100%;
  }
}

.contact-address-div {
  /*margin-top:20px;*/
  /*margin-bottom:50px;*/
}

@media (max-width: 650px) {
  .contact-address-div {
    margin-top:10px;
    margin-bottom:10px;
  }
}

.contact-address-div:hover {
  /*color:var(--color);*/
}

.text-link {
  position:relative;
  top:-7px;
}

.contact-div-container-header {
  color:var(--hoverColor);
  text-align:center;
  padding:20px;
}

.contact-div-inner-container {
  width:100%;
  max-width:900px;
  margin:auto;
  min-width:300px;
  font-size:0;
}

.contact-address-div-inner a {
  color:var(--hoverColor);
}

#contact-url-div {
  display:none;
}

.contact-div-cover-container {
  position:absolute;
  background-color:rgba(0,0,0,.7);
  top:0;
  left:0;
  /*bottom:0;*/
  /*right:0;*/
  height:100%;
  width:100%;
  display:flex;
  /*transition:.3s;*/
}

.contact-div-cover-text {
  color:white;
  word-wrap:break-word;
  width:100%;
  padding:10px;
  margin-top:25px;
  text-align:center;
}

.contact-div-cover {
  margin:auto;
}

.contact-div-cover-button-section {
  text-align:center;
  padding:10px;
}

.contact-div-cover-button {
  display:inline-block;
  padding:10px;
  background:var(--theme-background);
  color:white;
  border:2px solid white;
  border-radius:10px;
  cursor:pointer;
}

.contact-div-cover {
  width:100%;
}

.contact-div-cover-icon {
  width:100%;
  text-align:center;
}

.contact-div-cover-icon-div {
  display:inline-block;
  color:white;
  font-size:40px;
}

.contact-div-cover-icon-error {
  width:100%;
  text-align:center;
}

.contact-div-cover-icon-error-div {
  font-size:20px;
  color:white;
  background-color:red;
  display:inline-block;
  padding:5px 12px 5px 12px;
  border-radius:50%;
  border:2px solid white;
}

.contact-div-cover-container.hide {
  top:-100%;
}

.empty_input_warning {
  border-color:red;
  border-width:2px;
}

.contact-address-div-container-section {
  margin-bottom:50px;
  margin-top:40px;
}

.contact-address-div {
  margin-bottom:50px;
}

.licence-detail-div {
  margin-bottom:20px;
  color:var(--hoverColor);
  letter-spacing:3px;
  text-align:justify;
}

@media (max-width: 750px) {
  .licence-detail-div {
    text-align:center;
  }
}

#contact-form-div-container {
  border:2px solid var(--color);
}

.contact-us-text {
  color:var(--color);
  color:black;
}

.contact-section {
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
}

.contact-div-image-section {
  width:100%;
  max-width:800px;
  /*border:1px solid;*/
  height:auto;
  max-height:600px;
  margin:auto;
}

.submit-button-container {
  width:100%;
  text-align:right;
  margin-bottom:20px;
}

.submit-button-div {
  font-size:initial;
  padding:10px 20px;
  background-image:linear-gradient(to right, rgb(249,120,54), rgb(250,68,47));
  display:inline-block;
  border-radius:20px;
  color:white;
  letter-spacing:2px;
}

