transition: all 0.25s;
&:after {
- content: '';
- width: 20px;
- height: 13px;
+ content: '-';
+ font-family: @icons;
+ font-size: 19px;
position: absolute;
- top: 19px;
+ top: 16px;
right: 45px;
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAgklEQVQ4T63TWw2AMBBE0TuOkAAOkAASkIACJIAEHGAFCTgY0oQPQniktP3unk66uyLy2DbQSpruShXpYbsBRmCS1F7ro8EAvKG/wBM6APM56W/wQAtgCSjQSdqSwAu6ApVshxfK2OY83O/zJ0xJZjvfH9quj3lM73LWOcy+KV+7vAPH20Kl7qXkFAAAAABJRU5ErkJggg==');
- background-size: 100%;
opacity: 0;
transition: opacity 0.3s;
}
// Request a quote section
.request-quote {
+
+ // Styling when open in a popup
+ .popupWindow & {
+ padding: 0 2% 1%;
+ }
+
.text {
padding-right: 30px;
}
- .form {
- position: relative;
- }
-
.zend_form {
display: flex;
flex-wrap: wrap;
}
ul {
- padding-left: 10px;
.list();
}
}
.validation-messages {
padding: 22px 50px;
background-color: #242424;
- position: absolute;
+ position: fixed;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
font-size: 22px;
padding: 200px 120px;
text-align: center;
+}
+
+.popupWindow .closePopup {
+ text-decoration: none;
+ top: 12px;
+ right: 20px;
+
+ img {
+ display: none;
+ }
+
+ &:after {
+ content: 'X';
+ .font-thinning();
+ font-family: @icons;
+ font-size: 20px;
+ }
}
\ No newline at end of file