.art-side-form {
position:fixed;
right:0;
background:#fff;
padding:20px;
z-index:999999999;
width:320px;
-webkit-box-shadow:0 0 12px 2px rgba(0,0,0,0.15);
box-shadow:0 0 12px 2px rgba(0,0,0,0.15);
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
-webkit-transition:-webkit-transform .8s;
transition:-webkit-transform .8s;
-o-transition:transform .8s;
transition:transform .8s;
transition:transform 0.8s,-webkit-transform .8s;
-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
-o-transition-timing-function:cubic-bezier(0.7,0,0.3,1);
transition-timing-function:cubic-bezier(0.7,0,0.3,1);
top:7%;
}
.art-side-form.open {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.art-side-form .art-side-below-form {
font-size:14px;
text-align:center;
padding-top: 1rem;
}
.art-side-form .art-side-below-form a {
letter-spacing:0;
text-decoration:underline;
}
.art-side-form .art-side-form-tab {
position:absolute;
left:-50px;
width:50px;
height:240px;
background:#169222;
top:calc(50% - 100px);
border-radius:10px 0 0 10px;
color:#fff;
-webkit-box-shadow:-2px 0 5px 1px rgba(0,0,0,0.25);
box-shadow:-2px 0 5px 1px rgba(0,0,0,0.25);
cursor:pointer;
}
.art-side-form .art-side-form-side-text {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
margin:0;
width:0;
white-space:nowrap;
-webkit-transform-origin:bottom;
-ms-transform-origin:bottom;
transform-origin:bottom;
text-align:left;
position:absolute;
padding-bottom:15px;
font-size:14px;
text-transform:uppercase;
font-weight:800;
letter-spacing:.1em;
}
.art-side-form .art-side-form-side-icon {
position:absolute;
bottom:8px;
width:100%;
left:0;
font-size:20px;
text-align:center;
}
.art-side-form .gform_wrapper ul li.gfield {
margin-top: 0;
}
.art-side-form .wpcf7-submit {
background-color: #169222;
color: white;
padding: 8px 10px;
}
.art-side-form h3 {
color:#0a2032;
margin-bottom:10px;
font-weight:800;
}
.art-side-form .frm_forms .frm_message {
color:green;
margin-bottom:40px;
}
.with-side-form .menu-contact-us.red-item {
display:none;
}
.close-cross {
position:absolute;
right:24px;
top:20px;
width:24px;
height:24px;
opacity:1;
}
.close-cross:hover {
opacity:.8;
}
.close-cross:after,
.close-cross:before {
position:absolute;
left:15px;
content:' ';
height:23px;
width:2px;
background-color:#000;
}
.close-cross:before {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.close-cross:after {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#gform_confirmation_wrapper_2 {
padding-top: 2rem;
}
.art-side-form .gform_wrapper .top_label .ginput_container {
margin-top: 0;
}
.art-side-form .gform_wrapper input {
margin-bottom: 0;
}
.art-side-form .gform_wrapper .field_sublabel_hidden_label {
margin-bottom: 0;
}
#wpcf7-f1254-o1 input,
#wpcf7-f1254-o1 textarea {
width: 100%;
}
@media only screen and (max-width:768px) {
.art-side-form .art-side-below-form {
padding-top: 0;
}
.gform_wrapper ul li.gfield {
margin: 0 !important;
padding: 0 !important;
}
.name_first,
.name_last {
width: 48%;
display: inline-block !important;
}
.art-side-form {
bottom:0;
top:auto;
width:auto;
max-width:100%;
left:auto;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
}
.art-side-form.open .art-side-form-tab:after,
.art-side-form.open .art-side-form-tab:before {
position:absolute;
content:' ';
height:23px;
width:2px;
background-color:#fff;
right:24px;
top:13px;
}
.art-side-form.open .art-side-form-tab:before {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.art-side-form.open .art-side-form-tab:after {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.art-side-form .art-side-form-tab {
left:0;
width:100%;
height:50px;
border-radius:0;
top:-50px;
text-align:center;
padding-top:7px;
}
.art-side-form .art-side-form-side-text {
letter-spacing:.1em;
display:inline-block;
margin-right:10px;
font-size:16px;
position:relative;
-webkit-transform:none;
-ms-transform:none;
transform:none;
width:auto;
}
.art-side-form .art-side-form-side-icon {
position:relative;
width:auto;
font-size:24px;
text-align:center;
display:inline-block;
bottom:auto;
}
.art-side-form .close-cross {
display:none;
}
.with-side-form footer {
padding-bottom:50px;
}
.art-side-form-inner {
max-height:70vh;
overflow:auto;
}
}