/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
/**************************************************************************
          Contact Page Styles
**************************************************************************/
.contact-title {
  margin: -5px 0 27px 0;
  line-height: 23px;
}
.contact-title i {
  font-size: 23px;
  color: #c0c0c0;
  padding: 0 8px 0 0;
}

.bg-cms {
  margin-bottom: 30px;
}

#contact .contact-form-box {
  background: #f9f9f9;
  margin: 0 0 30px 0;
}
#contact .contact-form-box .page-subheading {
  margin: 0;
  padding: 10px 27px;
  background: #162b53;
  color: white;
  font-weight: bold;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#contact .contact-form-box fieldset {
  padding: 20px 27px;
  border: 1px solid #e5e5e5;
  border-top: 0;
}
#contact .contact-form-box .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e9e9e9;
  padding: 8px 12px;
  height: 35px;
  line-height: 35px;
}
#contact .contact-form-box label {
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  color: #636363;
  margin-bottom: 3px;
}
#contact .contact-form-box input[type="file"].form-control {
  line-height: normal;
  padding: 7px;
}
#contact .contact-form-box textarea.form-control {
  height: 145px;
}
#contact .contact-form-box .name-contacts .row {
  margin: 0px -15px;
}
#contact .contact-form-box .name-contacts [class*="col-"] {
  padding: 0px 15px;
}
#contact .contact-form-box .col-md-3 {
  padding-left: 0;
}
@media (max-width: 991px) {
  #contact .contact-form-box .col-md-3 {
    padding-right: 0;
  }
}
#contact .contact-form-box .col-md-9 {
  padding-right: 0;
}
@media (max-width: 991px) {
  #contact .contact-form-box .col-md-9 {
    padding-left: 0;
  }
}
#contact .contact-form-box #desc_contact0 {
  display: none;
}
#contact .contact-form-box #submitMessage {
  float: right;
  padding: 7px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 81, 0.39);
  border-radius: 10px;
  display: inline-block;
  background: transparent;
}
#contact .contact-form-box #submitMessage span{
  position: relative;
  height: 56px;
  border: 3px solid #6e60a5;
  margin: 0;
  border-radius: 10px;
  background: #f37650;
  color: #fff;
  width: 100%;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 81, 0.39);
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 25px;
  font-weight: 600;
  transition: all 0.3s ease-out 0s;
}
#contact .contact-form-box #submitMessage span .fa-play{
  color: #e52d2c;
  width: 36px;
  height: 36px;
  background: #e1e1e1;
  border-radius: 100%;
  line-height: 20px;
  border: 3px solid #5c4c9b;
  box-shadow: 0px 0px 2px 2px rgba(214,239,77,1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin: 0 10px;
}
#contact .contact-form-box #submitMessage:hover span{
  background: #eaeaea;
  color: #333;
  transition: all 0.3s ease-out 0s;
}

#contact .contact-form-box #submitMessage:hover {
	/*
  color: white;
  background: #1d9fae;
  */
}
#contact .contact-form-box #submitMessage:after {
	/*
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/icon/items.png) no-repeat;
  background-position: -156px -3px;
  width: 34px;
  height: 38px;
  */
}
.rtl #contact .contact-form-box #submitMessage:after {
  left: 0;
  right: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #contact .contact-form-box div.uploader span.filename {
    width: 114px;
  }
}

.infor-contact .desc-contact a{
	color: white;
}
.infor-contact {
  background: #162b53;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-align-items: center;
  /* Safari 7.0+ */
  align-items: center;
}
.infor-contact .icon-contact {
  padding-right: 20px;
  padding-left: 25px;
  font-size: 45.82px;
  min-height: 72px;
}
.infor-contact .desc-contact {
  font-family: "Open Sans", sans-serif;
  padding: 10px 0;
}
.infor-contact .desc-contact p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 30px;
}
.infor-contact .desc-contact span {
  font-size: 15px;
  display: block;
  line-height: 20px;
}