/*---------------------
  form lien he
-----------------------*/

.comment-section h3 {
  color: #171822;
  font-weight: 600;
}

.comment-form input {
  width: 100%;
  height: 46px;
  background: #f4f6f8;
  padding-left: 20px;
  padding-right: 5px;
  border: none;
  margin-bottom: 30px;
  border-radius: 2px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.comment-form input::-webkit-input-placeholder {
  color: #a0a1b5;
}

.comment-form input::-moz-placeholder {
  color: #a0a1b5;
}

.comment-form input:-ms-input-placeholder {
  color: #a0a1b5;
}

.comment-form input::-ms-input-placeholder {
  color: #a0a1b5;
}

.comment-form input::placeholder {
  color: #a0a1b5;
}

.comment-form input:focus {
 /* border: 1px solid #f44949;*/
  color: #171822;
}

.comment-form textarea {
  width: 100%;
  height: 120px;
  background: #f4f6f8;
  padding-left: 20px;
  border: none;
  padding-top: 12px;
  padding-right: 5px;
  margin-bottom: 32px;
  border-radius: 2px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  resize: none;
}

.comment-form textarea::-webkit-input-placeholder {
  color: #a0a1b5;
}

.comment-form textarea::-moz-placeholder {
  color: #a0a1b5;
}

.comment-form textarea:-ms-input-placeholder {
  color: #a0a1b5;
}

.comment-form textarea::-ms-input-placeholder {
  color: #a0a1b5;
}

.comment-form textarea::placeholder {
  color: #a0a1b5;
}

.comment-form textarea:focus {
  /*border: 1px solid #f44949;*/
  color: #171822;
}

/*---------------------
  lien he
-----------------------*/

.contact-content-section {
  overflow: hidden;
}

.cc-text {
  height: 580px;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 94px;
}

.cc-text .section-title {
  text-align: left;
  margin-bottom: 42px;
}

.cc-text .section-title h2 {
  color: #051922;
}

.cc-text .section-title p {
  color: #051922;
}
.cc-text .companyname span {
  text-transform: uppercase;
  font-weight: 600; 
  font-size: 30px; 
  color: #9c0b0d;
  padding-bottom: 40px;
}

.cc-text .cs-text .ct-address span {
  color: #051922;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 500;


}
.cc-text .cs-text .ct-address p {
  color: #051922;
  padding-bottom: 20px;
}

.cc-text .cs-text .ct-phone span {
  color: #051922;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 500;
}
.cc-text .cs-text .ct-phone p {
  color: #051922;
  padding-bottom: 20px;
}
.cc-text .cs-text .ct-email span {
  color: #051922;
    font-size: 22px;
  text-transform: capitalize;
  font-weight: 500;
}
.cc-text .cs-text .ct-email p {
  color: #051922;
  padding-bottom: 20px;
}

.cc-text .cs-text ul li {
  color: #051922;
}

.cc-text .cs-text ul li span {
  color: #051922;
}

.cc-text .cs-text .ct-links span {
  color: #ffffff;
}

.cc-text .cs-text .ct-links p {
  color: #ffffff;
}

.cc-map {
  height: 580px;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}

.cc-map iframe {
  width: 100%;
}

.cc-map .map-hover {
  position: absolute;
  left: 50%;
  top: 260px;
  -webkit-transform: translateX(-132px);
  -ms-transform: translateX(-132px);
  transform: translateX(-132px);
}

.cc-map .map-hover i {
  font-size: 30px;
  color: #f44949;
  position: absolute;
  left: 50%;
  top: -55px;
  -webkit-transform: translateX(-9px);
  -ms-transform: translateX(-9px);
  transform: translateX(-9px);
}

.cc-map .map-hover .map-hover-inner {
  width: 264px;
  text-align: center;
  background: #ffffff;
  padding: 27px 0 11px;
  -webkit-box-shadow: 0px 0px 30px rgba(74, 101, 106, 0.2);
  box-shadow: 0px 0px 30px rgba(74, 101, 106, 0.2);
}

.cc-map .map-hover .map-hover-inner:after {
  position: absolute;
  left: 50%;
  top: -6px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  content: "";
  -webkit-transform: translateX(-15px) rotate(45deg);
  -ms-transform: translateX(-15px) rotate(45deg);
  transform: translateX(-15px) rotate(45deg);
}

.cc-map .map-hover .map-hover-inner h5 {
  color: #171822;
  font-weight: 600;
  margin-bottom: 7px;
}

.cc-map .map-hover .map-hover-inner p {
  color: #171822;
}

/*---------------------
  Contact Form
-----------------------*/

.comment-form.contact-form input {
  margin-bottom: 25px;
}

.comment-form.contact-form textarea {
  height: 150px;
  margin-bottom: 42px;
}