.contact-info:before{position:absolute;right:0;top:0;height:100%;width:300%;background-color:var(--primary-color);content:""}@media only screen and (min-width:768px) and (max-width:991px){.contact-info:before{width:200%;left:-50%;right:-50%}}@media only screen and (max-width:767px){.contact-info:before{width:200%;left:-50%;right:-50%}}.contact-info .contact-info-wrapper{padding:100px 0;position:relative;z-index:2}.contact-info .contact-info-wrapper .contact-title{margin-bottom:30px}.contact-info .contact-info-wrapper .contact-title h2{color:var(--white-color);font-weight:500;position:relative;padding-bottom:14px;margin-bottom:14px}@media only screen and (max-width:767px){.contact-info .contact-info-wrapper .contact-title h2{font-size:24px;line-height:30px}}.contact-info .contact-info-wrapper .contact-title h2:before{position:absolute;left:0;bottom:0;height:1px;width:50px;content:"";background-color:var(--white-color)}.contact-info .contact-info-wrapper .contact-title p{color:var(--white-color);max-width:370px}.contact-info .contact-info-wrapper .info{max-width:350px;display:block;clear:both;margin-top:30px;float:left;overflow:hidden}.contact-info .contact-info-wrapper .info p{display:block;float:left;width:100%;color:var(--white-color)}.contact-info .contact-info-wrapper .info p strong{font-size:16px;font-weight:700;float:left;width:90px}.contact-info .contact-info-wrapper .info p span{font-size:14px;line-height:25px;display:block;overflow:hidden}.contact-info .contact-info-wrapper .social{width:100%;display:block;overflow:hidden;margin-top:60px;float:left}.contact-info .contact-info-wrapper .social a{width:30px;height:30px;border-radius:50px;float:left;background-color:rgba(0,0,0,.15);text-align:center;color:var(--white-color);margin-right:20px}.contact-info .contact-info-wrapper .social a:hover{background-color:var(--white-color);color:var(--primary-color)}.contact-info .contact-info-wrapper .social a i{display:block;line-height:32px}.contact-form .contact-form-wrapper{padding:100px 70px;position:relative;z-index:2}@media only screen and (min-width:768px) and (max-width:991px){.contact-form .contact-form-wrapper{padding:100px 0}}@media only screen and (max-width:767px){.contact-form .contact-form-wrapper{padding:100px 0}}.contact-form .contact-form-wrapper .contact-title{margin-bottom:30px}.contact-form .contact-form-wrapper .contact-title h2{font-weight:500;position:relative;padding-bottom:14px;margin-bottom:14px}@media only screen and (max-width:767px){.contact-form .contact-form-wrapper .contact-title h2{font-size:24px;line-height:30px}}.contact-form .contact-form-wrapper .contact-title h2:before{position:absolute;left:0;bottom:0;height:1px;width:50px;content:"";background-color:var(--heading-color)}.contact-form .contact-form-wrapper .contact-title p{max-width:370px}.contact-form .contact-form-wrapper form input[type=email],.contact-form .contact-form-wrapper form input[type=tel],.contact-form .contact-form-wrapper form input[type=text],.contact-form .contact-form-wrapper form textarea{height:45px;margin-bottom:15px;background-color:#edf2fa;line-height:25px;padding:10px 20px;width:100%;color:var(--default-color);border:1px solid var(--input-border-color)}.contact-form .contact-form-wrapper form textarea{height:120px;resize:none;border:1px solid var(--input-border-color)}.contact-form .contact-form-wrapper form input[type=submit]{height:45px;background-color:var(--primary-color);color:#fff;line-height:25px;padding:10px 50px;border:none;text-transform:uppercase;font-weight:600}.contact-form .contact-form-wrapper form input[type=submit]:hover{background-color:var(--red-color)}