/* 18. Contact */

.contact {

    border: 1px solid #f5f5f5;

    padding: 40px 10px;

}

.contact-area {

    background-position: center center;

    background-repeat: no-repeat;

}

.contact i {

    background: #FFA801;

    font-size: 40px;

    height: 100px;

    width: 100px;

    color: #ffffff;

    border-radius: 50%;

    line-height: 85px;

    border: 5px solid #fff;

    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);

    margin-bottom: 10px;

}

.contact h3 {    

	font-size: 18px;

    padding: 15px;

    margin-bottom: 0px;

    background: #f5f5f5;

}

.contact p {

    margin: 0;

    padding: 0;

}

.contact{

	padding: 0px!important;

}

.contacts h3{

	font-weight: bold;

	text-align: justify;

}

.contacts p {

    margin: 0;

    padding: 15px !important;

    font-size: 12px;

	text-align: justify;

}

.contacts p:nth-child(3) {

    background: #f5f5f5;

}

.contacts p:nth-child(5) {

    background: #f5f5f5;

}

.contact01{

	padding: 30px 20px!important;

}

.contact01 h3 {

    font-size: 18px;

    padding: 10px;

    margin-bottom: 0px;

    background: #fff !important;

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

.contact p {

    padding: 0 10px;

}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

.contact p {

    padding: 0 0px;

}

}

.contact-form input {

    background: #eee;

    height: 80px;

    width: 100%;

    padding: 0 80px;

    padding-right: 30px;

    border: 0;

    font-weight: 500;

    letter-spacing: 2px;
	
	color: #000;

}

.contact-form textarea {

    font-weight: 500;

    letter-spacing: 2px;

    height: 200px;

    width: 100%;

    padding: 30px 80px;

    border: 0;

	background: #eee;
	
	color: #000;

}

.tab-details-product .screen-reader-response{
    width: 100%;
    text-align: center;
    padding: 0px;
    background: red;
    color: #fff;
    margin-bottom: 15px;
}
.tab-details-product .wpcf7-response-output{
    display:none;
}
.form-box::before {

    position: absolute;

    content: "\f0e0";

    font-family: "Font Awesome 5 Free";

    font-weight: 700;

    display: inline-block;

    font-size: 14px;

    text-align: center;

    left: 45px;

    color: #756563;

    top: 29px;

    z-index: 99;

}

.user-icon::before {

    content: "\f007";

}

.email-icon::before {

    content: "\f0e0";

}

.phone-icon::before {

    content: "\f095";

}

.subject-icon::before {

    content: "\f0a6";

}

 .contact-form input::-moz-placeholder, .contact-form input::placeholder {

 color: #aab5ca;

}

 .contact-form textarea::-moz-placeholder, .contact-form textarea::placeholder {

 color: #aab5ca;

}

.contact-map {

    height: 670px;

    width: 100%;

}

.col-lg-6{

	margin-bottom: 0px;

}

.contact-btn{

	margin-top: 20px;

    margin-bottom: 10px;

}

.btn {

    padding: 10px 35px !important;

    font-size: 20px !important;

    border-radius: 6px !important;

}

.contact-form input::-webkit-input-placeholder{/*Webkit browsers*/
color:#ccc;
}
.contact-form input:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
color:#ccc;
}
.contact-form input::moz-placeholder{/*Mozilla Firefox 19+*/
color:#ccc;
}
.contact-form input:-ms-input-placeholder{/*Internet Explorer 10+*/
color:#ccc;
}

.contact-form textarea::-webkit-input-placeholder{/*Webkit browsers*/
    color:#ccc;
}
.contact-form textarea:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    color:#ccc;
}
.contact-form textarea::moz-placeholder{/*Mozilla Firefox 19+*/
    color:#ccc;
}
.contact-form textarea:-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#ccc;
}

.contact-form input::-moz-placeholder, .contact-form01 input::placeholder {
    color: #ccc;
}
.contact-form textarea::-moz-placeholder, .contact-form01 textarea::placeholder {
    color: #ccc;
}