@CHARSET "UTF-8";
/**
 * @package    manicontact
 * @subpackage CSS
 * @author     fatemeh salahhshour {@link http://www.themeiran.com}
 * @author     Created on 13-Sep-2018
 * @license    GNU/GPL
 */
#com_manicontact .row {
    clear: both;
    position: relative;
}
#com_manicontact .row.no-margin{
	margin: 0;
	position: relative;
}
.com_manicontact {
	position: relative; 
}
.com_manicontact .container{
    position: relative;
}
.com_manicontact .input_box{
    position: relative;
}
.com_manicontact span.err {
    color: #fa4251;
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    background: #fff;
    height: 100%;
    line-height: 38px;
    display: none;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #e2e2e2 !important;
    font-size: 12px;    
}
.com_manicontact span.err::after {
    font-family: bootstrap-icons !important;
    content: "\f62a";
    position: absolute;
    left: 10px;
    top: 0;
} 
.com_manicontact h1 {    
	font-size: 25px;
    margin: 0 0 15px;
    line-height: normal;
}
.com_manicontact h4.subtitle {    
	font-size: 16px;
    margin: 0 0 15px;
    line-height: normal;
    font-weight: normal;
}
.com_manicontact ul{ 
	padding: 0;
	list-style: none;
}
.com_manicontact ul.single{ 
	margin: 0;
}
.com_manicontact ul li{  
	margin: 0 0 12px;
	position: relative;
	display: flex;
  gap: 15px;
  flex-direction: row;
}
.com_manicontact ul.flex_column li{
  flex-direction: column;
  align-items: center;
}
.com_manicontact ul.single li{ 
	padding: 0 ; 
}
.com_manicontact ul li:last-child{
	margin: 0;
}
.com_manicontact ul li > div.detail {
  display: flex;
  gap: 4px; 	
	flex-wrap: wrap;
}
.com_manicontact ul li > div.detail.side{
  flex-direction: row;
  align-items: baseline;
}
.com_manicontact ul li > div.detail.side h4:after{
	content: ' : ';
}
.com_manicontact ul li > div p{
	margin: 0;
	text-align: start;
}
.com_manicontact ul li .icon{ 
	font-size: 24px; 
}
.com_manicontact ul li .icon .fa-fax{ 
	font-size: 24px;
}
.com_manicontact ul li .icon .fa-mobile{ 
	font-size: 45px;
}
.com_manicontact ul li h4{
	font-size: 16px;
	margin: 0px !important;
	line-height: normal;
	display: flex;
  gap: 5px;
}
.com_manicontact .share_position{ 
	margin: 15px 0 0;
}
/********/
.com_manicontact .border {
  padding: 15px;
}
.com_manicontact .card{
	 height: 100%;
   border: none;
}
.com_manicontact .card .card-header {
    margin-bottom: 0;  
    padding: 10px !important;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border: none !important;
	font-size: 18px;
	text-align: center !important;
}
.com_manicontact .card form {
	padding: 30px 20px 15px;
	color: #333;
}
.com_manicontact .card form .contact_row{    
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	align-items: center;
} 
.com_manicontact form input { 
    height: 40px !important;
    border: 1px solid #e2e2e2 !important;
}
.com_manicontact form .contact_row .center{
	text-align: center;
}
.com_manicontact form .contact_row .right{
	text-align: left;
}
.com_manicontact form .contact_row .btn {
	border: none !important;
    padding: 8px 50px;
    color: #fff;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1); 
    font-size: 14px; 
}
.form-control:focus{
	outline: none !important;
	box-shadow: none !important;
	color: inherit !important;
}
.com_manicontact form .each_contact {
    margin-bottom: 15px;
}
.com_manicontact form .each_contact label {
    font-size: 14px;
    margin-bottom: 6px;
}


.com_manicontact .g-recaptcha{
	transform: scale(0.7);
	transform-origin: right;
}

.mani-g-loader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	background: url('../images/loading.gif') 50% 50% no-repeat rgb(80,80,80,0.5);
  background-size: 50px;
}

.mani-g-loader-none {
	display: none;
}

/********/
#com_manicontact_map{
	position: relative; 
  height: 100%;
} 
#com_manicontact_map.after {
	height:300px;
}
#com_manicontact_map iframe{
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	height:100%;
}	 

#contact_message{ 
	color:#721c24; 
	text-align: center;
	margin: 0 0 15px;
}
#contact_message.ok {
	color: #3c763d;
} 


.com_manicontact .addresses .border{
	height: 100%;
}
.com_manicontact .addresses.center_content {
  text-align: center;
}
.com_manicontact .addresses.center_content ul li { 
  justify-content: center;
  text-align: right;
  padding: 0 ;
} 




.com_manicontact .each_contact .image_upload_div {
  text-align: center;
  background: transparent;
  padding: 10px; 
  border: solid 1px rgb(226, 226, 226);
}
.com_manicontact .each_contact .image_upload_div .alert_div {
  text-align: center;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.com_manicontact .each_contact .image_upload_div .alert_div .alert_span {
  font-size: 12px; 
}
.com_manicontact .each_contact .image_upload_div .alert_div .bi.bi-plus-circle-fill{
  font-size: 25px;
}

.com_manicontact .each_contact .image_upload_div #uploaded-file-list { 
	margin: 0 -5px;
}
.com_manicontact .each_contact .image_upload_div #uploaded-file-list > div{
  padding: 0 5px;
}
.com_manicontact .each_contact .image_upload_div .each_file {
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 5px 0 0;
  font-size: 13px;
  color: #666; 
  direction: ltr;
  padding: 5px;
  position: relative;
  border: solid 1px #eee;
  width: 100%;
}
/*
.com_manicontact .each_contact .image_upload_div .each_file:nth-child(odd){
	border-left: solid 1px #eee;
}*/
.com_manicontact .each_contact .image_upload_div .each_file p{
	margin: 0 !important;
  height: 100%;
  padding-left: 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	text-align: right;
}
.com_manicontact .each_contact .image_upload_div .each_file .remove {
  color: rgb(249, 128, 128);
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 5px;
  line-height: 18px;
}
.com_manicontact .each_contact .image_upload_div .each_file .remove i{
	height: 20px;
  display: inline-block;
}

.com_manicontact .image_col{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}



.com_manicontact .card.inside_label .each_contact {
  border: solid 1px #eee;
  padding: 10px; 
}
.com_manicontact .card.inside_label .each_contact .image_upload_div,
.com_manicontact .card.inside_label .each_contact textarea.form-control,
.com_manicontact .card.inside_label .each_contact input{
  border: none !important;
  padding: 0 !important;
}
.com_manicontact .card.inside_label .each_contact label{
  margin: 0;
}
.com_manicontact .card.inside_label .each_contact span.err{
  border: none !important;
  padding-right: 0 !important;
}

.com_manicontact .each_col.addresses > div{
  height: 100%;
}
.com_manicontact .each_col.addresses > div.center_align{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width : 980px) {
	 
	.com_manicontact .card{
		height: auto; 
	}
	.com_manicontact .addresses .border {
		height: auto;
		margin: 0 0 60px;
	}
}