.art-side-form {
position: fixed;
right: 0;
background: #fff;
padding: 20px;
padding-bottom: 0;
z-index: 99999;
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: calc(50% - 16em);
}
.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: 200px;
background: #fcb713;
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 .gform_wrapper input {
border-radius: 0;
border: 1px solid #90a092;
}
.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 .frm_submit button {
width: 100%;
}
.art-side-form h3 {
color: #90a092;
margin-bottom: 10px;
font-weight: 800;
font-size: 1.5rem;
}
.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);
}
.art-side-form .gform_wrapper .top_label .ginput_container { }
.art-side-form .gform_wrapper input {
margin-bottom: 0;
}
.art-side-form .gform_wrapper .gfield_label {
font-size: 0.9rem;
}
.art-side-form .gform_wrapper .field_sublabel_hidden_label {
margin-bottom: 0;
}
@media only screen and (max-width:736px) {
.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: 100%;
padding: 0;
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;
}
}
#frm_form_15_container input[type=submit] {
color: #fff !important;
background-color: #90a092 !important;
border: #90a092 !important;
transition: 0.3s !important;
width: 100%;
padding: 7px;
font-weight: 700;
}
#frm_form_15_container .frm_required,
#frm_form_15_container .frm_screen_reader {
display: none;
}
#frm_form_15_container textarea {
margin: 10px 0;
}
#frm_form_15_container label {
margin: 0;
padding: 0;
}
#frm_form_15_container .frm_error {
font-weight: 700;
color: red;
}
#frm_form_15_container .validation_error {
display: none !important;
}
#frm_form_15_container .gfield_error {
padding-bottom: 0;
padding-top: 0;
}