Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* contact us wrapper*/
- .contact-us-wrap {
- background-color: #FFFFFF;
- visibility: hidden;
- opacity: 0;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- transition: all 500ms ease;
- z-index: 9;
- }
- .contact-us-wrap.open {
- visibility: visible;
- opacity: 1;
- }
- .contact-us-wrap .contact-col-wrap {
- position: relative;
- }
- .contact-us-wrap .contact-leftdetail {
- position: absolute;
- top: 50%;
- left: unset;
- right: 0;
- transform: translate(0%,-50%);
- width: 400px;
- }
- .text-contact-title h3 {
- font-family: 'Amiri';
- font-weight: 400;
- font-style: normal;
- line-height: 88px;
- font-size: 70px;
- margin-bottom: 50px
- }
- .text-contact-title h3 span {
- font-family: 'Alex Brush';
- font-weight: 400;
- font-style: normal;
- margin: 0px 0px 0 0px;
- font-size: 100px;
- display: block;
- text-align: right;
- position: absolute;
- top: 35px;
- left: 190px
- }
- .contact-details-wrap .contact-details img {
- width: 30px;
- height: 30px;
- }
- .contact-details-wrap .contact-details, .contact-details-wrap .address-text {
- display : inline-block;
- width: 50%;
- float: left;
- }
- .contact-details-wrap .contact-details {
- width: 150px
- }
- .contact-details-wrap .address-text {
- font-size: 14px;
- }
- .contact-col-wrap .contact-close {
- top: 50%;
- transform: translateY(-50%);
- position: fixed;
- left: 50px;
- z-index: 4;
- cursor: pointer;
- color: #000;
- opacity: 1;
- transition: all 500m ease;
- }
- .contact-col-wrap .contact-close div {
- width: 55px;
- height: 2px;
- margin: 9px 0;
- transition: 0.4s;
- background-color: #333;
- }
- .contact-col-wrap .contact-close {
- }
- /* contact form */
- .contact-col-wrap .contact-form-wrap {
- padding-left: 50px;
- }
- .contact-col-wrap .contact-form {
- width: 70%;
- }
- .contact-col-wrap .contact-form-wrap input, .contact-col-wrap .contact-form-wrap textarea {
- width: 100%;
- border: 1px solid #000;
- background: transparent;
- }
- .contact-col-wrap .contact-form-wrap input {
- height: 35px
- }
- .contact-col-wrap .contact-form-wrap label {
- font-weight: bold;
- font-family: 'Amiri';
- font-size: 18px
- }
- .contact-col-wrap .contact-form-wrap textarea {
- height: 150px;
- }
- .contact-col-wrap .rechapcha-text {
- text-align: right;
- float: right;
- }
- .contact-col-wrap .rechapcha-text p {
- font-size: 12px;
- margin-bottom: 0;
- }
- .contact-col-wrap .rechapcha-text a {
- color: #000;
- text-decoration: none;
- }
- .contact-col-wrap .submit-wrap input {
- width: auto;
- height: auto;
- padding: 6px 18px;
- border-radius: 5px;
- font-family: 'Open Sans';
- font-size: 14px;
- border: 1px solid #000;
- }
- .grecaptcha-badge {
- display: none;
- }
- .contact-us-wrap .bg-contact {
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- position: absolute;
- background-size: contain;
- background-repeat: no-repeat;
- opacity: 0.5;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement