a,a:visited,a:link:visited {
color: #ea247a;
transition: all .2s ease-in-out;
text-decoration: none
}
a:before,a:after,a:visited:before,a:visited:after,a:link:visited:before,a:link:visited:after {
transition: all .2s ease-in-out
}
a:hover,a:visited:hover,a:link:visited:hover {
color: #0a96a9;
text-decoration: none
}
a:hover:before,a:hover:after,a:visited:hover:before,a:visited:hover:after,a:link:visited:hover:before,a:link:visited:hover:after {
color: #0a96a9
}
.toggle>a {
display: -ms-flexbox;
display: flex;
color: #3d3936;
text-transform: uppercase;
padding: 5px 15px
}
.toggle>a:after {
content: "+";
margin-left: auto
}
.toggle>a:hover,.toggle>a:focus {
color: #e31a82
}
.toggle>a:hover:after,.toggle>a:focus:after {
color: #e31a82
}
.toggle>a.active:after {
content: "-"
}
.toggle>ul {
max-height: 0;
overflow: hidden;
transition: max-height .3s ease-in-out
}
.toggle>ul li {
padding: 0;
margin: 0;
border-bottom: 1px solid #eaeaea
}
.toggle>ul li a {
padding: 10px;
display: block
}
.toggle>ul.expanded {
max-height: 2000px
}
@font-face {
font-family: 'icons-blank-theme';
src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot');
src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix') format('embedded-opentype'),url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'),url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff'),url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf') format('truetype'),url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme') format('svg')
}
[class*=icon-social-]:before {
margin-right: 0
}
.iweb_social {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.iweb_social a {
margin: 0 10px;
font-size: 30px !important
}
.iweb_social .icon-social-twitter {
font-size: 9px
}
.iweb_social .icon-social-pinterest {
font-size: 11px
}
input,textarea {
width: 100%;
padding-left: calc(20px - 10px)
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #b3b3b3
}
input::placeholder,textarea::placeholder {
color: #b3b3b3
}
input[type=text],input[type=password],input[type=url],input[type=tel],input[type=search],input[type=number],input[type=datetime],input[type=email],select {
height: 36px;
font-family: 'Quicksand-Semibold'
}
form fieldset,form .fieldset {
border: initial;
margin: 0
}
select {
background: #fff;
display: block;
padding: 6px 40px 5px 10px !important;
max-width: 100%;
line-height: 16px !important;
appearance: none;
-webkit-appearance: none;
font-size: 14px;
background-image: url("../images/icons/select.svg");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 10px;
border-radius: 5px
}
body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,ol,ul,figure,hr,fieldset,legend {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
.ie11 header .header.content .block.block-search {
-ms-flex-order: 2;
order: 2;
height: 26px;
margin: 0 0 15px auto
}
.ie11 header .header.content .block.block-search .algolia-search-block .block-content {
bottom: -5px
}
.ie11 header .header.content .block.block-search .algolia-search-button {
border: 0
}
.ie11 .page-footer .block.logo .logo {
max-width: 108px
}
.ie11 .page-footer .working-hours {
max-width: 100%
}
.ie11 input {
line-height: 35px
}
.ie11 .products .product-items .range-item .range-content .block.banner .deadline {
padding-left: 60px
}
.ie11 .products .product-items .product-item .product-item-details {
display: block
}
.ie11 .catalog-product-view .discount-msg.savings .discount-msg-note {
padding-left: 80px
}
.ie11 .catalog-product-view #b247-product-review .trust-pilot-detail .content {
display: block;
max-width: 100%
}
.ie11 select::-ms-expand {
display: none
}
.ie11 .checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method {
width: 100%;
min-width: 100%
}
.ie11 .checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method tbody tr {
display: table
}
.ie11 .checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method tbody td {
min-width: 70px;
vertical-align: middle
}
html {
box-sizing: border-box
}
*,*:before,*:after {
box-sizing: inherit
}
@font-face {
font-family: 'Cocogoose';
src: url('../fonts/CocogooseProCm-Regular.woff2') format('woff2')
}
html {
color: #3d3936
}
body {
font-family: 'Quicksand-Semibold';
color: #3d3936;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.breadcrumbs {
margin: 0;
padding: 0 !important;
max-width: none !important
}
.breadcrumbs ul {
margin: 5px 0!important
}
.breadcrumbs ul li {
display: inline-block;
padding: 0
}
.breadcrumbs ul li a {
font-size: 13px;
color: #50636d
}
.breadcrumbs ul li a:after {
margin: 0
}
.breadcrumbs ul li strong {
color: #e31a82;
font-size: 13px
}
.breadcrumbs ul li:not(:last-child):after {
display: none!important
}
.toolbar .modes,.toolbar .toolbar-amount,.toolbar .pages,.toolbar .limiter,.toolbar .sorter {
display: inline-block;
vertical-align: top
}
table {
width: 100%
}
table th,table td {
padding: calc(20px - 10px) calc(20px - 5px)
}
.no-display {
display: none
}
.navigation,.page-header,.page-header .header.panel,.footer.content,.page-wrapper>.widget,.page-wrapper>.page-bottom,.block.category.event,.top-container,.page-main,.page-footer_inner,.page-footer_inner_2,.copyright,.page-main {
padding-left: calc(20px - 5px) !important;
padding-right: calc(20px - 5px) !important;
margin: 0 auto;
width: 100%
}
.top-container {
padding: 0 !important
}
.page-main,.page-main.account,.cms-privacy-policy .page-main {
padding-top: 0;
padding-bottom: 45px
}
.cms-index-index .page-main,.catalog-category-view .page-main,.catalogsearch-result-index .page-main {
padding-top: 0
}
body header>.panel:not(.wrapper),body header>.header {
/* max-width: 1800px; */
padding: 16px 0px !important;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
body header>.panel:not(.wrapper):before,body header>.header:before {
content: '';
display: table
}
body header>.panel:not(.wrapper):after,body header>.header:after {
content: '';
display: table;
clear: both
}
body header>.panel .links li {
display: inline-block
}
body header>.header:before {
content: '';
display: table
}
body header>.header:after {
content: '';
display: table;
clear: both
}
body .column.main {
padding-bottom: 0 !important;
width: calc(99.9%*1/1 - (16px - 16px*1/1))
}
body .column.main:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body .column.main:last-child {
margin-right: 0
}
body .column.main:nth-child(1n) {
margin-right: 0;
float: right
}
body .column.main:nth-child(1n+1) {
clear: both
}
body.page-layout-1column .columns:before {
content: '';
display: table
}
body.page-layout-1column .columns:after {
content: '';
display: table;
clear: both
}
body.page-layout-1column .columns .main {
width: calc(99.9%*1/1 - (16px - 16px*1/1))
}
body.page-layout-1column .columns .main:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-1column .columns .main:last-child {
margin-right: 0
}
body.page-layout-1column .columns .main:nth-child(1n) {
margin-right: 0;
float: right
}
body.page-layout-1column .columns .main:nth-child(1n+1) {
clear: both
}
body .login-container:before {
content: '';
display: table
}
body .login-container:after {
content: '';
display: table;
clear: both
}
body footer {
padding-top: 20px;
padding-bottom: 20px
}
body footer:before {
content: '';
display: table
}
body footer:after {
content: '';
display: table;
clear: both
}
body footer .block {
width: calc(99.9%*1/2 - (16px - 16px*1/2))
}
body footer .block:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body footer .block:last-child {
margin-right: 0
}
body footer .block:nth-child(1n) {
margin-right: 0;
float: right
}
body footer .block:nth-child(1n+1) {
clear: both
}
body footer .block .newsletter,body footer .block .actions {
display: inline-block;
vertical-align: top
}
body footer .links {
width: calc(99.9%*1/2 - (16px - 16px*1/2));
margin-bottom: 20px
}
body footer .links:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body footer .links:last-child {
margin-right: 0
}
body footer .links:nth-child(0n) {
margin-right: 0;
float: right
}
body footer .links:nth-child(0n+1) {
clear: both
}
body footer .links li {
margin-bottom: 0;
padding: 6px 0
}
body footer .copyright,body footer .bugs {
width: calc(99.9%*1 - (16px - 16px*1))
}
body footer .copyright:nth-child(1n),body footer .bugs:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body footer .copyright:last-child,body footer .bugs:last-child {
margin-right: 0
}
body footer .copyright:nth-child(undefinedn),body footer .bugs:nth-child(undefinedn) {
margin-right: 0;
float: right
}
body footer .copyright:nth-child(undefinedn+1),body footer .bugs:nth-child(undefinedn+1) {
clear: both
}
body .products-list:before {
content: '';
display: table
}
body .products-list:after {
content: '';
display: table;
clear: both
}
body .products-list .product-item-photo,body .products-list .product-item-details {
display: inline-block;
vertical-align: top
}
body .products-list .product-item-details {
padding-left: 20px
}
.loading-mask {
background: 0 0
}
html h1,html h1 span {
font-family: 'Quicksand-Bold';
font-size: 32px;
line-height: 1;
color: #3d3936
}
html b,html strong {
font-family: 'Quicksand-Bold'
}
html h2,html h2 span {
font-size: calc(15px + 9*((100vw - 420px)/860));
line-height: calc(26px + 6*((100vw - 420px)/860));
margin-bottom: 15px;
font-family: 'Quicksand-Semibold';
color: #3d3936
}
@media screen and (min-width: 1280px) {
html h2,html h2 span {
line-height:32px
}
}
@media screen and (max-width: 420px) {
html h2,html h2 span {
line-height:26px
}
html h1, html h1 span {
font-size: 26px;
}
}
@media screen and (min-width: 1280px) {
html h2,html h2 span {
font-size:24px
}
}
@media screen and (max-width: 420px) {
html h2,html h2 span {
font-size:15px
}
}
html h5,html h5 span {
font-size: calc(15px + 9*((100vw - 420px)/860));
line-height: calc(26px + 6*((100vw - 420px)/860));
margin-bottom: 15px;
font-weight: 700
}
@media screen and (min-width: 1280px) {
html h5,html h5 span {
line-height:32px
}
}
@media screen and (max-width: 420px) {
html h5,html h5 span {
line-height:26px
}
}
@media screen and (min-width: 1280px) {
html h5,html h5 span {
font-size:24px
}
}
@media screen and (max-width: 420px) {
html h5,html h5 span {
font-size:15px
}
}
html .block-title strong {
font-size: calc(15px + 9*((100vw - 420px)/860));
line-height: calc(26px + 6*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
html .block-title strong {
line-height:32px
}
}
@media screen and (max-width: 420px) {
html .block-title strong {
line-height:26px
}
}
@media screen and (min-width: 1280px) {
html .block-title strong {
font-size:24px
}
}
@media screen and (max-width: 420px) {
html .block-title strong {
font-size:15px
}
}
html small span,html .breadcrumbs a,html .breadcrumbs strong {
font-size: calc(12px + 0*((100vw - 420px)/860));
line-height: 1.25
}
@media screen and (min-width: 1280px) {
html small span,html .breadcrumbs a,html .breadcrumbs strong {
font-size:12px
}
}
@media screen and (max-width: 420px) {
html small span,html .breadcrumbs a,html .breadcrumbs strong {
font-size:12px
}
}
html .opc-wrapper .step-title,html .opc-block-shipping-information .shipping-information-title>span,html .opc-block-summary>.title,html .checkout-agreements-items .checkout-agreements-item-title {
font-size: 26px;
line-height: 37px
}
html .fieldset .field .label,html .fieldset .fields .field .label {
font-weight: 500
}
header.page-header {
border-bottom: 0;
width: 100%;
margin: 0 auto;
position: relative;
background: #e31a82
}
header.page-header .panel.wrapper {
display: none
}
header.page-header .panel.header {
padding: 0
}
header.page-header .panel.header>.header.links {
display: none
}
header .search .advanced {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
header .header.content {
padding: 25px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
max-width: 1280px
}
header .header.content .logo {
z-index: 1
}
header .header.content .logo img {
width: 230px;
height: auto
}
header .header.content .m-nav-toggle {
position: relative;
left: initial;
top: initial;
width: auto
}
header .header.content .m-nav-toggle:before {
width: 26px;
height: 22px
}
header .header.content .block.block-search .algolia-title:before {
content: "";
display: inline-block;
background: url(../images/icons/search.svg);
background-size: 100%;
background-repeat: no-repeat
}
header .header.content .block.block-search .algolia-title:s {
margin: 0 auto;
width: 24px;
height: 24px
}
header .header.content .block.block-search .algolia-search-button {
position: absolute;
top: 0;
right: 0;
border: none;
bottom: 0;
padding: 0;
background: 0 0;
pointer-events: none;
opacity: .5;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: opacity .4s ease-in-out
}
header .header.content .block.block-search .algolia-search-button:before {
content: "";
display: inline-block;
background: url(../images/icons/search.svg);
background-size: 100%;
background-repeat: no-repeat
}
header .header.content .block.block-search .algolia-search-button:before {
color: #fff;
width: 20px;
height: 20px;
margin: 0 !important;
position: absolute;
top: 0;
right: 0
}
header .header.content .block.block-search .algolia-search-button.input-has-value {
opacity: 1;
pointer-events: auto
}
header .header.content .block.block-search .algolia-search-block .block-content {
opacity: 0;
background: 0 0;
border-bottom: 2px solid #fff;
transition: opacity .2s ease-in-out;
position: absolute;
left: 0;
right: 0;
bottom: -92px;
pointer-events: none
}
header .header.content .block.block-search .algolia-search-block.expanded .block-content {
opacity: 1;
pointer-events: auto;
z-index: 4
}
header .header.content .block.block-search input#search {
background: 0 0;
margin: 0;
left: unset;
border: none;
color: #fff;
font-size: 14px
}
header .header.content .block.block-search input#search:-ms-input-placeholder {
color: #fff
}
header .header.content .block.block-search input#search::placeholder {
color: #fff
}
header .logo {
margin: 0
}
header .my-account-link {
/* -ms-flex-order: 3; */
/* order: 3; */
/* margin: 0 6px; */
font-family: 'Quicksand-SemiBold'
}
header .working-hours {
color: #3d3936
}
.page-footer .page-footer_inner_container {
background: #e31a82
}
.page-footer .page-footer_inner,.page-footer .page-footer_inner_2 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between
}
.page-footer .page-footer_inner_reviews .trustpilot-footer-container {
max-width: 1200px;
margin: 0 auto
}
.page-footer .page-footer_inner_2 {
padding: 0 0 30px !important
}
.page-footer .page-footer_inner_2 .pagebuilder-column {
margin: 0 30px !important
}
.page-footer .working-hours {
margin: 15px 0 !important
}
.page-footer .working-hours>div {
text-align: center;
display: -ms-flexbox;
display: flex !important
}
.page-footer .working-hours strong a {
color: #fff;
margin-right: 5px
}
.page-footer .block.newsletter {
-ms-flex-order: 1;
order: 1;
margin: 0;
margin: 15px 0;
width: 32%
}
.page-footer .block.newsletter .field.newsletter {
width: 100%;
max-width: 100%
}
.page-footer .block.newsletter .field.newsletter label {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
color: #fff;
text-align: left;
display: block;
margin-bottom: 5px
}
.page-footer .block.newsletter .field.newsletter label span {
font-size: 14px;
display: block
}
.page-footer .block.newsletter .field.newsletter .control {
width: 100%;
position: relative;
display: -ms-flexbox;
display: flex
}
.page-footer .block.newsletter .field.newsletter .control:before {
display: none
}
.page-footer .block.newsletter .field.newsletter .control input {
width: 100%
}
.page-footer .block.newsletter .field.newsletter .control button {
width: 45%;
margin-left: 0;
height: 48px;
text-transform: none;
color: #fff;
border: 0;
background: #3d3936;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
font-size: 17px;
font-family: 'Quicksand-SemiBold'
}
.page-footer .block.newsletter .field.newsletter div.mage-error {
position: absolute;
left: 5px;
bottom: -19px
}
.page-footer .iweb_social {
-ms-flex-order: 3;
order: 3;
margin: 0;
text-align: center;
margin: 10px 0
}
.page-footer .links,.page-footer .logo {
display: block
}
.page-footer .block.logo {
width: 108px;
margin: 0
}
.page-footer .block.logo .logo {
margin: 0;
max-width: unset
}
small.copyright {
text-align: center;
padding: 5px;
background: #fff;
color: #3d3936
}
small.copyright span {
font-size: 9px;
display: block
}
.page-footer .block.links .footer-links a {
font-size: 15px;
color: #fff;
display: -ms-flexbox;
display: flex
}
.footer-working-hours {
margin: 15px 0;
color: #fff;
-ms-flex-order: 1;
order: 1;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.footer-working-hours span {
display: block;
text-align: left;
padding: 10px 0;
font-family: 'Quicksand-SemiBold'
}
.footer-working-hours .footer-hours {
font-size: 16px
}
.footer-working-hours .footer-tel {
font-size: 27px;
padding: 5px 0 !important
}
.footer-working-hours strong a {
font-size: 18px;
margin-right: 10px;
min-width: 102px;
white-space: nowrap;
color: #2b2f30;
display: -ms-flexbox;
display: flex
}
.footer-working-hours strong a:before {
content: "";
display: inline-block;
background: url(../images/icons/phone.svg);
background-size: 100%;
background-repeat: no-repeat
}
.footer-working-hours strong a:before {
width: 16px;
height: 16px;
margin-right: 5px
}
.footer-working-hours strong a:hover {
color: #8f8cc3
}
.footer-strap-line {
border-bottom: 1px solid #fff;
display: -ms-flexbox;
display: flex
}
.footer-strap-line span {
font-size: 21px
}
.unsubscribe-link-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.unsubscribe-link-footer a {
color: #fff
}
.footer-payment-methods {
padding: 15px 0
}
.footer-payment-methods span {
width: 100%;
display: block;
text-align: left;
color: #fff;
font-family: 'Quicksand-SemiBold';
font-size: 16px;
padding: 10px 0
}
.minicart-wrapper {
-ms-flex-order: 1;
order: 1;
position: relative;
float: none;
margin: 0 6px !important
}
.minicart-wrapper .action.showcart {
vertical-align: -webkit-baseline-middle
}
.minicart-wrapper .action.showcart .counter.qty {
background: #000;
height: 15px;
line-height: 14px;
width: 15px;
border-radius: 50%;
min-width: unset;
padding: 0;
margin: 0;
position: absolute;
right: -3px;
top: -2px;
text-align: center
}
.minicart-wrapper .action.showcart .counter.qty>* {
color: #fff;
font-size: 10px;
position: relative;
top: -1px;
left: 0
}
.minicart-wrapper .action.showcart .counter.qty.empty {
display: block
}
.minicart-wrapper .action.showcart.active {
display: -ms-inline-flexbox;
display: inline-flex
}
.minicart-wrapper .action.showcart.active:hover:before {
color: #0a96a9
}
.minicart-wrapper .action.showcart.active:before {
color: #0a96a9 !important;
display: none
}
.minicart-wrapper .action.showcart.active:after {
display: none
}
.minicart-wrapper .action.showcart:hover:before {
color: #0a96a9
}
.minicart-wrapper .action.close {
width: auto;
height: auto;
right: 5px;
top: 10px;
opacity: .5;
z-index: 10;
transition: opacity .2s ease-in-out
}
.minicart-wrapper .action.close:before {
display: none
}
.minicart-wrapper .action.close:hover,.minicart-wrapper .action.close:active {
opacity: 1
}
.minicart-wrapper .minicart-widgets {
display: none
}
.minicart-wrapper .block-minicart .subtitle.empty {
padding: 30px 0;
background: #fff
}
.samples-wrapper .counter.qty {
background: #000;
width: 15px;
height: 15px;
line-height: 14px;
right: -3px;
top: -2px;
border-radius: 50%;
min-width: unset;
padding: 0;
margin: 0;
position: absolute;
text-align: center
}
.samples-wrapper .counter.qty>* {
color: #fff;
top: -1px;
position: relative;
font-size: 10px
}
.minicart-wrapper .action.showcart:before {
display: none
}
.samples-wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
position: relative
}
.samples-wrapper {
-ms-flex-order: 2;
order: 2;
margin: 0 6px
}
.block.block-minicart {
padding: 0;
border: none;
top: 46px;
z-index: 105;
box-shadow: 0px 108px 43px rgba(0,0,0,.01),0px 61px 37px rgba(0,0,0,.05),0px 27px 27px rgba(0,0,0,.09),0px 7px 15px rgba(0,0,0,.1),0px 0px 0px rgba(0,0,0,.1)
}
.block.block-minicart:after {
right: 45px;
top: -20px;
border: 10px solid;
border-color: transparent transparent #f0f1f6
}
.block.block-minicart:before {
display: none
}
.block.block-minicart #minicart-content-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 321px
}
.block.block-minicart #minicart-content-wrapper .block-title {
display: block;
padding: 7px 10px 13px 20px;
background-color: #f0f1f6;
margin-bottom: 0
}
.block.block-minicart #minicart-content-wrapper .block-title .text {
font-size: 16px;
font-weight: 600;
line-height: 19px;
color: #232f3b;
margin-right: 20px
}
.block.block-minicart #minicart-content-wrapper .block-title .text.add-to-basket-mobile {
display: none
}
.block.block-minicart #minicart-content-wrapper .block-title .qty {
font-size: 14px;
font-weight: 400;
line-height: 17px;
color: #232f3b
}
.block.block-minicart #minicart-content-wrapper .block-content #btn-minicart-close {
position: absolute;
top: 10px;
right: 0
}
.block.block-minicart #minicart-content-wrapper .block-content #btn-minicart-close span {
width: 0;
height: 0
}
.block.block-minicart #minicart-content-wrapper .block-content #btn-minicart-close:before {
content: "";
width: 24px;
height: 24px;
background-image: url(../../../../../frontend/Magento/blank/en_GB/Magento_LoginAsCustomerFrontendUi/images/close.svg)
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item {
padding: 0;
max-height: 400px;
overflow-y: hidden
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper {
height: unset !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport {
height: unset !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
transform: unset !important;
-webkit-overflow-scrolling: touch;
transition-duration: unset !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item {
padding: 20px 20px 0 14px;
border: none;
margin-bottom: 0 !important;
max-width: unset
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item>div {
border-bottom: 1px solid rgba(103,116,162,.2);
padding-bottom: 20px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product {
display: -ms-flexbox;
display: flex
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product a .product-image-container .product-image-wrapper img {
width: 65px !important;
height: 65px !important;
border-radius: 3px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-name {
margin-bottom: 10px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-name a {
font-size: 16px;
font-weight: 600;
line-height: 19px;
color: #232f3b;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .option-product span {
font-size: 14px;
font-weight: 400;
line-height: 17px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-pricing {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-pricing .details-qty {
display: -ms-flexbox;
display: flex
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-pricing .details-qty .label {
font-size: 14px;
font-weight: 400;
line-height: 17px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-pricing .details-qty input {
font-size: 14px;
font-weight: 400;
line-height: 17px;
opacity: 1
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product-item-pricing .price-container .price-wrapper .price-excluding-tax .minicart-price .price {
font-size: 14px;
font-weight: 600;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
color: #e81f76
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product.actions {
-ms-flex-pack: end;
justify-content: flex-end
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product.actions .secondary {
width: 24px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item .product .product-item-details .product.actions .secondary a:before {
width: 24px;
height: 24px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .bx-viewport .minicart-items .item:last-child>div {
border-bottom: none
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart_bx {
display: none
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content afterpay-placement {
display: none !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .subtotal {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f0f1f6;
margin: 0;
padding: 10px 20px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .subtotal .label span {
font-size: 16px;
font-weight: 400;
line-height: 19px;
color: #232f3b
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .subtotal .label:after {
display: none
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .subtotal .price-container .price-wrapper .price {
font-size: 16px;
font-weight: 600;
line-height: 19px;
color: #e81f76
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group {
display: -ms-flexbox;
display: flex;
padding: 20px 42px;
gap: 20px;
margin: 0;
-ms-flex-pack: center;
justify-content: center
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions {
border-radius: 5px;
height: 40px;
margin: 0
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart {
border-radius: 5px;
border: 1px solid #e8eaf1
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button {
background-color: #e31a82;
padding: 10px 20px;
width: max-content;
height: 40px;
border: none
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button span {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #fff;
transition: .25s
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button:hover span {
color: #e81f76;
transition: .25s
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .primary {
height: 100%
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .primary #top-cart-btn-checkout {
border: none;
background-color: #f4df6b;
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #232f3b;
height: 100%;
transition: .25s;
border-radius: 5px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .primary #top-cart-btn-checkout:hover {
background-color: rgba(244,223,107,.5);
transition: .25s
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .item .product-item-details .action.delete:before {
background: url(../images/bin.svg) no-repeat;
content: "";
display: inline-block;
background-size: 100%;
width: 32px;
height: 32px
}
.towishlist:after,.tocompare:after,.mailto:after,.sorter-action:after,.previous:after,.next:after,.close:after,.action-close:after,.action.remove:after,#search_mini_form .action.search:after,.action.switch:after,.filter-options-title:after,.block-collapsible-nav-title:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px
}
.towishlist span,.tocompare span,.mailto span,.sorter-action span,.previous span,.next span,.close span,.action-close span,.action.remove span,#search_mini_form .action.search span,.action.switch span,.filter-options-title span,.block-collapsible-nav-title span {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.breadcrumbs a:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e608'
}
.towishlist:after {
content: '\e601'
}
.tocompare:after {
content: '\e61f'
}
.mailto:after {
content: '\e61d';
float: left
}
.mailto span {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.sorter-action.sort-asc:after {
content: '\e613'
}
.sorter-action.sort-desc:after {
content: '\e614'
}
.customer-welcome .action.switch:after {
content: '\e622'
}
.customer-welcome.active .action.switch:after {
content: '\e621'
}
.previous:after {
content: '\e617'
}
.next:after {
content: '\e608'
}
.close:before,.action-close:before,.action.remove:before {
content: '\e616';
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px
}
.switcher-options .action.toggle:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e622'
}
.switcher-options.active .action.toggle:after {
content: '\e621'
}
.checkout-payment-method .payment-option .payment-option-title .action-toggle:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e622'
}
.checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after {
content: '\e621'
}
.opc-block-summary .items-in-cart>.title:after,.abs-discount-block>.title:after,.cart-summary .block>.title:after,.paypal-review-discount .block>.title:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e622';
float: right
}
.opc-block-summary .items-in-cart.active>.title:after,.abs-discount-block.active>.title:after,.cart-summary .block.active>.title:after,.paypal-review-discount .block.active>.title:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e621'
}
.modes-mode span {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.modes-mode:before {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e60d'
}
.mode-list:before {
content: '\e60b'
}
#search_mini_form .label:before {
content: "";
display: inline-block;
background: url(../images/icons/search.svg);
background-size: 100%;
background-repeat: no-repeat
}
#search_mini_form .label span {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
#search_mini_form button.search {
padding: 5px 3px;
background: #fff
}
#search_mini_form button.search:after {
content: '\e615';
color: #222
}
.minicart-wrapper .action.showcart,.minicart-wrapper .action.showcart.active {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.minicart-wrapper .action.showcart:before,.minicart-wrapper .action.showcart.active:before {
content: "";
display: inline-block;
background: url(../images/icons/cart.svg);
background-size: 100%;
background-repeat: no-repeat
}
.minicart-items-wrapper .item .options .toggle:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e622'
}
.minicart-items-wrapper .item .options.active .toggle:after {
content: '\e621'
}
.minicart-items-wrapper .item .actions .edit span,.minicart-items-wrapper .item .actions .delete span {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.minicart-items-wrapper .item .actions .edit:before,.minicart-items-wrapper .item .actions .delete:before {
font-family: 'icons-blank-theme';
color: #3d3936;
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
opacity: .5
}
.minicart-items-wrapper .item .actions .edit:hover:before,.minicart-items-wrapper .item .actions .delete:hover:before {
opacity: 1
}
.minicart-items-wrapper .item .actions .edit:before {
content: '\e606'
}
.minicart-items-wrapper .item .actions .delete:before {
content: '\e604'
}
.algolia-search-block .algolia-title.toggle-dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.opc-progress-bar .opc-progress-bar-item._active>span:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e610';
line-height: 27px
}
body>.loading-mask {
z-index: 9999;
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
background: rgba(255,255,255,.5)
}
body>.loading-mask .loader>img {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100
}
body>.loading-mask .loader p {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.active .filter-title strong {
position: relative;
display: block
}
a.action.primary {
display: inline-block;
vertical-align: middle;
margin: 0;
font-weight: unset;
cursor: pointer;
text-align: center;
transition: background-color .25s ease-out,color .25s ease-out;
padding: 5px 15px 6px;
border-radius: 5px;
border: none;
background: #e31a82;
color: #fff;
text-transform: unset;
font-family: 'Quicksand-Bold'
}
a.action.primary:hover {
background: #ff5da4;
border: 0;
color: #fff
}
a.action.multicheckout {
color: #25303b;
text-decoration: underline
}
a.action.multicheckout:hover {
color: #0cbed4
}
a.action.edit:before,a.action.delete:before {
font-family: 'icons-blank-theme';
color: #25303b;
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
opacity: .5
}
a.action.edit:hover:before,a.action.delete:hover:before {
opacity: 1
}
input.action.primary {
display: inline-block;
vertical-align: middle;
margin: 0;
font-weight: unset;
cursor: pointer;
text-align: center;
transition: background-color .25s ease-out,color .25s ease-out;
padding: 5px 15px 6px;
border-radius: 5px;
border: none;
background: #e31a82;
color: #fff;
text-transform: unset;
font-family: 'Quicksand-Bold';
width: auto
}
input.action.primary:hover {
background: #ff5da4;
border: 0;
color: #fff
}
.block {
margin-bottom: 20px
}
.block .block-title,.block .block-subtitle,.block .block-actions {
display: block;
margin-bottom: 20px
}
.block.block-search {
padding: 0;
margin: 0;
float: right
}
.block.block-search .block-title {
display: none
}
.block.block-search .block-content {
margin: 0
}
.block.block-search .actions .action {
position: absolute;
top: 0;
right: 0
}
.block.block-search .actions .action.search[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: .5
}
.block.block-minicart {
display: none;
padding: 0;
border: 1px solid #dcdbe6;
box-shadow: 0 3px 3px rgba(43,47,48,.25);
position: absolute;
width: 290px;
top: 40px;
right: -41px;
z-index: 5
}
.block.block-minicart:after {
border-color: transparent transparent rgba(107,110,111,.25) transparent;
right: 50px
}
.block.block-minicart:before {
right: 52px
}
.block.block-minicart .block-title {
display: none
}
.block.block-minicart .items-total {
float: left;
margin: 0 15px
}
.block.block-minicart .subtotal {
text-align: right;
padding: 15px;
background: #eaeaea;
margin: 0
}
.block.block-minicart .actions {
text-align: center;
margin: 20px 0 calc(20px - 5px)
}
.block.block-minicart .actions button {
width: 100%
}
.block.block-minicart .subtitle:not(.empty) {
display: none
}
.block.block-minicart .minicart-items-wrapper {
padding: 0;
border: 0;
margin: 0;
overflow-x: auto
}
.block.block-minicart .minicart-items-wrapper .item {
padding: calc(20px - 10px)
}
.block.block-minicart .minicart-items-wrapper .item .product-item-photo {
float: left;
padding-right: calc(20px - 5px)
}
.block.block-minicart .minicart-items-wrapper .item .product-item-details {
padding-left: 88px;
position: relative
}
.block.block-minicart .minicart-items-wrapper .item .actions {
margin: 0;
text-align: right;
position: absolute;
bottom: 8px;
right: 0
}
.block.block-minicart .minicart-items-wrapper .item .actions .primary,.block.block-minicart .minicart-items-wrapper .item .actions .secondary {
display: inline-block;
margin: 0
}
.block.block-minicart .minicart-items-wrapper item:first-child {
padding-top: 0
}
.block.newsletter {
text-align: right
}
.block.block-customer-login {
margin-bottom: calc(20px - 5px) !important
}
.block.account-nav {
background: #2b2f30
}
.block.block-reorder ol li .item {
display: inline-block;
vertical-align: middle;
width: 1rem
}
.block.block-reorder ol li .item .label {
display: none
}
.block.block-reorder ol li .product-item-name {
display: inline-block;
vertical-align: middle
}
.block-dashboard-info {
margin-bottom: 20px
}
.opc-block-summary {
background: #fff;
padding: 20px;
margin-bottom: 20px
}
.opc-block-summary .table-totals {
margin: 15px 0
}
.opc-block-summary .minicart-items-wrapper {
max-height: 150vw;
overflow-y: scroll
}
.opc-block-summary .minicart-items-wrapper .product-item {
padding: 20px 0
}
.opc-block-summary .minicart-items-wrapper .product-image-container {
float: left
}
.opc-block-summary .minicart-items-wrapper .product-item-details {
padding-left: 88px
}
.opc-block-summary .minicart-items-wrapper .product-item-details .item-options {
background: #eaeaea;
padding: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.opc-block-summary .minicart-items-wrapper .product-item-details .item-options dt,.opc-block-summary .minicart-items-wrapper .product-item-details .item-options dd {
display: inline-block;
margin: 0;
width: 49%
}
.opc-block-summary .minicart-items-wrapper .product-item-details .item-options dt:after {
content: ":"
}
.opc-block-shipping-information .ship-to .shipping-information-title button,.opc-block-shipping-information .ship-via .shipping-information-title button {
float: right
}
.working-hours {
margin: 15px 0;
color: #fff;
-ms-flex-order: 1;
order: 1;
text-align: center;
display: -ms-flexbox;
display: flex
}
.working-hours strong a {
font-size: 18px;
margin-right: 10px;
min-width: 102px;
white-space: nowrap;
color: #2b2f30;
display: -ms-flexbox;
display: flex
}
.working-hours strong a:before {
content: "";
display: inline-block;
background: url(../images/icons/phone.svg);
background-size: 100%;
background-repeat: no-repeat
}
.working-hours strong a:before {
width: 14px;
height: 14px;
margin-right: 5px
}
.working-hours strong a:hover {
color: #e31a82
}
.working-hours span {
font-size: 11px
}
.fast-track-product-page-block {
margin: 15px 0;
background: #d5d5d6;
padding: 30px;
text-align: center;
clear: both
}
.fast-track-product-page-block h4 {
font-size: calc(15px + 9*((100vw - 420px)/860));
padding-bottom: 10px
}
@media screen and (min-width: 1280px) {
.fast-track-product-page-block h4 {
font-size:24px
}
}
@media screen and (max-width: 420px) {
.fast-track-product-page-block h4 {
font-size:15px
}
}
.fast-track-product-page-block h4:before {
content: "";
display: block;
margin: 0 auto;
width: 42px;
height: 32px;
background-image: url("../images/icons/truck.svg");
margin-bottom: 10px
}
.fast-track-product-page-block h4 i {
color: #e31a82;
font-weight: 900;
margin-right: 10px
}
.fast-track-product-page-block span {
font-size: calc(15px + 7*((100vw - 420px)/860));
font-weight: 300;
line-height: 1.25
}
@media screen and (min-width: 1280px) {
.fast-track-product-page-block span {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.fast-track-product-page-block span {
font-size:15px
}
}
form .field {
margin-bottom: 20px
}
form .field.choice input,form .field.choice label {
display: inline-block;
vertical-align: middle;
width: initial;
display: -ms-flexbox;
display: flex
}
form .field .control._with-tooltip {
position: relative
}
form .field .control._with-tooltip input {
width: 100% !important
}
form .field .note {
display: block
}
form .field.street {
margin: 0
}
form .payment-method-content .choice label span {
font-style: italic
}
form#wishlist-view-form .tocart {
margin-top: calc(20px - 5px)
}
form#co-shipping-method-form .actions-toolbar {
text-align: right
}
form#search_mini_form .search {
margin: 0
}
.field.street .field.additional .label {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.form-address-edit fieldset:not(:last-child) {
border-bottom: 1px solid #eaeaea;
margin-bottom: 15px
}
.form.create.account .primary {
float: left
}
.form.create.account .secondary {
float: right
}
body._has-modal-custom .modal-custom-overlay {
background-color: rgba(51,51,51,.55);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 899
}
.modal-popup {
z-index: 900;
left: 0;
overflow-y: auto
}
.modal-popup .modal-inner-wrap {
margin: 3rem auto;
padding: 10px;
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
left: 0;
position: absolute;
right: 0;
transform: translateY(-200%);
transition-duration: .2s;
transition-property: transform,visibility;
transition-timing-function: ease
}
.modal-popup .modal-inner-wrap .modal-content {
padding: 0 !important
}
.modal-popup .modal-inner-wrap .modal-header {
padding: 0 !important
}
.modal-dialog .modal-content .modal-footer {
margin: 0;
padding: 15px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.modal-dialog .modal-content .modal-footer .action-accept {
margin-left: 15px
}
.modal-popup._show .modal-inner-wrap {
transform: translateY(0)
}
.modal-popup.b247-modal-videos .modal-inner-wrap {
width: 98%;
max-width: 580px;
padding: 5px;
margin: 20% auto
}
.modal-popup.b247-modal-videos .modal-inner-wrap .modal-content iframe {
width: 100%;
display: block
}
.modal-popup.b247-modal-videos .modal-inner-wrap .action-close {
position: absolute;
top: -40px;
padding: 0;
right: 0
}
.modal-popup.b247-modal-videos .modal-inner-wrap .action-close:before {
color: #fff;
font-weight: 700
}
.modal-slide,.modal-popup {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden
}
.modal-slide._show,.modal-popup._show {
visibility: visible;
transform: translate(0,0)
}
.modal-slide .modal-inner-wrap,.modal-popup .modal-inner-wrap {
background: #fff;
opacity: 1
}
.modal-slide .action-close,.modal-popup .action-close {
position: absolute;
top: 0;
right: 0
}
.modal-custom .action-close {
position: absolute;
top: 0;
right: 0;
margin: 0
}
.login-popup .modal-inner-wrap {
text-align: left !important;
max-width: 500px
}
.login-popup .modal-content {
margin: 0 !important
}
.login-popup .block-customer-login {
margin: 0 !important
}
.login-popup .block-authentication .actions-toolbar>.primary {
margin-right: 15px
}
.modals-overlay {
background-color: rgba(51,51,51,.55);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0
}
.ais-search-box--powered-by {
font-size: .8em;
text-align: right;
margin-top: 2px
}
input::-ms-clear {
display: none
}
#instant-search-pagination-container {
width: 100%;
text-align: center
}
.ais-pagination {
background-color: transparent;
border: none;
box-shadow: none;
margin: 20px auto
}
.ais-pagination li {
display: inline-block
}
.ais-pagination--item a {
padding: 5px 10px;
margin: 0 5px;
line-height: 25px;
background-color: #fff;
color: #727272
}
.ais-pagination li.ais-pagination--item__disabled {
display: none
}
.ais-pagination--item__active a {
font-weight: bolder;
color: #606060;
text-decoration: underline
}
.ais-pagination--item.ais-pagination--item__next a,.ais-pagination--item.ais-pagination--item__previous a {
font-weight: 700;
color: #606060
}
.ais-menu--link,.ais-hierarchical-menu--link,.ais-price-ranges--link,.ais-refinement-list--label {
padding: 4px 10px;
cursor: pointer;
color: #636363;
text-decoration: none;
display: block;
font-family: inherit;
font-weight: inherit;
font-size: inherit
}
.ais-hierarchical-menu--item__active>div>.ais-hierearchical-link-wrapper>.ais-hierarchical-menu--link,.ais-refinement-list--item__active>div>.ais-hierarchical-list--link,.ais-refinement-list--item__active>div>.ais-refinement-list--label,.ais-price-ranges--item__active>.ais-price-ranges--link {
font-weight: 700;
box-shadow: inset 3px 0 0 #39c
}
.ais-hierearchical-link-wrapper,.ais-refinement-list--item {
padding: 7px 0
}
.ais-refinement-list--label,.ais-hierarchical-menu--link {
line-height: 1em;
padding: 0 10px
}
.ais-refinement-list--label img {
display: inline
}
.ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper .cross-circle,.ais-refinement-list--item__active .cross-circle {
display: inline-block;
width: 12px;
height: 12px;
background: url("data:image/svg+xml;utf8,")no-repeat center center/contain;
opacity: 0
}
.ais-hierarchical-menu--item__active .ais-hierearchical-link-wrapper:hover .cross-circle,.ais-refinement-list--item__active:hover .cross-circle {
text-decoration: underline;
vertical-align: bottom;
margin-left: 6px;
opacity: 1
}
.ais-refinement-list--item:hover {
text-decoration: underline
}
.ais-price-ranges--input {
width: 70px !important
}
.ais-price-ranges--label {
margin: 5px
}
.ais-refinement-list--checkbox {
margin-right: 10px
}
.ais-current-refined-values--link {
cursor: pointer;
color: #636363;
border-radius: 2px;
border: solid 1px #ddd;
background-color: #f4f4f4;
display: inline-block;
max-width: 100%;
white-space: nowrap;
padding: 0 8px 0 0;
height: 28px;
overflow: hidden
}
.ais-current-refined-values--clear-all {
position: absolute;
right: 6px;
top: 3px;
color: #666;
font-weight: 500
}
a.ais-current-refined-values--link:hover {
text-decoration: none
}
.ais-current-refined-values--item {
margin-top: 8px
}
.ais-current-refined-values--item:after {
clear: both;
content: "";
display: block
}
.ais-current-refined-values--item .current-refinement-label {
font-weight: 700
}
.ais-current-refined-values--item .cross-wrapper {
font-weight: 700;
background-color: #ddd;
border-radius: 1px 0 0 1px;
float: left;
width: 26px;
height: 26px;
text-align: center;
line-height: 26px
}
.ais-current-refined-values--link:hover .cross-wrapper {
text-decoration: none
}
.ais-current-refined-values--link .cross-wrapper img {
display: inline;
margin-top: 6px
}
.ais-current-refined-values--item .current-refinement-wrapper {
float: left;
width: calc(100% - 26px);
height: 26px;
padding-left: 8px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 26px
}
.ais-current-refined-values--link:hover .current-refinement-wrapper {
text-decoration: line-through
}
.ais-menu--link:hover,.ais-price-ranges--link:hover,.ais-hierarchical-menu--link:hover {
color: #636363
}
.ais-menu--count,.ais-hierarchical-menu--count,.ais-refinement-list--count {
float: right;
color: #666
}
#algolia_instant_selector .ais-refinement-list--list .sbx-sffv__wrapper {
width: 94%;
margin: 0 auto 5px
}
#algolia_instant_selector .ais-refinement-list--list .sbx-sffv__submit {
display: none
}
#algolia_instant_selector .ais-refinement-list--list .sbx-sffv__reset {
width: 10px;
margin-top: -30px;
margin-right: 7px;
background: 0 0;
border: none;
box-shadow: none
}
#algolia_instant_selector .ais-refinement-list--list .sbx-sffv__reset:hover {
background: 0 0
}
#algolia_instant_selector .ais-refinement-list--list .sbx-sffv__reset svg {
width: 15px;
height: 15px;
fill: #636363
}
#algolia_instant_selector .ais-refinement-list--list .sffv-no-results {
padding-left: 3%
}
.ais-range-slider .rheostat {
overflow: visible;
margin-top: 3em;
margin-bottom: 4em;
width: 88%;
margin-left: 6%
}
.ais-range-slider .rheostat-background {
background-color: #f3f4f7;
border: 1px solid #ddd;
border-right-width: 2px;
border-left-width: 2px;
position: relative
}
.ais-range-slider .rheostat-horizontal .rheostat-background {
height: 6px;
top: 0;
width: 100%
}
.ais-range-slider .rheostat-horizontal .rheostat-progress {
background-color: #b5b6b9;
position: absolute;
height: 4px;
top: 1px
}
.ais-range-slider .rheostat-horizontal .rheostat-handle {
margin-left: -12px;
top: -7px
}
.ais-range-slider--handle {
width: 20px;
height: 20px;
position: relative;
z-index: 1;
background: #fff;
border: 1px solid #c8c8c8;
border-radius: 50%;
cursor: pointer
}
.ais-range-slider--handle-lower {
margin-left: -9px !important
}
.ais-range-slider--tooltip {
position: absolute;
background: #fff;
top: -2em;
left: -50%;
min-width: 20px;
text-align: center;
font-size: .8em
}
.ais-range-slider--value {
width: 40px;
position: absolute;
text-align: center;
margin-left: -20px;
padding-top: 15px;
font-size: .8em
}
.ais-range-slider--marker {
position: absolute;
margin-left: -1px;
width: 1px;
height: 5px
}
.ais-range-slider--marker-large {
background: #ddd;
width: 2px;
margin-left: -2px;
height: 12px
}
.ais-range-slider--marker-large:first-child {
margin-left: 0
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info {
font-size:
}
#algolia-autocomplete-container .aa-dropdown-menu .before_special {
color: #aaa;
text-decoration: line-through;
font-size: 12px
}
#algolia-autocomplete-container.reverse .col3 {
border-top: 2px solid #eaeaea
}
#algolia-autocomplete-container .aa-dropdown-menu .tier_price {
color: #666;
font-size: 10px
}
#algolia-autocomplete-container .aa-dropdown-menu .tier_price .tier_value {
color: #ea247a;
font-size: 12px
}
#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .category-tag {
color: #3284b6
}
#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details {
font-size: 10px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details em {
color: #222
}
#algolia-autocomplete-tt.algolia-autocomplete {
width: 100%;
display: inline-block !important
}
#algolia-autocomplete-container .aa-dropdown-menu {
position: absolute;
z-index: 1000 !important;
background: #fff;
margin-top: 5px;
right: 0 !important;
border-top: 3px solid #ea247a;
box-shadow: 0 3px 3px rgba(43,47,48,.25)
}
#algolia-autocomplete-container .aa-dropdown-menu .col-2 {
position: relative
}
#algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-left {
width: 67%
}
#algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-right {
width: 33%
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products {
padding: 40px;
min-height: 250px
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title {
font-weight: 700;
margin-bottom: 30px;
font-size: 16px
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions {
margin-bottom: 30px
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a {
color: #636363;
font-weight: 700
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results {
padding: 10px;
font-style: italic
}
#algolia-autocomplete-container .aa-dropdown-menu .category {
padding: 4px;
text-align: left;
text-transform: uppercase;
font-weight: 700
}
#algolia-autocomplete-container .aa-dropdown-menu .category-suggestions {
padding: 4px;
color: #ea247a;
text-align: left;
font-size: .7em;
text-transform: uppercase
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit {
display: block;
position: relative;
padding: 5px 10px;
color: #000;
text-align: left;
text-decoration: none
}
#algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-suggestions .algoliasearch-autocomplete-hit {
padding-left: 30px
}
#algolia-autocomplete-container .aa-suggestions svg.algolia-glass-suggestion.magnifying-glass {
position: absolute;
right: auto;
left: 5px;
top: 7px;
fill: #a6a6a6;
stroke: #a6a6a6
}
#algolia-autocomplete-container .aa-dropdown-menu.aa-without-products .col9 {
background-color: #f9f9f9
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion {
display: inline-block;
width: 100%
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit {
padding: 15px 10px
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestions {
padding: 20px
}
.autocomplete-wrapper {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.autocomplete-wrapper:after {
clear: both;
content: ''
}
#algolia-autocomplete-container .col9 {
float: right;
box-sizing: border-box
}
#algolia-autocomplete-container .col3 {
float: right;
box-sizing: border-box
}
#algolia-autocomplete-container.reverse .col3 {
float: left;
min-width: 100%
}
#algolia-autocomplete-container.reverse .col9 {
float: left;
min-width: 100%;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex: 1;
flex: 1
}
#algolia-autocomplete-container .other-sections {
margin: 20px 10px 40px
}
#algolia-autocomplete-container .other-sections .algoliasearch-autocomplete-hit {
display: inline-block
}
.aa-dataset-suggestions {
display: none
}
.aa-dataset-products .aa-suggestions:after {
content: '';
display: block;
clear: both
}
#algolia-autocomplete-container .aa-dropdown-menu .other-sections .algoliasearch-autocomplete-hit {
padding-left: 10px
}
#algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-suggestions {
margin-bottom: 20px
}
#algolia-autocomplete-container .aa-dropdown-menu .aa-cursor .algoliasearch-autocomplete-hit {
background-color: #f2f2f2
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit em {
font-weight: 700;
font-style: normal
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb {
float: left
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img {
width: 50px
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info {
margin-left: 60px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: 'Quicksand-Bold'
}
#autocomplete-products-footer {
background-color: #f9f9f9;
text-align: center;
position: absolute;
width: 100%;
padding: 13px 0;
bottom: 0
}
.aa-dataset-products {
width: 100%
}
.algoliasearch-autocomplete-price {
color: #e72b78 !important
}
.algoliasearch-autocomplete-price span {
font-size: 15px
}
#algolia-autocomplete-container.reverse #autocomplete-products-footer {
right: auto;
left: 0
}
#algolia-autocomplete-container.reverse #autocomplete-products-footer a {
color: #000
}
#autocomplete-products-footer span {
color: #15769c;
font-weight: 600
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category {
font-size: .8em;
color: #666;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
display: none
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category em {
color: #222
}
#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia {
display: none
}
#algolia-autocomplete-container.reverse .aa-dropdown-menu .footer_algolia {
left: auto;
background: #fff
}
#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia span {
color: #b8b8b8;
font-size: 10px
}
#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia img {
display: inline;
height: 1.5em;
vertical-align: bottom;
max-width: 130px
}
#algolia-searchbox {
position: relative
}
#algolia-searchbox .clear-cross,#algolia_instant_selector .clear-cross {
position: absolute;
display: none;
background: url("data:image/svg+xml;utf8,") no-repeat center center/contain;
cursor: pointer;
width: 16px;
height: 16px
}
#algolia-searchbox .clear-query-autocomplete {
bottom: 22px;
right: 9px
}
#algolia_instant_selector .cross-wrapper .clear-refinement {
display: block;
position: relative;
top: 5px;
left: 5px
}
#algolia-searchbox .algolia-search-input {
position: static !important
}
#algolia-searchbox .algolia-search-input:focus {
outline: 0;
box-shadow: none
}
#algolia_instant_selector a,#algolia_instant_selector a:hover,#algolia_instant_selector a:focus {
outline: 0
}
#algolia_instant_selector:after {
content: "";
clear: both;
display: block
}
#algolia_instant_selector .title img {
width: 200px
}
#algolia_instant_selector .text-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
#algolia_instant_selector .ais-SearchBox-input {
float: left;
width: calc(100% - 140px);
height: 40px;
border: solid 2px #ea247a;
border-left: none;
padding-left: 6px;
padding-top: 2px
}
#algolia_instant_selector.with-facets #algolia-left-container {
min-height: 1px
}
#algolia_instant_selector .hits .infos {
margin: 0 15px;
padding: 6px 10px;
color: #aaa;
text-align: center;
background: #f4f4f4;
font-size: 12px;
clear: both;
line-height: 32px;
display: none
}
#algolia_instant_selector .hits .infos:after {
margin: 0 15px;
padding: 6px 10px;
color: #aaa;
text-align: center;
background: #f4f4f4;
font-size: 12px;
clear: both
}
#algolia_instant_selector .hits .infos strong {
color: #555
}
#algolia_instant_selector .hits .sort-by-label {
margin-right: 8px
}
#algolia_instant_selector .hits .no-results {
margin: 40px 25px;
color: #636363;
font-size: 16px
}
#instant-search-results-container .result-wrapper .product-reviews-summary {
display: none
}
#algolia_instant_selector a:hover {
color: #666
}
#algolia_instant_selector .hits .no-results strong {
color: #555
}
#algolia_instant_selector .hits .no-results .clear-button {
cursor: pointer
}
#algolia_instant_selector .hits .no-results .popular-searches {
text-align: left;
margin-top: 20px;
margin-bottom: 30px
}
#algolia_instant_selector .ais-hits--item .product-reviews-summary {
text-align: center;
margin-top: 5px;
margin-bottom: 5px
}
.ais-infinite-hits--showmore {
clear: both;
text-align: center
}
.ais-InfiniteHits-loadMore {
border: none;
background: #ea247a;
color: #fff
}
#algolia_instant_selector .infos .algolia-logo {
font-size: 10px
}
#algolia_instant_selector .facets {
padding-top: 50px
}
#algolia_instant_selector .ais-current-refined-values.facet .ais-current-refined-values--body {
padding-left: 8px
}
#algolia_instant_selector .facet {
margin-bottom: 15px;
padding-bottom: 6px;
background-color: #fff;
border: solid 1px #efefef
}
#algolia_instant_selector .facet:not(:first-child) {
margin-top: 10px
}
#algolia_instant_selector .ais-header {
margin-bottom: 7px
}
#algolia_instant_selector .ais-header.ais-current-refined-values--header {
margin-bottom: 13px
}
#algolia_instant_selector .facet .name {
padding: 4px 8px;
font-weight: 500;
background-color: #f4f4f4;
color: #757575;
text-align: left;
text-transform: uppercase
}
.ais-current-refined-values.facet {
position: relative
}
#algolia_instant_selector .as-range-slider--base {
margin-top: 45px
}
#algolia_instant_selector .hierarchical .ais-hierarchical-menu--list {
padding-left: 10px
}
#algolia_instant_selector .hierarchical .ais-hierarchical-menu--list.ais-hierarchical-menu--list__lvl0 {
padding-left: 0
}
#algolia_instant_selector .facet .sub_facet:not(:last-child) {
border-bottom: 1px dotted #e0e0e0
}
#algolia_instant_selector .text-center {
text-align: center
}
#algolia_instant_selector em {
background-color: #cfeafa;
font-style: normal
}
#algolia_instant_selector h1 {
margin: 0
}
#algolia_instant_selector .result {
display: block;
margin: 15px 0;
background-color: #fff
}
#algolia_instant_selector .price-wrapper {
height: 25px
}
#algolia_instant_selector .result:hover {
border-color: #b9b9b9;
text-decoration: none
}
#algolia_instant_selector .result .result-thumbnail {
text-align: center
}
#algolia_instant_selector .result .result-thumbnail img {
display: inline;
width: 100%
}
#algolia_instant_selector .product-info-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 110px
}
#algolia_instant_selector .product-info-container .product-item-details {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-ms-flex-direction: column;
flex-direction: column
}
#algolia_instant_selector .product-info-container .small-product-img {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
margin-left: 5px
}
#algolia_instant_selector .product-info-container .result-title {
font-size: 13px;
font-weight: 500;
line-height: 1.1;
text-align: left;
margin-bottom: calc(20px - 10px)
}
#algolia_instant_selector .product-info-container .price {
margin-top: auto
}
#algolia_instant_selector .product-info-container .price .price-wrapper span {
color: #e72b78;
font-size: 15px;
font-family: 'Quicksand-Bold'
}
#algolia_instant_selector .product-info-container .price .price-wrapper .after_special:before {
content: "From: ";
display: inline-block;
font-size: 12px;
line-height: 1;
font-weight: 400;
color: #2b2f30
}
.ais-InfiniteHits {
padding: 0 !important
}
#algolia_instant_selector .result .ratings .rating-box {
margin: 0 auto 10px;
float: inherit
}
#algolia_instant_selector h3 {
margin-bottom: 0
}
#algolia_instant_selector .result .price {
font-size: 14px;
color: #2b2f30
}
#algolia_instant_selector .result .result-title {
font-size: 13px;
color: #333;
font-family: 'Quicksand-Bold'
}
#algolia_instant_selector .ui-widget-header {
background-color: #bcbcbc
}
#algolia_instant_selector .result-thumbnail img {
width: 100%
}
.ais-CurrentRefinements-item {
display: -ms-grid !important;
display: grid !important
}
.ais-SearchBox {
margin-bottom: 0;
padding: 0 10px
}
.ais-SearchBox-reset {
width: 10%;
height: 38px !important
}
#algolia_instant_selector .ais-SearchBox-input {
padding-top: 0;
width: 100%;
position: relative
}
#algolia_instant_selector .ais-SearchBox-input:after {
clear: both;
content: "";
display: block
}
#algolia_instant_selector .as-search-box--input {
width: 100%;
height: 40px
}
#algolia_instant_selector .ais-SearchBox-input:focus {
outline: 0;
box-shadow: none
}
#algolia_instant_selector .ais-SearchBox label {
display: none
}
#algolia_instant_selector .instant-search-bar-label {
background-color: #ea247a;
height: 40px;
line-height: 26px;
padding: 8px 12px;
color: #fff;
float: left;
width: 140px;
text-align: left
}
.ais-search-box--magnifier {
background: 0 0;
position: absolute;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
top: 8px;
left: 7px;
display: none
}
.ais-search-box--magnifier svg {
display: block;
vertical-align: middle;
height: 23px;
width: 23px;
fill: #fff;
stroke: #fff
}
.ais-search-box--reset {
background: 0 0 !important;
box-shadow: none !important;
cursor: pointer;
position: absolute;
top: 5px;
right: 5px;
margin: 0;
border: 0;
padding: 7px 8px !important;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.ais-search-box--reset svg {
display: block;
width: 17px;
height: 17px;
fill: #636363;
float: right
}
#algolia_instant_selector .before_special {
color: #aaa;
text-decoration: line-through;
font-size: 12px
}
#algolia_instant_selector .tier_price {
color: #666;
font-size: 12px
}
#algolia_instant_selector .tier_price .tier_value {
color: #ea247a;
font-size: 1.4rem
}
#algolia_instant_selector button:hover {
background: #2e8ab8 none repeat scroll 0 0;
cursor: pointer
}
.ais-price-ranges--button {
background: #39c none repeat scroll 0 0;
padding: 5px 15px;
margin-left: 10px;
border: 0 none;
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 19px;
text-align: center;
text-transform: uppercase;
vertical-align: middle
}
#algolia_instant_selector .pull-left {
float: left
}
#algolia_instant_selector .pull-right {
float: right
}
#algolia_instant_selector #refine-toggle {
text-align: center;
height: 40px;
line-height: 40px;
border: solid 1px #ededed;
margin: 10px 0 20px;
font-weight: 700;
cursor: pointer
}
#algolia-static-content {
margin-bottom: 20px
}
#algolia_instant_selector,#algolia_instant_selector *,#search_mini_form,#search_mini_form * {
box-sizing: border-box
}
#algolia_instant_selector:before,#algolia_instant_selector:after,#algolia_instant_selector *:before,#algolia_instant_selector *:after,#search_mini_form:before,#search_mini_form:after,#search_mini_form *:before,#search_mini_form *:after {
box-sizing: border-box
}
#search_mini_form label {
display: none
}
#algolia_instant_selector .col-md-3,#algolia_instant_selector .col-md-4,#algolia_instant_selector .col-md-12 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px
}
#algolia_instant_selector .row:before,#algolia_instant_selector .row:after {
content: " ";
display: table
}
#algolia_instant_selector .row:after {
clear: both
}
#algolia_instant_selector .visible-xs,#algolia_instant_selector .visible-sm {
display: none!important
}
#algolia_instant_selector .hidden-xs,#algolia_instant_selector .hidden-sm {
display: block !important
}
.algolia-clearfix {
clear: both
}
#algolia-autocomplete-container:after,.autocomplete-wrapper:after {
clear: both;
content: ''
}
header .header.content .block.block-search .algolia-search-button:after {
background: url(../images/icons/search-input.svg) !important;
width: 20px;
height: 19px;
margin: 0;
position: absolute;
top: 10px;
right: 0
}
#instant-search-results-container .result-wrapper {
min-height: 400px;
padding: 0
}
.algoliasearch-autocomplete-price .after_special:before {
content: "From: ";
display: inline-block;
font-size: 12px;
line-height: 1;
font-weight: 400;
color: #2b2f30
}
.owl-carousel {
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .slider_item:not(:first-child) {
display: none
}
.owl-carousel img {
display: block
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px,0px,0px)
}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
display: none
}
.owl-carousel .owl-nav {
position: absolute;
top: 50%;
right: 0;
left: 0;
display: -ms-flexbox;
display: flex;
transform: translateY(-50%);
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px
}
.owl-carousel .owl-nav .nav-item {
width: 34px;
height: 34px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
transition: color .4s ease-in-out;
color: #fff
}
.owl-carousel .owl-nav .nav-item:hover {
color: #e31a82
}
.owl-carousel .owl-nav .nav-item span {
font-weight: 200;
font-size: 66px
}
.owl-carousel .owl-nav .nav-item.owl-next {
margin-left: auto
}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background: rgb(0 0 0/15%);
border: none;
height: 45px;
width: 45px;
border-radius: 35px;
font-size: 25px;
color: #fff
}
.owl-carousel .owl-nav .owl-prev span,.owl-carousel .owl-nav .owl-next span {
position: relative;
bottom: 2px
}
.owl-carousel .owl-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
-ms-flex-pack: center;
justify-content: center
}
.owl-carousel .owl-dots button {
margin: 0 5px
}
.owl-carousel button.owl-dot {
background: #fff;
color: transparent;
padding: 0 !important;
font: inherit;
width: 25px;
height: 10px;
border-radius: 15px;
border: 1px solid #3d3936;
transition: background .2s ease-in-out
}
.owl-carousel button.owl-dot.active {
background: #e31a82;
border: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loaded .slider_item:not(:first-child) {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("../../../../../frontend/Magento/blank/en_GB/Mageplaza_Core/css/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom:1;*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
.slider_item-content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
background: rgba(143,140,195,.75);
padding: 40px 10px 10px;
max-width: 50%;
text-align: center
}
.slider_item-content .wrapper {
width: auto;
display: block;
margin: 0 auto
}
.slider_item-content .percentage {
color: #fff;
position: relative;
text-transform: uppercase;
font-weight: 700;
margin: 0 auto;
padding-top: 15px
}
.slider_item-content .percentage .num {
font-size: 76px
}
.slider_item-content .percentage .txt-upto {
position: absolute;
top: -23px;
font-size: 20px
}
.slider_item-content .percentage .sym {
position: absolute;
top: 5px;
font-size: 45px
}
.slider_item-content .percentage .txt-off {
font-size: 20px
}
.slider_item-content p {
font-size: 15px;
letter-spacing: -.75px;
line-height: 1.25;
max-width: 80%;
margin: .5em auto
}
.slider_item-content a {
display: block;
text-align: center;
border: 1px solid #fff;
color: #fff;
font-weight: 700;
letter-spacing: -.65px;
text-transform: uppercase;
padding-top: 2px
}
.slider_item-content a:hover,.slider_item-content a:focus {
color: #e31a82;
background: #fff
}
.carousel-wrapper {
width: 100%
}
.carousel-wrapper .owl-carousel {
margin: 0
}
.carousel-wrapper .owl-stage {
display: -ms-flexbox;
display: flex;
height: 100%
}
.carousel-wrapper .owl-item .product-item {
padding: 0
}
.confidence_messages-container {
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: end;
align-self: flex-end
}
.confidence_messages-container .owl-stage-outer {
margin-right: 1px
}
.confidence_messages-container .owl-stage {
display: -ms-flexbox;
display: flex
}
.confidence_messages-container .confidence_messages {
max-width: 1240px;
margin: 0 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
letter-spacing: -.15px
}
.confidence_messages-container .confidence_message_item {
width: 100%;
display: -ms-flexbox;
display: flex
}
.confidence_messages-container-247 {
padding: 9px 0;
min-height: 48px
}
.trustpilot-widget iframe {
height: 50px
}
.tp-widget-logo {
margin: 0 auto
}
.confidence-message-item-container {
-ms-flex-positive: 1;
flex-grow: 1
}
.confidence_messages-container-247 .confidence_messages {
max-width: 1240px;
margin: 0 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
letter-spacing: -.15px
}
.confidence_heading {
display: -ms-flexbox;
display: flex;
height: 30px;
-ms-flex-align: center;
align-items: center
}
.confidence_heading span {
font-family: 'Cocogoose';
font-size: 20px;
line-height: 1
}
.confidence_messages-container-247 .confidence_message_item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.confidence_messages-container-247 .confidence_messages .confidence_message_item .trustpilot-widget {
top: 5px
}
.checkout-cart-index .confidence_messages-container-247 .confidence_messages,.checkout-index-index .confidence_messages-container-247 .confidence_messages {
max-width: 990px
}
.checkout-cart-index .confidence_messages-container-247,.checkout-index-index .confidence_messages-container-247,.checkout-cart-index .confidence_messages-container,.checkout-index-index .confidence_messages-container {
background: #fff
}
.checkout-index-index .confidence_messages>div:first-of-type,.checkout-cart-index .confidence_messages>div:first-of-type {
display: none
}
.confidence-heading-free-delivery {
display: none
}
.checkout-index-index .confidence-heading-free-delivery,.checkout-cart-index .confidence-heading-free-delivery {
display: block
}
.checkout-index-index .confidence-heading-low-prices,.checkout-cart-index .confidence-heading-low-prices {
display: none
}
.checkout-index-index .mobile-nav-1.confidence-message-item-container,.checkout-cart-index .mobile-nav-1.confidence-message-item-container {
display: none
}
.checkout-index-index .confidence_messages-container,.checkout-cart-index .confidence_messages-container {
display: none
}
.navigation .level0.active>a:not(.ui-state-active) span:not(.ui-menu-icon),.navigation .level0.has-active>a:not(.ui-state-active) span:not(.ui-menu-icon) {
margin-left: 0
}
.desktop-nav-icon-svg {
float: left;
margin-right: 10px;
position: relative;
top: -3px
}
button {
font-family: 'Quicksand-Semibold';
height: 36px
}
button:not(.primary) {
box-shadow: none
}
button.action,button.action-primary {
display: inline-block;
vertical-align: middle;
margin: 0;
font-weight: unset;
cursor: pointer;
text-align: center;
transition: background-color .25s ease-out,color .25s ease-out;
padding: 5px 15px 6px;
border-radius: 5px;
border: none;
background: #e31a82;
color: #fff;
text-transform: unset;
font-family: 'Quicksand-Bold'
}
button.action:hover,button.action-primary:hover {
background: #ff5da4;
border: 0;
color: #fff
}
button.action.clear,button.action.update,button.action-primary.clear,button.action-primary.update {
color: #3d3936;
margin-bottom: calc(20px - 5px)
}
button.action.secondary,button.action-secondary {
text-align: center;
background: #e31a82;
color: #fff;
transition: background-color .25s ease-out,color .25s ease-out;
transition: font-color .25s ease-out,color .25s ease-out;
margin: 0;
padding: 8px 15px;
display: inline-block;
font-family: 'Quicksand-Bold'
}
button.action.secondary:hover,button.action-secondary:hover {
background: #e6e6e6;
color: #3d3936
}
button.action.primary {
display: inline-block;
vertical-align: middle;
margin: 0;
font-weight: unset;
cursor: pointer;
text-align: center;
transition: background-color .25s ease-out,color .25s ease-out;
padding: 5px 15px 6px;
border-radius: 5px;
border: none;
background: #e31a82;
color: #fff !important;
text-transform: unset;
font-family: 'Quicksand-Bold'
}
button.action.primary:hover {
background: #ff5da4;
border: 0;
color: #fff
}
button.close,button.action-close,button.action-auth-toggle {
padding: 0;
background: initial;
color: #222;
border: initial;
text-align: right;
width: initial
}
button.close:hover,button.action-close:hover,button.action-auth-toggle:hover {
background: initial
}
button.subscribe,button.search {
padding: calc(20px - 10px) calc(20px - 5px)
}
button#btn-minicart-close {
display: block;
margin: 0 0 calc(20px - 5px) auto
}
button span {
font-size: unset
}
button.action.red {
text-align: center;
background: #d20000;
color: #fff;
transition: background-color .25s ease-out,color .25s ease-out;
margin: 0;
border-radius: 0 !important;
padding: 8px 15px;
display: inline-block;
font-weight: 400
}
button.action.red:hover,button.action.red:focus {
background: red
}
button.action.green {
text-align: center;
background: #00a4a4;
color: #fff;
transition: background-color .25s ease-out,color .25s ease-out;
margin: 0;
border-radius: 5px !important;
padding: 8px 15px;
display: inline-block;
font-weight: 400
}
button.action.green:hover,button.action.green:focus {
background: #017f4e
}
button.action.sea-green {
text-align: center;
background: #00a4a4;
color: #fff;
transition: background-color .25s ease-out,color .25s ease-out;
margin: 0;
border-radius: 0 !important;
padding: 5px 15px 6px;
display: inline-block;
font-weight: 400;
text-transform: unset
}
button.action.sea-green:hover,button.action.sea-green:focus {
background: #007f80
}
button.action.pink {
text-align: center;
background: #e31a82;
color: #fff;
transition: background-color .25s ease-out,color .25s ease-out;
margin: 0;
border-radius: 5px !important;
padding: 5px 15px 6px;
display: inline-block;
text-transform: unset;
font-family: 'Quicksand-Bold'
}
button.action.pink:hover,button.action.pink:focus {
background: #720d41
}
button.txt-button {
background: 0 0;
border: 0;
font-weight: 400;
font-size: 14px;
height: auto;
text-decoration: underline;
width: auto;
display: inline;
transition: color .4s ease-in-out
}
button.txt-button span {
font-size: calc(12px + 2*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
button.txt-button span {
font-size:14px
}
}
@media screen and (max-width: 420px) {
button.txt-button span {
font-size:12px
}
}
button.txt-button:hover {
color: #e31a82
}
.order-review-form .action.primary,.bundle-actions .action.primary.customize,.bundle-options-container .block-bundle-summary .box-tocart .action.primary,.box-tocart .action.tocart,.cart-summary .checkout-methods-items .action.primary.checkout,.block-minicart .block-content>.actions>.primary .action.primary,.methods-shipping .actions-toolbar .action.primary,.block-authentication .action.action-register,.block-authentication .action.action-login,.checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary,.form-address-edit .actions-toolbar .action.primary,.box-tocart .action.instant-purchase,.multicheckout .action.primary {
padding: 8px 15px !important;
font-size: calc(12px + 2*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.order-review-form .action.primary,.bundle-actions .action.primary.customize,.bundle-options-container .block-bundle-summary .box-tocart .action.primary,.box-tocart .action.tocart,.cart-summary .checkout-methods-items .action.primary.checkout,.block-minicart .block-content>.actions>.primary .action.primary,.methods-shipping .actions-toolbar .action.primary,.block-authentication .action.action-register,.block-authentication .action.action-login,.checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary,.form-address-edit .actions-toolbar .action.primary,.box-tocart .action.instant-purchase,.multicheckout .action.primary {
font-size:14px
}
}
@media screen and (max-width: 420px) {
.order-review-form .action.primary,.bundle-actions .action.primary.customize,.bundle-options-container .block-bundle-summary .box-tocart .action.primary,.box-tocart .action.tocart,.cart-summary .checkout-methods-items .action.primary.checkout,.block-minicart .block-content>.actions>.primary .action.primary,.methods-shipping .actions-toolbar .action.primary,.block-authentication .action.action-register,.block-authentication .action.action-login,.checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary,.form-address-edit .actions-toolbar .action.primary,.box-tocart .action.instant-purchase,.multicheckout .action.primary {
font-size:12px
}
}
button.switch {
padding: 0;
background: #999
}
button.switch:hover {
background: #222
}
.action.primary:focus,.action.primary:active {
background: #5f5954;
border: 0
}
.catalog-category-view .page-main,.catalogsearch-result-index .page-main {
max-width: 1300px !important
}
.catalog-category-view .page-title-wrapper,.catalogsearch-result-index .page-title-wrapper {
margin-bottom: 18px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-ms-flex-align: start;
align-items: flex-start
}
.catalog-category-view .page-title-wrapper h1,.catalogsearch-result-index .page-title-wrapper h1 {
margin: 0;
width: 100%;
color: #e31a82
}
.catalog-category-view .page-title-wrapper h1 span,.catalogsearch-result-index .page-title-wrapper h1 span {
color: #e31a82
}
.catalog-category-view .category-view .category-description,.catalogsearch-result-index .category-view .category-description {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0
}
.catalog-category-view .category-view .category-description .description,.catalogsearch-result-index .category-view .category-description .description {
max-width: 565px;
width: 100%;
font-weight: 200;
font-size: calc(14px + 8*((100vw - 420px)/860));
line-height: 1.3;
padding-left: 26px
}
@media screen and (min-width: 1280px) {
.catalog-category-view .category-view .category-description .description,.catalogsearch-result-index .category-view .category-description .description {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.catalog-category-view .category-view .category-description .description,.catalogsearch-result-index .category-view .category-description .description {
font-size:14px
}
}
.catalog-category-view .category-view .category-description img,.catalogsearch-result-index .category-view .category-description img {
width: 100%;
max-width: 470px
}
.catalog-category-view .category-view .category-description h1,.catalogsearch-result-index .category-view .category-description h1 {
color: #e31a82;
font-weight: 700;
font-size: calc(16px + 12*((100vw - 420px)/860));
line-height: 1;
margin-bottom: 5px
}
@media screen and (min-width: 1280px) {
.catalog-category-view .category-view .category-description h1,.catalogsearch-result-index .category-view .category-description h1 {
font-size:28px
}
}
@media screen and (max-width: 420px) {
.catalog-category-view .category-view .category-description h1,.catalogsearch-result-index .category-view .category-description h1 {
font-size:16px
}
}
.catalog-category-view .amasty-catalog-topnav .filter-content,.catalogsearch-result-index .amasty-catalog-topnav .filter-content {
padding: 0 !important
}
.catalog-category-view .amasty-catalog-topnav .filter-options,.catalogsearch-result-index .amasty-catalog-topnav .filter-options {
border-top: 0;
-ms-flex-wrap: initial;
flex-wrap: initial;
min-height: auto;
border-bottom: 0
}
.catalog-category-view .catalog-topnav,.catalogsearch-result-index .catalog-topnav {
display: block !important;
margin: 0
}
.catalog-category-view .catalog-topnav .top-layer-nav .block.filter,.catalogsearch-result-index .catalog-topnav .top-layer-nav .block.filter {
display: block
}
.catalog-category-view .catalog-topnav .block.filter,.catalogsearch-result-index .catalog-topnav .block.filter {
display: none
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content {
position: relative;
z-index: 1;
border: 0;
padding: 0
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content li,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content li {
width: 100%
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content li a,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content li a {
display: -ms-flexbox;
display: flex;
padding: 5px 0;
margin: 0 !important
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content li a.amshopby-link-selected span.label,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content li a.amshopby-link-selected span.label {
font-weight: 500
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content .items-children,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content .items-children {
display: none
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content form,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content form {
margin: 0
}
.catalog-category-view .top-container .page-top-container,.catalogsearch-result-index .top-container .page-top-container {
padding-left: 0 !important;
padding-right: 0 !important
}
.catalog-category-view .amscroll-page-num,.catalogsearch-result-index .amscroll-page-num {
display: none
}
.products {
margin: 0
}
.products .product-items .product-item-name {
margin: 0 0 5px;
display: block
}
.products .product-items .price-box {
margin: calc(20px - 5px) 0 20px
}
.products .product-items .product-item-name {
margin: 0 0 5px;
display: block;
line-height: 17px
}
.products .product-items .price-box {
margin: calc(20px - 5px) 0 20px
}
.page-products.catalog-category-view .products-grid .product-items .product-item .product-item-info,.page-products.catalogsearch-result-index .products-grid .product-items .product-item .product-item-info {
max-width: 237px;
margin: 0 auto;
width: initial !important
}
.page-products.catalog-category-view .products-grid .product-items .banner.banner-item,.page-products.catalogsearch-result-index .products-grid .product-items .banner.banner-item {
width: 100%;
display: block;
clear: both;
margin: 20px 0
}
.toolbar-master-container .b247_sorter .sorter-collapsible .sorter-title {
display: -ms-flexbox;
display: flex;
position: relative;
cursor: pointer;
margin: 10px 0
}
.toolbar-master-container .b247_sorter .sorter-collapsible .sorter-title span {
display: block;
width: 100%;
cursor: pointer
}
.toolbar-master-container .b247_sorter .sorter-collapsible .sorter-title span:after {
content: "" !important;
height: 7px;
width: 12px;
background-image: url(../images/icons/arrow-down.svg);
right: 5px;
top: 9px;
position: absolute;
transition: .4s cubic-bezier(.65,.05,.36,1)
}
.toolbar-master-container .b247_sorter .sorter-collapsible.active .sorter-title span:after {
content: " ";
transform: scaleY(-1)
}
.toolbar-master-container .b247_sorter .sorter-collapsible.active .sorter-title span:before {
content: "";
transform: rotate(90deg)
}
.toolbar-master-container .b247_sorter .content {
text-align: left;
display: block
}
.toolbar-master-container .b247_sorter .content .filed {
display: -ms-flexbox;
display: flex;
position: relative
}
.toolbar-master-container .b247_sorter .content .filed input {
width: 100%;
height: 100%;
margin: 0;
padding: 0
}
.toolbar-master-container .b247_sorter .content .filed label {
font-size: 15px;
font-weight: 300
}
.range-wrapper {
display: -ms-flexbox;
display: flex;
margin: 30px 0;
padding: 0 20px
}
.range-wrapper .bluefoot-column {
padding: 0
}
.range-wrapper img {
float: right
}
.range-wrapper h2 span {
color: #e31a82;
font-weight: 700;
font-size: calc(16px + 12*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.range-wrapper h2 span {
font-size:28px
}
}
@media screen and (max-width: 420px) {
.range-wrapper h2 span {
font-size:16px
}
}
.range-wrapper .text-box {
font-size: calc(14px + 8*((100vw - 420px)/860));
line-height: calc(16px + 12*((100vw - 420px)/860));
font-weight: 200
}
@media screen and (min-width: 1280px) {
.range-wrapper .text-box {
line-height:28px
}
}
@media screen and (max-width: 420px) {
.range-wrapper .text-box {
line-height:16px
}
}
@media screen and (min-width: 1280px) {
.range-wrapper .text-box {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.range-wrapper .text-box {
font-size:14px
}
}
.catalogsearch-result-index dl.block {
display: none
}
.catalogsearch-result-index .block.filter .filter-content {
padding: 0 !important
}
.filter-icon {
margin-right: 10px;
display: inline-block;
cursor: pointer;
pointer-events: none
}
.bar1,.bar2 {
width: 22px;
height: 2px;
background-color: #ea247a;
margin: 4px 0;
transition: .4s;
pointer-events: none
}
.bar3 {
width: 13px;
height: 2px;
background-color: #ea247a;
margin: 4px 0;
transition: .4s;
pointer-events: none
}
.change .bar1,.change .bar2,.change .bar3 {
width: 13px;
background-color: #50636d
}
.catalog-category-view .has-header-img.page-title-wrapper h1 span {
font-size: 32px;
color: #fff;
font-family: 'Quicksand-Bold'
}
.catalog-category-view .has-header-img.page-title-wrapper .image-title-wrapper {
position: relative
}
.catalog-category-view .has-header-img.page-title-wrapper .image-title-wrapper .page-title {
position: absolute;
width: 100%;
bottom: 15px;
z-index: 1
}
.category-image-header {
width: 100%;
height: auto;
display: block;
position: relative
}
.plp-expandable-content {
width: 100%;
margin: 0 auto;
position: relative;
padding: 10px 0
}
.plp-expandable-content-text {
font-size: 16px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
max-height: 3em;
position: relative
}
.plp-read-more-button {
display: block;
cursor: pointer;
text-decoration: underline
}
.plp-quick-links {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
position: relative;
padding: 5px 0
}
.plp-quick-links-item {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 5px 10px;
margin: 0 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
background: #f2ccd6;
border-radius: 5px
}
.plp-quick-links-item:first-child {
margin-left: 0
}
.plp-quick-links-item .label {
font-family: 'Quicksand-Bold';
color: #3d3936;
font-size: 16px;
padding: 5px 0
}
.plp-quick-links-item a {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
color: #3d3936
}
.second-level,#product-addtocart-button {
display: none
}
.blinds-product-options .get-price {
float: left
}
.products .product-items {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: row;
flex-direction: row
}
.products .product-items .range-item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 1027px
}
.products .product-items .range-item .range-content {
text-align: center
}
.products .product-items .range-item .range-content .block.content {
margin: 0;
padding-bottom: 15px
}
.products .product-items .range-item .range-content .block.banner {
display: none !important;
background: #00a4a4;
color: #fff;
padding: 10px 10px 4px !important;
margin: 15px 0
}
.products .product-items .range-item .range-content .block.banner .deadline {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 15px;
width: 100%
}
.products .product-items .range-item .range-content .block.banner .discount {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center
}
.products .product-items .range-item .range-content .block.banner .discount .left {
text-align: left
}
.products .product-items .range-item .range-content .block.banner .discount .left>span {
display: block;
text-transform: uppercase;
font-weight: 700
}
.products .product-items .range-item .range-content .block.banner .discount .left>span#totaloffer_247 {
font-size: 60px;
line-height: 45px
}
.products .product-items .range-item .range-content .block.banner .discount .right {
-ms-flex-item-align: end;
align-self: flex-end;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.products .product-items .range-item .range-content .block.banner .discount .right span {
font-weight: 700;
text-transform: uppercase
}
.products .product-items .range-item .range-content .block.banner .discount .right .sym {
font-size: 37px
}
.products .product-items .range-item .range-content .block.banner .discount .right .off {
padding-bottom: 3px
}
.products .product-items .range-item .range-content .block.banner .deadline span {
font-size: 12px
}
.products .product-items .range-item h3 {
font-family: 'Quicksand-Bold';
color: #e31a82;
font-size: 25px;
padding-bottom: 5px !important
}
.products .product-items .range-item p {
font-size: 14px
}
.products .product-items .product-item {
padding: 10px 5px !important;
margin: 0 !important;
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
float: left
}
.products .product-items .product-item .product-info-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.products .product-items .product-item .product-info-container .product-item-details .product-item-name a {
font-family: 'Quicksand-Bold';
font-size: 13px;
font-weight: 600;
line-height: 14px
}
.products .product-items .product-item .product-info-container .product-item-details .price-container {
margin-top: auto
}
.products .product-items .product-item .product-info-container .product-item-details .price-container .price {
color: #e72b78;
font-size: 16px;
font-family: 'Quicksand-Bold'
}
.products .product-items .product-item .product-info-container .product-item-details .price-container.price-price_from .price:before {
content: "From:";
display: inline-block;
margin-right: 5px;
font-size: 13px;
line-height: 1;
font-family: 'Quicksand-Bold';
color: #3d3936
}
.products .product-items .product-item .product-info-container .small-product-img {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
margin-left: 5px
}
.products .product-items .product-item .product-item-details {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start
}
.products .product-items .product-item .product-item-name {
min-height: 54px;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none
}
.products .product-items .product-item .product-item-actions {
margin-top: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
.products .product-items .product-item .product-item-actions .actions-primary {
display: block
}
.products .product-items .product-item .product-item-actions .actions-secondary {
display: none
}
.products .product-items .product-item .price-box {
margin: 0 0 5px
}
.product-item-actions {
display: block
}
.product-image-container {
width: 100%;
margin-bottom: 10px
}
.product-image-photo {
position: relative;
width: 100%;
height: 100%
}
.catalog-product-view .page-main {
max-width: 1240px!important;
padding-top: 0
}
.catalog-product-view [data-content-type=row][data-appearance=contained] {
width: 100%
}
.catalog-product-view .discount-msg.savings {
display: -ms-flexbox;
display: flex;
background-image: url(../images/offer-bg-dp.png);
max-width: 698px;
padding: 10px;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 6px auto;
color: #fff;
-ms-flex-direction: column;
flex-direction: column;
background-repeat: no-repeat;
background-size: cover
}
.catalog-product-view .discount-msg.savings .discount-msg-saving {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
font-family: 'Devant';
font-size: 45px;
text-transform: uppercase;
line-height: calc(45px + 0*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.catalog-product-view .discount-msg.savings .discount-msg-saving {
line-height:45px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .discount-msg.savings .discount-msg-saving {
line-height:45px
}
}
.catalog-product-view .discount-msg.savings .discount-msg-saving span {
font-size: 45px;
line-height: revert-layer
}
.catalog-product-view .discount-msg.savings .discount-msg-saving .sym {
padding-right: 10px
}
.catalog-product-view .discount-msg.savings .discount-msg-note {
text-align: center;
font-size: 20px;
line-height: calc(15px + 12*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.catalog-product-view .discount-msg.savings .discount-msg-note {
line-height:27px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .discount-msg.savings .discount-msg-note {
line-height:15px
}
}
.catalog-product-view .discount-msg.savings .discount-msg-note .deadline {
font-size: 15px;
line-height: calc(15px + 0*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.catalog-product-view .discount-msg.savings .discount-msg-note .deadline {
line-height:15px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .discount-msg.savings .discount-msg-note .deadline {
line-height:15px
}
}
.catalog-product-view .product-info-main .field.measure-options .control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
margin-bottom: 20px
}
.catalog-product-view .product-info-main .field.measure-options .control .choice {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px
}
.catalog-product-view .product-info-main .field.measure-options .control .choice+.choice {
padding-left: 0
}
.catalog-product-view .product-info-main .field.measure-options .control .choice input[type=radio],.catalog-product-view .product-info-main .field.measure-options .control .choice input[type=checkbox] {
display: none;
cursor: pointer
}
.catalog-product-view .product-info-main .field.measure-options .control .choice input[type=radio]:checked+label:after {
content: "";
background-color: #e31a82
}
.catalog-product-view .product-info-main .field.measure-options .control .choice label {
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
cursor: pointer
}
.catalog-product-view .product-info-main .field.measure-options .control .choice label:before {
display: none
}
.catalog-product-view .product-info-main .field.measure-options .control .choice label:after {
content: "";
display: -ms-flexbox;
display: flex;
font-weight: 400;
background: #eff2f7;
font-size: 1.6rem;
color: #111;
border: 5px solid #dfe0e1;
border-radius: 50%;
width: 20px !important;
height: 20px !important
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options {
margin-bottom: 12px;
gap: 30px
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field {
-ms-flex: 1;
flex: 1
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field label.label {
display: block;
margin-bottom: 10px
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group {
position: relative
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group .control.show-measure-inches {
max-width: 100%;
position: relative
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group .control.show-measure-inches:before {
position: absolute;
content: "";
height: 40px;
top: 2px;
right: 51px;
width: 1px;
background-color: #ccc
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group .control.show-measure-inches input {
padding-top: 5px;
border: 1px solid #eff2f7 !important
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group .control.show-measure-inches input:focus {
box-shadow: 0px 2px 2px 1px #d3649e
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group .control.show-measure-inches select {
position: absolute;
width: 50px !important;
right: 0;
top: 0;
border: none !important;
height: 44px !important;
border-radius: 1px;
color: #232f3b;
padding: 0 14px 0 !important;
text-align: -webkit-center;
text-align: center;
background: 0 0;
outline: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group label:first-child {
top: 13px;
color: #232f3b;
font-size: 14px;
font-weight: 400;
position: absolute;
z-index: 5;
left: 18px;
display: block;
transition: .2s
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group label:first-child:has(+.input-text:focus),.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group label:first-child:has(~.show-measure-inches .input-text:focus) {
font-size: 8px;
color: #6874a2;
top: 7px
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group label:first-child:has(+.input-text:not(:placeholder-shown)),.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group label:first-child:has(~.show-measure-inches .input-text:not(:placeholder-shown)) {
font-size: 8px;
color: #6874a2;
top: 7px
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group input.input-text:focus {
box-shadow: 0 0 3px 1px #e21a82
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group input.input-text {
width: 100%;
border: 0;
border: 1px solid transparent;
outline: 0;
font-size: 14px;
color: #212121;
padding: 0 45px 0 17px;
background: #eff2f7;
transition: border-color .2s;
height: 40px;
border-radius: 5px;
box-shadow: unset
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group input.input-text:-ms-input-placeholder {
color: transparent
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group input.input-text::placeholder {
color: transparent
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group input:valid~span:first-child {
font-size: 16px;
cursor: text;
top: 20px
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .input_group .unit {
display: block;
position: absolute;
right: 17px;
top: 25px;
transform: translateY(-60%);
color: #6874a2;
font-weight: 400;
text-transform: uppercase
}
.catalog-product-view .product-info-main .fieldset.blinds-measure-options .field .info-input {
color: #6874a2;
font-size: 12px;
display: -ms-flexbox;
display: flex;
gap: 16px;
margin-top: 6px
}
.catalog-product-view .product-info-main .banner-wrapper,.catalog-product-view .product-info-main .fasttrack {
clear: both
}
.catalog-product-view .product-info-main .fasttrack {
padding: 10px 0 15px;
text-align: center;
border-radius: 5px
}
.catalog-product-view .product-info-main .fasttrack .box-icon {
display: none
}
.catalog-product-view .product-info-main .fasttrack.banner p {
font-size: calc(14px + 8*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.catalog-product-view .product-info-main .fasttrack.banner p {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .product-info-main .fasttrack.banner p {
font-size:14px
}
}
.catalog-product-view .product-info-main .summary-prices {
margin: 15px 0;
-ms-flex-order: 3;
order: 3
}
.catalog-product-view .product-info-main .summary-prices .price-type {
display: -ms-flexbox;
display: flex;
padding: 7px 0;
border-bottom: 1px solid #eaeaea
}
.catalog-product-view .product-info-main .summary-prices .price-type .summary-item {
color: #e72b78;
padding-right: 5px;
font-weight: 700;
font-size: 25px;
text-transform: uppercase
}
.catalog-product-view .product-info-main .summary-prices .price-type em {
font-style: normal;
font-size: 12px;
text-transform: uppercase;
font-style: italic
}
.catalog-product-view .product-info-main .control__has-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.catalog-product-view .product-info-main .control__has-actions input {
width: 80px !important
}
.catalog-product-view .product-info-main .control__has-actions a {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
cursor: pointer;
border: 1px solid #c2c2c2;
background: #dfe0e0;
border-radius: 36px;
margin: 0 10px
}
.catalog-product-view .product-info-main .control__has-actions a span {
font-size: 20px
}
.catalog-product-view .product-info-main .control__has-actions a.js-qty-sub {
border-right: 0
}
.catalog-product-view .product-info-main .control__has-actions a.js-qty-add {
border-left: 0
}
.catalog-product-view .product-info-main .working-hours>div {
margin-top: 15px !important;
border: 1px solid #dfe0e0 !important;
padding: 15px !important;
color: #3d3936;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.catalog-product-view .product-info-main .page-title-wrapper .page-title {
margin-top: 0;
line-height: .9
}
.catalog-product-view .product-info-main .page-title-wrapper .page-title span {
font-family: 'Quicksand-Bold';
color: #3d3936;
font-size: 25px;
font-weight: 600;
line-height: calc(28px + 0*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.catalog-product-view .product-info-main .page-title-wrapper .page-title span {
line-height:28px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .product-info-main .page-title-wrapper .page-title span {
line-height:28px
}
}
.catalog-product-view .product-info-main .product.data.items {
margin-bottom: 0
}
.catalog-product-view .product-info-main .product.info select {
border: 0;
height: 30px;
font-size: calc(14px + 1*((100vw - 420px)/860));
font-weight: 400
}
@media screen and (min-width: 1280px) {
.catalog-product-view .product-info-main .product.info select {
font-size:15px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .product-info-main .product.info select {
font-size:14px
}
}
.catalog-product-view .product-info-main .product.info input {
font-size: 14px;
border: 1px solid transparent;
outline: 0;
padding: 0 45px 0 17px;
background: #eff2f7;
transition: border-color .2s;
height: 44px;
border-radius: 5px;
box-shadow: unset;
font-size: calc(14px + 1*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.catalog-product-view .product-info-main .product.info input {
font-size:15px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .product-info-main .product.info input {
font-size:14px
}
}
.catalog-product-view .product-info-main .product.info input::focus {
border: 1px solid
}
.catalog-product-view .product-info-main .product.info input:-ms-input-placeholder {
color: #3d3936;
font-family: 'Quicksand-Regular'
}
.catalog-product-view .product-info-main .product.info input::placeholder {
color: #3d3936;
font-family: 'Quicksand-Regular'
}
.catalog-product-view .product-info-main .product.info .field.qty label {
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin: 5px 0
}
.catalog-product-view .product-info-main .product.info label {
margin: 0;
font-size: 14px;
font-style: normal;
line-height: normal;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 10px;
font-family: 'Quicksand-Bold';
-ms-flex: unset !important;
flex: unset !important
}
.catalog-product-view .product-info-main .product.info .field.configurable,.catalog-product-view .product-info-main .product.info .fieldset {
margin: 0 0 10px
}
.catalog-product-view .product-info-main .product.info .field.configurable select,.catalog-product-view .product-info-main .product.info .fieldset select {
width: 100%;
color: #3d3936;
border: 1px solid #6874a2
}
.catalog-product-view .product-info-main .product.info.detailed {
display: block;
clear: both;
overflow: hidden;
margin-bottom: 0
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.title {
float: left;
color: #fff;
text-align: center;
cursor: pointer;
border: 0;
cursor: pointer;
width: 25%;
margin: 0;
border-right: 1px solid #fff
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.title a {
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
background-color: #e31a82;
height: 35px;
border: 0;
text-transform: uppercase;
line-height: 35px;
padding: 3px 0;
color: #fff
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.title.active a {
background-color: #eaeaea;
color: #e31a82
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content {
padding: 0;
margin: 0 0 10px;
border: none
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options.fieldset {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: row;
flex-direction: row;
position: relative;
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options.fieldset .combination-error {
width: 100%;
position: static;
text-align: center;
padding-bottom: 10px
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options.fieldset .error-message {
color: #e02b27;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options .field .input-group {
display: -ms-flexbox;
display: flex
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options .field .comment {
font-size: 12px;
color: #606364
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart {
width: 100%;
margin: 0
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart .fieldset {
margin-bottom: 0
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart .fieldset .qty {
display: none
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart .fieldset .actions {
width: 100%;
display: block;
padding: 0
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form button {
display: block;
font-size: 18px;
background: #f4df6b;
min-height: 45px;
margin: 15px 0
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form button span {
color: #3d3936;
font-size: 14px;
line-height: 1.4
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .options-text {
font-size: 14px;
font-weight: 400
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .block-message {
font-size: calc(16px + 4*((100vw - 420px)/860));
display: block;
text-align: center;
margin: 15px 0
}
@media screen and (min-width: 1280px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .block-message {
font-size:20px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .block-message {
font-size:16px
}
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .from-price {
margin-right: 10px;
-ms-flex-order: 1;
order: 1
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .from-price .price {
color: #e72b78;
font-size: calc(21px + 4*((100vw - 420px)/860));
font-weight: 700
}
@media screen and (min-width: 1280px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .from-price .price {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .from-price .price {
font-size:21px
}
}
.catalog-product-view .product-info-main #b247-product-review {
display: block;
clear: both;
text-align: center;
border: 1px solid #dfe0e0;
box-sizing: border-box;
margin-top: calc(20px - 5px);
padding: calc(20px - 5px)
}
.catalog-product-view .product-info-main #b247-product-review .trust-pilot-detail {
font-weight: 200;
border: 0;
padding: 0;
-ms-flex-direction: column;
flex-direction: column
}
.catalog-product-view .product-info-main #b247-product-review .trust-pilot-detail img {
display: block;
margin: auto;
max-width: 130px;
border-right: 0;
padding: 0
}
.catalog-product-view .product-info-main #b247-product-review .trust-pilot-detail .title {
padding: calc(20px - 5px) 0 0 0;
font-size: 15px;
font-weight: 500
}
.catalog-product-view .product-info-main #b247-product-review .trust-pilot-detail .content {
text-align: center
}
.catalog-product-view .product-info-main #b247-product-review .customers-rates-text {
display: none
}
.catalog-product-view .product-info-main #b247-product-review .working-hours {
text-align: center;
display: block;
color: #3d3936
}
.catalog-product-view .product-info-main #b247-product-review .working-hours span,.catalog-product-view .product-info-main #b247-product-review .working-hours strong {
display: block
}
.catalog-product-view .product-info-main #b247-product-review .working-hours strong:before {
margin-bottom: 0
}
.catalog-product-view .column.main .product.description {
padding-bottom: 45px
}
.catalog-product-view .column.main .product.description h3 {
font-family: 'Quicksand-Bold';
color: #e31a82;
font-size: 25px;
margin-bottom: 20px
}
.catalog-product-view .column.main .product.description .value {
font-size: 17px;
column-count: 2;
column-gap: 50px
}
.catalog-product-view .column.main .product_accordion_b247 {
clear: both;
width: 100%
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247 {
margin-bottom: 8px;
cursor: pointer;
background: #f0f1f6;
border-radius: 5px
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247 .trigger-title {
padding: 20px 15px;
cursor: pointer
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247 .trigger-title span {
font-size: 16px;
line-height: 1;
width: 100%;
display: block;
position: relative;
font-family: 'Quicksand-Bold';
padding-right: 50px
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247 .trigger-title span:after {
content: "" !important;
height: 25px;
width: 25px;
background-image: url(../images/add-circle.svg);
right: 13px;
top: -4px;
position: absolute;
transition: .4s cubic-bezier(.65,.05,.36,1)
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247.is_active .trigger-title span:after {
content: " ";
background-image: url(../images/remove_circle.svg);
transition: .4s cubic-bezier(.65,.05,.36,1)
}
.catalog-product-view .column.main .bluefoot-wrapper {
padding-left: 0;
padding-right: 0
}
.catalog-product-view .column.main .bluefoot-wrapper a {
display: block
}
.catalog-product-view .column.main .bluefoot-wrapper a img {
width: 100%
}
.catalog-product-view .product.media .fotorama {
overflow: visible
}
.catalog-product-view .product.media .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr,.catalog-product-view .product.media .fotorama .fotorama__wrap .fotorama__stage .fotorama__thumb__arr {
background-color: transparent
}
.catalog-product-view .product.media .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr {
background-image: none;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 40px;
width: 40px;
text-align: center
}
.catalog-product-view .product.media .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr:before {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e617';
color: #fff;
font-weight: 700;
font-size: 60px
}
.catalog-product-view .product.media .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--next .fotorama__arr__arr:before {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e608';
color: #fff;
font-weight: 700;
font-size: 60px
}
.catalog-product-view .product.media .fotorama .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus),.catalog-product-view .product.media .fotorama .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
opacity: 1;
z-index: 900;
transform: none
}
.catalog-product-view .product.media .fotorama .fotorama__wrap.fotorama__wrap--css3 .fotorama__nav--thumbs {
cursor: pointer;
padding-left: 0!important
}
.catalog-product-view .product.media .fotorama .fotorama__wrap.fotorama__wrap--css3 .fotorama__nav--thumbs .fotorama__thumb {
background-color: transparent
}
.catalog-product-view .product.media .fotorama .fotorama__wrap.fotorama__wrap--css3 .fotorama__nav--thumbs .fotorama__thumb .fotorama__img {
box-sizing: border-box;
max-height: 100%
}
.catalog-product-view .product.media .fotorama .fotorama__wrap.fotorama__wrap--css3 .fotorama__nav--thumbs .fotorama__thumb-border {
border: 0;
background-image: none;
box-sizing: content-box
}
.catalog-product-view .product.media .fotorama-item .fotorama__nav-wrap {
text-align: center
}
.catalog-product-view .product.media .fotorama__dot {
height: 10px;
width: 10px;
border: 1px solid #e7e7e7;
top: 0
}
.catalog-product-view .product.media .fotorama__active .fotorama__dot {
background-color: #ea247a;
border-color: #fff
}
.catalog-product-view .page-title-wrapper {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.catalog-product-view .page-title-wrapper.product .page-title {
margin-bottom: 10px
}
.catalog-product-view .page-title-wrapper.product .page-title span {
font-size: 25px
}
.right-container .product-info-main .product-info-price .price-box {
margin-bottom: 10px;
margin-top: 0
}
.related .block-title {
margin-bottom: 0
}
.related .block-title strong#block-related-heading {
color: #e31a82;
font-size: calc(16px + 12*((100vw - 420px)/860));
font-weight: 600
}
@media screen and (min-width: 1280px) {
.related .block-title strong#block-related-heading {
font-size:28px
}
}
@media screen and (max-width: 420px) {
.related .block-title strong#block-related-heading {
font-size:16px
}
}
.related .products-related .products {
margin: 0 30px !important
}
.related .products-related .products.product-items {
position: relative
}
.related .products-related .products.product-items.owl-loaded {
display: block;
visibility: visible;
margin-left: 0
}
.related .products-related .products.product-items.owl-loaded .owl-stage-outer {
display: block;
width: 100%;
clear: both;
overflow: hidden;
padding: 5px 0 calc(20px - 10px) 0
}
.related .products-related .products.product-items.owl-loaded .owl-stage-outer .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.related .products-related .products.product-items.owl-loaded .owl-stage-outer .product-item {
width: 100%!important;
display: block!important;
padding-left: 0
}
.related .products-related .products.product-items.owl-loaded .owl-stage-outer .product-item .product-item-info .product-item-name a {
font-size: calc(13px + 3*((100vw - 420px)/860));
line-height: 1.1;
font-weight: 500;
display: inline-block;
word-spacing: 100vw
}
@media screen and (min-width: 1280px) {
.related .products-related .products.product-items.owl-loaded .owl-stage-outer .product-item .product-item-info .product-item-name a {
font-size:16px
}
}
@media screen and (max-width: 420px) {
.related .products-related .products.product-items.owl-loaded .owl-stage-outer .product-item .product-item-info .product-item-name a {
font-size:13px
}
}
.related .products-related .products.product-items .owl-nav {
position: absolute;
top: 20%;
width: 100%
}
.related .products-related .products.product-items .owl-nav .owl-prev {
margin: 0 0 0 -45px;
float: left;
color: #e31a82;
width: 30px;
height: 30px;
transition: color .4s ease-in-out;
cursor: pointer
}
.related .products-related .products.product-items .owl-nav .owl-prev:hover {
color: #3d3936
}
.related .products-related .products.product-items .owl-nav .owl-prev span {
font-size: 55px;
font-weight: 200
}
.related .products-related .products.product-items .owl-nav .owl-next {
margin: 0 -45px 0;
float: right;
color: #e31a82;
width: 30px;
height: 30px;
cursor: pointer;
transition: color .4s ease-in-out;
text-align: right
}
.related .products-related .products.product-items .owl-nav .owl-next:hover {
color: #3d3936
}
.related .products-related .products.product-items .owl-nav .owl-next span {
font-size: 55px;
font-weight: 200
}
.message-price-container {
padding: 20px 5px 0;
margin: 10px -10px 0;
border-top: 1px solid #dfe0e0
}
.message-price-container .js-from-price {
float: left
}
.message-price-container.calculated {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
clear: both
}
.message-price-container.calculated .from-price {
-ms-flex-order: 1;
order: 1
}
.message-price-container.calculated .block-message {
-ms-flex-order: 2;
order: 2
}
.message-price-container.calculated .box-tocart {
-ms-flex-order: 3;
order: 3
}
.message-price-container.calculated .summary-prices {
-ms-flex-order: 4;
order: 4;
margin-top: 0 !important
}
.page-product-configurable.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart .fieldset .qty {
display: block
}
.catalog-product-view .product-info-main .product.info .field.name.wrapper-Width label span:after,.catalog-product-view .product-info-main .product.info .field.name.wrapper-Drop label span:after {
content: '(cm)';
font-size: 14px;
position: relative;
bottom: 1px
}
.summary-final-price-master247 {
margin: 10px 0
}
.price-lock-in {
display: block;
text-align: center;
width: 100%;
float: left;
font-size: 18px;
font-weight: 600;
color: #e72b78;
margin: 5px 0
}
.bottom-price-you-pay {
display: inline-block;
text-align: center;
width: 100%
}
.bottom-price-you-pay .was-price {
margin-bottom: 7px
}
.bottom-price-you-pay .was-price span {
font-size: 14px;
text-transform: uppercase;
font-style: italic
}
.bottom-price-you-pay .was-price .man-price {
font-size: 22px;
font-weight: 700;
position: relative
}
.bottom-price-you-pay .was-price .man-price:before {
position: absolute;
content: "";
left: 0;
top: 50%;
right: 0;
border-top: 2px solid;
border-color: #e72b78;
transform: rotate(-5deg)
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .options-text.step1 {
margin-bottom: 20px
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .options-text.step1 .message-1 {
display: block;
color: #222e3a;
font-size: 17px;
font-weight: 600
}
.product-guarantee-block {
padding-bottom: 5em
}
.product-guarantee-block p {
font-size: 17px;
column-count: 2;
column-gap: 50px
}
.quality-block-heading {
font-family: 'Quicksand-Bold';
width: 100%;
color: #ea247a;
font-size: 25px;
margin-bottom: 20px
}
.product-quality-block {
display: table;
margin-bottom: 20px
}
.quality-block-description,.quality-block-points li {
font-size: 17px
}
.quality-block-points li {
text-align: left;
list-style: none;
position: relative;
padding-left: 40px
}
.quality-block-points {
margin: 30px auto;
display: block;
width: 60%
}
.quality-block-points li:before {
content: "" !important;
height: 20px;
width: 20px;
background-image: url(../images/icons/star.svg);
left: 0;
top: 10px;
position: absolute
}
.offer-info-block p {
font-size: 12px;
text-align: center
}
body[class*=motorised-venetian-blind] .column.main .product.description .value,body[class*=motorised-roller-blind] .column.main .product.description .value {
column-count: unset !important
}
.column.main .product.description .value .item.description {
column-count: 2;
column-gap: 50px;
margin-bottom: 20px;
font-size: 17px
}
.column.main .product.description .value ul li {
font-size: 17px
}
.js-option-help {
width: 15px;
height: 15px;
display: inline-block;
text-align: center;
border-radius: 50%;
font-size: 12px;
line-height: 15px;
background: #b2bdd6;
color: #fff !important;
margin-left: 5px
}
.catalog-product-view .product-info-main .product.info .mid-rail-unit,.checkout-cart-index .product-info-main .product.info .mid-rail-unit {
display: block;
margin-left: 5px;
line-height: 40px
}
.show {
display: block
}
.hide {
display: none
}
.checkout-cart-index .blinds-product-options .input_group .select_fraction-value,.product.info.detailed .blinds-product-options .input_group .select_fraction-value {
width: 40px !important;
border-left: 1px solid #50636d !important;
height: 40px !important;
border-radius: 0;
padding: 0 5px !important;
text-align: -webkit-center;
text-align: center;
background: #fff;
font-family: 'Quicksand-Bold'
}
.product.info.detailed .fieldset.blinds-measure-options {
margin-bottom: 12px;
gap: 30px;
padding: 0 10px
}
.product.info.detailed .fieldset.blinds-measure-options {
width: 100%
}
div#level2-dimensions {
font-size: 21px;
width: 100%;
text-align: center;
font-family: 'Quicksand-Bold';
color: #e31a82
}
div#level2-area {
margin-bottom: 20px;
border: 1px solid #ea247a;
padding: 20px;
border-radius: 5px
}
.catalog-product-view .product-info-main .product.info .type-drop_down label {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px
}
.catalog-product-view .product-info-main .product.info .type-drop_down .input-group {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options .field.name.type-image_button .label,.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content #level2-area .field.name.type-image_button .label {
margin-bottom: 10px !important
}
.product-add-sample-container {
background: #e31a82;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
border-radius: 5px;
margin: 20px 0;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 20px;
-ms-flex-align: center;
align-items: center
}
.product-add-sample-container .add-sample-action {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
.product-add-sample-container .add-sample-action .tosamplecart {
width: 100% !important;
background: #fff;
position: relative;
opacity: 1;
color: #3d3936
}
.product-add-sample-container .add-sample-action .tosamplecart:before {
position: absolute;
content: "";
display: block;
background: url(../images/sample-add-pink.svg) no-repeat;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-position-y: center;
background-position-x: 10px;
z-index: 1
}
.product-add-sample-container .add-sample-action .tosamplecart span {
color: #3d3936
}
.product-add-sample-container .add-sample-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
color: #fff
}
.product-add-sample-container .add-sample-info span:first-child {
margin-bottom: 10px
}
.product-add-sample-container .add-sample-info span:last-child {
font-size: 12px
}
body[class*=cushion].catalog-product-view .product-options-bottom .box-tocart {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
body[class*=cushion].catalog-product-view .product-options-bottom .box-tocart .fieldset {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
body[class*=cushion].catalog-product-view .product-options-bottom .box-tocart .fieldset .field.qty {
margin: 0;
padding: 0
}
body[class*=cushion].catalog-product-view .product-options-bottom .box-tocart .fieldset .actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 10px
}
body[class*=cushion].catalog-product-view .product-options-bottom .box-tocart .action.tocart {
display: block;
font-size: 18px;
background: #f4df6b;
min-height: 45px;
margin: 15px 0;
color: #3d3936
}
.card_title {
width: calc(100vw - 9px);
text-align: center;
color: #fff !important;
padding-top: 0 !important;
font-size: 35px !important;
margin-bottom: 0 !important
}
.card_box_main_outer {
width: 90%;
max-width: 1240px;
margin: auto;
overflow: hidden
}
.card_box_main {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
margin: auto
}
.card_box {
-ms-flex: 0 0 calc(100%/5 - 20px);
flex: 0 0 calc(100%/5 - 20px);
-ms-flex-item-align: stretch;
align-self: stretch;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
max-width: calc(100%/5 - 20px);
border-radius: 20px;
overflow: hidden;
height: 32.3rem
}
.card_box_content {
padding: 8px;
display: -ms-flexbox;
display: flex;
font-size: 12px;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
grid-gap: 20px;
border-radius: 20px;
background: linear-gradient(180deg,rgba(255,255,255,1),rgba(255,255,255,1) 100%);
transition: all .3s ease-in-out;
border: 4px solid transparent;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.card_box_inner_content {
height: 100%
}
.card_heading_text {
margin: 0;
color: #2b2c2d;
min-height: 6.2rem;
text-transform: none;
letter-spacing: 0;
margin: 0;
padding: 0;
transition: all .2s ease-in-out;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.8rem;
line-height: 2rem
}
.card_content {
transition: all .5s ease-in-out;
opacity: 0;
max-height: 0;
overflow: hidden
}
.card_image {
display: block;
overflow: hidden;
width: 58%;
margin: 0 auto;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
aspect-ratio: 1/1;
transition: width .3s ease-in-out;
transition-delay: .15s;
margin-top: 3rem
}
.card_content_more,.card_content_less {
margin: 0;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
color: #2b2c2d;
font-family: var(--brand-font-bold);
cursor: pointer
}
.card_content_less {
display: none
}
.card_content_wrapper {
grid-gap: 5px;
min-height: 60%;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
transition: all .3s ease-in-out
}
.card_box_outer {
width: 99vw;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 4rem;
padding: 60px 0
}
.card_box_content:hover .card_heading_text {
min-height: 5rem
}
.card_box_content:hover .card_content_wrapper {
grid-gap: 11px;
min-height: 80%
}
.card_box_content:hover {
border: 4px solid #2f2e30;
display: block
}
.card_box_content:hover .card_content {
opacity: 1;
max-height: 300px;
transition: all .5s ease-in-out;
transition-delay: .15s
}
.card_box_content:hover .card_image {
width: 40%;
transition: all .3s ease-in-out
}
.card_box_content:hover .card_content_more {
display: none
}
.card_box_content:hover .card_content_less {
display: block
}
.product.detailed .fitting-icon h3 {
color: #e31a82;
font-weight: 700
}
.rating-summary {
display: inline-block
}
.rating-summary .label {
display: none
}
.rating-summary .rating-result {
display: inline-block;
position: relative;
width: 70px
}
.rating-summary .rating-result>span {
display: inline-block;
overflow: hidden
}
.rating-summary .rating-result>span:before {
content: '\2605' '\2605' '\2605' '\2605' '\2605';
position: relative;
color: #0cbed4
}
.rating-summary .rating-result>span span {
display: none
}
.actions-toolbar {
margin: 20px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.actions-toolbar .primary,.actions-toolbar .secondary {
display: inline-block
}
.actions-toolbar .primary a,.actions-toolbar .secondary a {
text-decoration: none
}
.actions-toolbar .primary {
margin-bottom: 0;
display: -ms-flexbox;
display: flex
}
.actions-toolbar .secondary {
padding: 10px 0 0
}
.actions-toolbar .secondary a,.actions-toolbar .secondary .action-cancel {
color: #3d3936;
text-decoration: underline;
text-transform: unset;
margin: 0
}
.actions-toolbar .secondary a:hover,.actions-toolbar .secondary .action-cancel:hover {
color: #e31a82
}
.message {
padding: calc(20px - 5px);
margin-bottom: 20px
}
.message.success {
color: #fff;
background: #ea247a
}
.message.success>*:first-child:before {
color: #fff
}
.message.error {
color: #ae2615;
background: #fae5e5
}
.message.success a,.message a {
color: #fff;
text-decoration: underline
}
.message.success a:hover,.message.success a:visited,.message a:hover,.message a:visited {
text-decoration: none;
color: #fff
}
.message.warning {
background: #e31a82;
color: #3d3936
}
.message.warning>*:first-child:before {
color: #e31a82
}
.message.success>*:first-child:before {
color: #fff
}
.message.success>*:first-child:before.info {
background: #e31a82;
color: #e31a82
}
.message.success>*:first-child:before.info>*:first-child:before {
color: #e31a82
}
.mage-error {
color: #e02b27
}
.switcher {
display: inline-block;
position: relative
}
.switcher .mage-dropdown-dialog {
background: #fff;
position: absolute;
z-index: 12
}
.customer-account-login .page-title-wrapper,.customer-account-forgotpassword .page-title-wrapper,.customer-account-create .page-title-wrapper {
display: none
}
.customer-account-login .page-main .block-title,.customer-account-forgotpassword .page-main .block-title,.customer-account-create .page-main .block-title {
margin-bottom: 15px !important
}
.login-container {
max-width: 500px;
margin: 0 auto
}
.login-container h1 {
margin-bottom: 10px;
font-size: 28px
}
.login-container form.form-login input {
max-width: unset
}
.login-container .fieldset:after {
margin: 20px 0 0 !important;
content: attr(data-hasrequired);
display: block;
color: #e02b27;
text-align: center
}
.user-pages .page-main .form-center {
max-width: 500px;
width: 100%;
margin: 0 auto
}
.user-pages .page-main .form.password.reset,.user-pages .page-main .form.send.confirmation,.user-pages .page-main .form.password.forget,.user-pages .page-main .form.create.account {
min-width: unset;
width: auto
}
.user-pages .page-main .fieldset .field:not(.choice) .label,.user-pages .page-main .fieldset .field:not(.choice) .fieldset .label {
padding: 0;
text-align: left;
width: auto;
float: none;
display: block
}
.user-pages .page-main .fieldset .field:not(.choice) .label span,.user-pages .page-main .fieldset .field:not(.choice) .fieldset .label span {
margin-right: 3px
}
.user-pages .page-main .fieldset .field:not(.choice)>.control {
width: 100%;
float: none
}
.user-pages .page-main .fieldset .field.choice {
display: -ms-flexbox;
display: flex;
margin-bottom: 10px !important
}
.user-pages .page-main .fieldset .field.choice:before {
display: none
}
.user-pages .page-main .password-strength-meter {
height: 24px;
line-height: 26px;
margin-top: 5px
}
.user-pages .page-main .actions,.user-pages .page-main .box-actions {
margin-top: 10px
}
.user-pages .page-main .actions a.action,.user-pages .page-main .box-actions a.action {
margin: 0 10px 0 0;
display: inline-block;
text-decoration: underline
}
.user-pages .page-main .block-title {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 30px;
padding-bottom: 0;
display: -ms-flexbox;
display: flex
}
.user-pages .page-main .block-title h1 {
margin-bottom: 0
}
.user-pages .page-main .block-title a.action {
margin-left: auto !important;
text-decoration: none
}
.user-pages .page-main .abs-margin-for-forms-desktop,.user-pages .page-main .fieldset .legend,.user-pages .page-main .column:not(.sidebar-main) form .actions-toolbar,.user-pages .page-main .column:not(.sidebar-additional) form .actions-toolbar,.user-pages .page-main .login-container .fieldset:after {
margin-left: 0
}
.user-pages .page-main .page.messages .message {
margin-bottom: 30px;
margin-top: -30px
}
.user-pages .page-main .field.captcha {
margin: 0 !important
}
.user-pages .page-main .captcha-image {
display: -ms-flexbox;
display: flex
}
.user-pages .page-main .column.main .block,.user-pages .page-main .column.main .block:last-child {
margin: 0 0 40px
}
.user-pages .page-main .column.main .block:not(.widget) .block-title>strong {
text-transform: uppercase;
margin: 0
}
.user-pages .page-main .page-title-wrapper {
margin-bottom: 15px
}
.user-pages .page-main .page-title-wrapper h1 {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.user-pages .page-main .order-details-items {
border-bottom: 0;
margin-bottom: 0
}
.user-pages .my-account-logout {
color: red;
text-align: center;
display: block;
margin-bottom: 15px
}
.user-pages.customer-account-edit legend.legend,.user-pages.newsletter-manage-index legend.legend {
display: none
}
.user-pages.sales-order-history .pager {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
margin: 0
}
.user-pages.sales-order-history .pager>* {
margin: 0 !important
}
.user-pages .return-status,.user-pages .order-status {
margin-bottom: 0
}
.user-pages .order-status {
margin-top: 10px;
display: block
}
.user-pages .block-order-details-view .block-content {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.user-pages .block-order-details-view .block-content>* {
width: 50%
}
.account .page.messages {
margin: 0
}
.account .toolbar .limiter {
display: block;
float: right
}
.page-main.account .order-links {
display: none
}
.account .sidebar-main .block-collapsible-nav-title {
text-transform: uppercase;
padding: calc(20px - 10px);
background: #f3f3f3
}
.account .sidebar-main .block-collapsible-nav-content {
box-shadow: 0 3px 3px rgba(43,47,48,.25);
background: #f3f3f3
}
.account .sidebar-main .block-collapsible-nav .items .item {
border-bottom: 1px solid #fff;
padding: 0
}
.account .sidebar-main .block-collapsible-nav .items .item.current strong {
padding: 10px;
display: block
}
.account .sidebar-main .block-collapsible-nav .items .item.current a {
color: #3d3936
}
.account .sidebar-main .block-collapsible-nav .items .item.current a strong {
padding: 0
}
.account .sidebar-main .block-collapsible-nav .items .item a {
padding: 10px;
display: block;
color: #3d3936
}
.account .sidebar-main .block-collapsible-nav .items .item a:hover {
color: #e31a82
}
.page-main.account .sidebar-additional {
margin: 20px 0
}
.page-multiple-wishlist .form-wishlist-items {
max-width: unset !important
}
.page-multiple-wishlist .products-grid.wishlist {
margin-bottom: 0 !important
}
.page-multiple-wishlist .products-grid.wishlist .product-item-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.page-multiple-wishlist .products-grid.wishlist .product-item-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center
}
.page-multiple-wishlist .products-grid.wishlist .product-item-inner>* {
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 15px
}
.page-multiple-wishlist .products-grid.wishlist .product-item-inner .comment-box {
width: 100%
}
.page-multiple-wishlist .products-grid.wishlist .product-item-inner>.product-item-actions {
margin: 15px 0 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end
}
.page-multiple-wishlist .products-grid.wishlist .product-item {
border: 0;
margin-bottom: 15px
}
.page-multiple-wishlist .products-grid.wishlist .product-item .box-tocart {
margin: 0
}
.page-multiple-wishlist .products-grid.wishlist .product-item .price-box {
margin: 0
}
.page-multiple-wishlist .products-grid.wishlist .product-item .price-box span {
font-size: calc(15px + 5*((100vw - 420px)/860));
color: #e31a82
}
@media screen and (min-width: 1280px) {
.page-multiple-wishlist .products-grid.wishlist .product-item .price-box span {
font-size:20px
}
}
@media screen and (max-width: 420px) {
.page-multiple-wishlist .products-grid.wishlist .product-item .price-box span {
font-size:15px
}
}
.page-multiple-wishlist .products-grid.wishlist .product-item .field.qty {
display: none
}
.page-multiple-wishlist .products-grid.wishlist .product-item-name {
margin: 15px 0;
height: 2.25em;
overflow: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.page-multiple-wishlist .products-grid.wishlist .product-item-name a {
font-size: calc(13px + 3*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.page-multiple-wishlist .products-grid.wishlist .product-item-name a {
font-size:16px
}
}
@media screen and (max-width: 420px) {
.page-multiple-wishlist .products-grid.wishlist .product-item-name a {
font-size:13px
}
}
.page-multiple-wishlist .products-grid.wishlist .product-image-container {
max-width: unset
}
.page-multiple-wishlist .products-grid.wishlist .product-item-photo {
margin: 0;
float: none;
width: 100%
}
.page-multiple-wishlist .products-grid.wishlist .product-item-photo img {
width: 100%
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions .tocart {
margin-top: 0 !important
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions a:before {
font-family: 'icons-blank-theme'
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions a span {
display: none
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions .action.edit {
color: #3d3936;
opacity: .7;
margin: 0
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions .action.edit:before {
content: '\e606'
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions .action.delete {
margin: 0
}
.page-multiple-wishlist .products-grid.wishlist .product-item-actions .action.delete:before {
content: '\e604'
}
.page-multiple-wishlist .products-grid.wishlist .product-item-comment {
font-size: 10px
}
.page-multiple-wishlist .actions-toolbar {
border-top: 1px solid #eaeaea
}
.page-multiple-wishlist .actions-toolbar>.primary {
margin-top: 10px;
-ms-flex-direction: column;
flex-direction: column
}
.page-multiple-wishlist .actions-toolbar>.primary button {
margin: 15px 0 0;
padding: 8px 15px !important;
float: none
}
.page-multiple-wishlist .actions-toolbar>.secondary {
display: none
}
#invitationForm .actions-toolbar {
margin: 0
}
#invitationForm .actions-toolbar .action.add,#invitationForm .actions-toolbar .action.remove {
margin: 10px 0 0;
padding: 0;
width: 36px;
height: 36px
}
#invitationForm #invitations-options fieldset,#invitationForm #invitations-options .fields.additional {
margin: 0 !important
}
#invitationForm #invitations-options .fields.additional button {
margin-bottom: 10px
}
.account .orders-recent table caption,.account .orders-history table caption,.account .order-items table caption,.account .reviews table caption {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.account .orders-recent table thead th,.account .orders-history table thead th,.account .order-items table thead th,.account .reviews table thead th {
text-align: left
}
.account .table-wrapper {
width: 100%
}
.account .table-order-items {
width: 100%
}
.account .table-order-items tbody {
border-top: 0;
background: #f3f3f3
}
.account .table-order-items tbody td {
border-bottom: 1px solid #fff !important
}
.account .table-order-items tbody+tbody {
border-top: 0
}
.account .table-order-items th {
background: #eaeaea;
border-bottom: 0 !important
}
.account .table-order-items th.actions {
text-align: right;
padding-right: 20px
}
.account .table-order-items td {
border-bottom: 1px solid #f3f3f3 !important;
padding: 10px !important;
text-align: left
}
.account .table-order-items td li {
padding: 0
}
.account .table-order-items td.actions {
margin: 0 !important;
text-align: right
}
.account .table-order-items td.actions:before {
display: none !important
}
.account .table-order-items .item-options dt,.account .table-order-items .item-options dd {
display: inline
}
.account .table-order-items .item-options dt:after {
content: ":"
}
.account .table-order-items .item-options dd:not(:last-child):after {
content: ","
}
.account .table-order-items .product-item-name {
margin: 0 !important
}
.account .table-order-items .price-including-tax,.account .table-order-items .price-excluding-tax {
display: inline-block
}
.account .table-order-items tfoot tr th,.account .table-order-items tfoot tr td {
width: 50% !important;
padding: 10px !important;
border: 0 !important;
background: #e7e6f7
}
.account .table-order-items tfoot tr td {
text-align: right !important
}
#product-comparison thead tr th.remove span {
display: none
}
#product-comparison thead tr td.remove {
text-align: right
}
#product-comparison tbody tr th.product span {
display: none
}
#product-comparison tbody tr td .product-item-photo {
display: block
}
#co-shipping-method-form table thead {
display: none
}
.totals th {
text-align: left;
padding-left: 0
}
.totals td {
text-align: right;
padding-right: 0
}
.table-totals th,.table-totals td {
padding: 5px 0 !important
}
.estimate .legend {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.checkout-cart-index .carousel-wrapper {
-ms-flex-order: 4;
order: 4
}
.paypal-express-review .cart.table-wrapper .items>.item {
display: table-row-group
}
.paypal-review-items .cart.item .product-item-photo {
width: 40%
}
.curtains_basket_ft {
display: none
}
.mfp-content .blinds-product-options .field.wrapper-Width {
width: 44%!important;
float: left;
margin-bottom: 20px!important
}
.mfp-content .blinds-product-options .field.wrapper-Width .input_group {
display: contents
}
.mfp-content .blinds-product-options .field.wrapper-Drop {
width: 44%!important;
float: right;
margin-bottom: 20px!important
}
.mfp-content .blinds-product-options .field.wrapper-Drop .input_group {
display: contents
}
.opc-progress-bar {
margin-bottom: 20px;
counter-reset: i;
display: block;
border: 0;
text-align: center
}
.opc-progress-bar .opc-progress-bar-item {
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
width: 49%
}
.opc-progress-bar .opc-progress-bar-item:before {
background: #eaeaea;
top: 19px;
content: '';
height: 7px;
left: 0;
position: absolute;
width: 100%
}
.opc-progress-bar .opc-progress-bar-item._active:before {
background: #e31a82
}
.opc-progress-bar .opc-progress-bar-item._active>span:before {
background: #e31a82
}
.opc-progress-bar .opc-progress-bar-item>span {
display: inline-block;
padding-top: 45px;
width: 100%;
word-wrap: break-word;
color: #3d3936
}
.opc-progress-bar .opc-progress-bar-item>span:before,.opc-progress-bar .opc-progress-bar-item>span:after {
background: #eaeaea;
height: 38px;
margin-left: -19px;
width: 38px;
border-radius: 50%;
content: '';
left: 50%;
position: absolute;
top: 0;
font-size: 1.8rem
}
.opc-progress-bar .opc-progress-bar-item>span:after {
background: #fff;
height: 26px;
margin-left: -13px;
padding: 0;
top: 6px;
width: 26px;
line-height: 30px;
content: counter(i);
counter-increment: i;
color: #3d3936;
font-family: 'Quicksand-Semibold'
}
.checkout-index-index .modal-popup h1.modal-title,.checkout-index-index .modal-popup span.title,.checkout-index-index .modal-custom h1.modal-title,.checkout-index-index .modal-custom span.title {
margin: 10px 0;
font-size: 26px;
line-height: 37px;
font-weight: 500
}
.checkout-index-index .modal-popup .action.close,.checkout-index-index .modal-custom .action.close {
top: 5px;
right: 5px
}
.checkout-index-index .modal-popup h1.modal-title {
margin-bottom: 10px;
padding-bottom: 0
}
.checkout-index-index .modal-popup .modal-content {
margin-top: 15px
}
.checkout-index-index .modal-popup .modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.checkout-index-index .modal-popup .modal-footer button {
width: 48%;
padding: 0
}
.checkout-index-index .modal-popup .modal-footer .action-accept {
margin-left: 15px
}
.checkout-index-index .modal-popup .form-shipping-address .field.choice {
margin-bottom: 15px
}
.checkout-index-index .checkout-container {
position: relative;
margin: 0 auto;
float: none
}
.checkout-index-index .authentication-wrapper {
position: absolute;
top: -110px;
right: 15px;
z-index: 1;
margin-top: 0
}
.checkout-index-index .authentication-wrapper button {
color: #3d3936;
text-decoration: underline
}
.checkout-index-index .authentication-wrapper button:hover {
color: #e31a82;
text-decoration: underline
}
.checkout-index-index .authentication-wrapper button.action-login {
text-decoration: none;
color: #fff
}
.checkout-index-index .opc-sumamry-wrapper .action-close {
top: 5px;
right: 5px
}
.checkout-index-index .opc-sumamry-wrapper .items-in-cart>.title:after {
margin: 0
}
.checkout-index-index .opc-estimated-wrapper {
display: -ms-flexbox;
display: flex;
background: #eaeaea;
margin: 0;
border: 0
}
.checkout-index-index .opc-estimated-wrapper:before {
content: '';
display: table
}
.checkout-index-index .opc-estimated-wrapper:after {
content: '';
display: table;
clear: both
}
.checkout-index-index .opc-estimated-wrapper .estimated-block {
float: left
}
.checkout-index-index .opc-estimated-wrapper .showcart,.checkout-index-index .opc-estimated-wrapper .showcart:hover {
background: #e31a82
}
.checkout-index-index .opc-estimated-wrapper .estimated-price {
font-size: 20px
}
.checkout-index-index .opc-estimated-wrapper .minicart-wrapper {
margin: 0 5px 0 auto
}
.checkout-index-index .opc-estimated-wrapper .minicart-wrapper button {
background: 0 0;
padding: 0;
height: 100%
}
.checkout-index-index .opc-estimated-wrapper .minicart-wrapper button span {
top: 0 !important
}
.checkout-index-index .opc-estimated-wrapper .minicart-wrapper button:hover {
background: 0 0
}
.checkout-index-index .opc-wrapper {
margin: 15px 0 0
}
.checkout-index-index .opc-wrapper .step-content .fieldset.address {
margin: 30px 0 0
}
.checkout-index-index .opc-wrapper .action-show-popup {
margin-top: 15px
}
.checkout-index-index .opc-wrapper form.form-login,.checkout-index-index .opc-wrapper form.form-shipping-address,.checkout-index-index .opc-wrapper form.methods-shipping {
margin: 0
}
.checkout-index-index .opc-wrapper form.form-login .field-tooltip-content,.checkout-index-index .opc-wrapper form.form-shipping-address .field-tooltip-content,.checkout-index-index .opc-wrapper form.methods-shipping .field-tooltip-content {
right: -15px;
top: 30px
}
.checkout-index-index .opc-wrapper form.form-login {
margin-top: 15px;
border: 0;
padding: 0
}
.checkout-index-index .opc-wrapper form.form-login #customer-email-fieldset {
margin: 0
}
.checkout-index-index .opc-wrapper form.form-login #customer-email-fieldset .field {
margin-bottom: 10px
}
.checkout-index-index .opc-wrapper .checkout-shipping-method {
padding-bottom: 0
}
.checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method {
width: 100%;
min-width: unset
}
.checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method tbody tr {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #eaeaea
}
.checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method tbody td {
padding: 10px;
-ms-flex: 1;
flex: 1
}
.checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method tbody td.col-method {
padding: 0
}
.checkout-index-index .opc-wrapper form.methods-shipping .table-checkout-shipping-method tbody td.col-method input {
margin: 0
}
.checkout-index-index .opc-wrapper .shipping-address-items {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around
}
.checkout-index-index .opc-wrapper .shipping-address-items .shipping-address-item {
padding: 0;
width: 100% !important
}
.checkout-index-index .opc-wrapper .shipping-address-items .shipping-address-item.selected-item:after {
background: #fff;
color: #e31a82;
top: 2px;
right: 2px
}
.checkout-index-index .opc-wrapper .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item {
visibility: hidden
}
.checkout-index-index .opc-wrapper .shipping-address-items .shipping-address-item.selected-item .edit-address-link {
width: auto;
height: auto;
opacity: .5;
right: 30px
}
.checkout-index-index .opc-wrapper .shipping-address-items .shipping-address-item.not-selected-item .edit-address-link {
width: auto;
height: auto;
opacity: .5;
right: 0
}
.checkout-index-index .opc-wrapper .action-select-shipping-item {
padding: 0 10px !important;
width: auto
}
.checkout-index-index .opc-wrapper .checkout-payment-method {
margin: 0 !important
}
.checkout-index-index .opc-wrapper .checkout-payment-method .payment-methods {
margin: 0 !important
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form legend {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method {
margin-bottom: 15px;
position: relative
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method .payment-method-title {
margin: 0;
border-top: 0;
padding: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method .payment-method-title input {
margin: 0 5px 0 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method .checkout-billing-address {
margin: 0 !important
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method .payment-method-content {
display: none
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method .payment-method-content .actions-toolbar {
text-align: right
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method .payment-method-content>.actions-toolbar {
padding-top: 20px;
border-top: 1px solid #eaeaea
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content {
display: block;
padding: 7px 0 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing {
margin: 0;
padding: 0;
border: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing .field {
display: -ms-inline-grid;
display: inline-grid;
padding-top: 15px
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing .field input {
z-index: 1
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing .field label {
z-index: 2;
padding-left: 28px;
padding-right: 10px;
position: relative;
margin-bottom: 20px
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing .field label:before {
position: absolute;
left: 0;
top: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing .field label span {
font-size: 14px
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gift-card-information {
margin-bottom: 15px;
font-weight: 700
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .actions-toolbar {
margin-bottom: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-option-title {
margin: 0;
border: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-option-title .action-toggle {
color: #2b2f30;
text-decoration: underline;
text-transform: unset;
margin: 0
}
.checkout-index-index .opc-wrapper .checkout-payment-method .checkout-billing-address .billing-address-details {
padding: 15px 0 0;
margin-top: 15px;
border-top: 1px solid #dfe0e0
}
.checkout-index-index .opc-wrapper .checkout-payment-method p[data-bind="html: getInstructions()"] {
border: 2px dashed #dfe0e0;
background: #f9f9f9;
padding: 13px
}
.checkout-index-index .opc-wrapper .actions-toolbar {
display: -ms-flexbox;
display: flex;
margin-bottom: 0
}
.checkout-index-index .opc-wrapper .actions-toolbar .primary button {
margin-top: 0 !important
}
.checkout-index-index .payment-method-billing-address {
margin-bottom: 15px
}
.checkout-index-index .payment-option-title,.checkout-index-index .payment-method-title {
padding: 20px 0;
margin-top: 20px
}
.checkout-index-index .opc-wrapper .step-title,.checkout-index-index .opc-block-shipping-information .shipping-information-title>span,.checkout-index-index .opc-block-summary>.title,.checkout-index-index .checkout-agreements-items .checkout-agreements-item-title {
display: none;
border-bottom: 1px solid #d5d5d6;
padding: 0;
margin-bottom: 0;
color: #3d3936;
font-weight: 500
}
.checkout-index-index .modal-inner-wrap .opc-block-summary>.title {
display: none
}
.checkout-index-index .opc-block-shipping-information {
padding: 0 20px
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title {
border-bottom: 0;
margin-bottom: 0
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit {
top: -2px
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit:before {
float: right
}
.checkout-index-index small.copyright {
text-align: center
}
.checkout-index-index .items-in-cart .title {
padding: 0 40px 0 0
}
.checkout-index-index .items-in-cart .title span {
margin-top: 0;
font-size: 26px;
line-height: 37px;
font-weight: 500
}
.checkout-index-index .items-in-cart .title:after {
top: 5px
}
.checkout-success .action.primary {
margin: 15px 0
}
.checkout-success .table-wrapper.order-items {
background: #eaeaea;
margin-top: 15px
}
.checkout-success tbody.cart.item {
border-bottom: 5px solid #fff
}
.checkout-success td.col.item {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px !important
}
.checkout-success td.col.item:before {
display: none !important
}
.checkout-success td.col.item .product-item-photo {
display: block;
margin-bottom: 15px
}
.checkout-success td.col.item .product-item-name {
font-size: 1.8rem;
margin-bottom: 15px
}
.checkout-success td.col.subtotal {
padding: 15px !important;
text-align: left !important
}
.checkout-success .cart-totals {
padding: 15px;
font-size: 1.8rem
}
.checkout-success .cart-totals .totals {
display: -ms-flexbox;
display: flex
}
.checkout-success .cart-totals .totals .amount {
margin-left: auto;
font-weight: 700
}
.checkout-success .cart-totals .totals>span {
padding: 5px
}
.checkout-success .cart-totals .totals span,.checkout-success .cart-totals .totals span>* {
font-size: 1.8rem
}
.checkout-success hr {
margin-bottom: 15px
}
.samples-order-success .page-title {
display: none
}
.samples-order-success .samples-success {
background: #e6e6e6;
padding: 50px;
text-align: center
}
.samples-order-success .samples-success h4 {
font-size: 2.6rem;
font-weight: 500;
text-decoration: underline
}
.samples-order-success .actions-toolbar .primary {
display: block;
float: none;
width: 100%;
margin: 0
}
.samples-order-success .actions-toolbar .primary .action.primary {
width: auto
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #f4f4f5 inset
}
input.item-qty,input.qty {
height: 32px;
text-align: center;
width: 40px
}
input#newsletter {
padding: 3px 3px 3px calc(20px - 10px);
height: 48px;
margin-right: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px
}
input#newsletter:-ms-input-placeholder {
color: #3d3936;
padding-left: 6px
}
input#newsletter::placeholder {
color: #3d3936;
padding-left: 6px
}
input[type=checkbox] {
margin: 0
}
.fieldset>.field.choice .label,.fieldset>.fields>.field.choice .label {
margin: 0
}
input:not([type=checkbox]):focus,input:not([type=radio]):focus,input:not([disabled]):focus,textarea:not([disabled]):focus,select:not([disabled]):focus {
box-shadow: 0 0 3px 1px #e31a82
}
input[type=radio]:focus {
box-shadow: none
}
input[type=checkbox],input[type=radio] {
opacity: 0;
position: absolute
}
input[type=checkbox],input[type=radio] {
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
width: auto
}
input[type=checkbox]+span.label:hover:before,input[type=checkbox]+.label:hover:before {
background-color: #e31a82;
cursor: pointer;
box-shadow: inset 0px 0px 0px 3px #fff
}
input[type=checkbox]+label:before,input[type=checkbox]+span.label:before,input[type=radio]+label:before,input[type=radio]+span.label:before,.amasty-catalog-topnav input[type=radio]+span.label:before,.amasty-catalog-topnav input[type=radio]+label:before {
content: '';
border: 1px solid #50636d;
display: inline-block;
vertical-align: text-bottom;
width: 20px;
height: 20px;
margin-right: 7px;
text-align: center;
background-color: #fff;
position: relative;
top: 0;
transition: all .25s ease;
pointer-events: none
}
input[type=checkbox]+label:before,input[type=checkbox]+span.label:before {
border-radius: 0
}
input[type=checkbox]:checked+label:before,input[type=checkbox]:checked+span.label:before {
background-color: #e31a82;
box-shadow: inset 0px 0px 0px 2px #fff
}
input[type=radio]+label:before,input[type=radio]+span.label:before {
border-radius: 0
}
.amasty-catalog-topnav input[type=radio]+span.label:before,.amasty-catalog-topnav input[type=radio]+label:before {
border-radius: unset
}
.amasty-catalog-topnav input[type=radio]:checked+span.label:before,.amasty-catalog-topnav input[type=radio]:checked+label:before {
box-shadow: inset 0px 0px 0px 2px #fff
}
input[type=radio]:checked+label:before,input[type=radio]:checked+span.label:before,.amshopby-link-selected input[type=radio]+span.label:before {
background: #e31a82;
box-shadow: inset 0px 0px 0px 3px #fff
}
.swatch-option {
display: table
}
.field-tooltip {
cursor: pointer;
position: absolute;
right: 5px;
top: 8px
}
.field-tooltip._active {
z-index: 100
}
.field-tooltip._active .field-tooltip-content {
display: block
}
.field-tooltip .field-tooltip-action {
display: inline-block
}
.field-tooltip .field-tooltip-action:before {
content: '?';
font-family: 'Quicksand-Semibold';
color: #3d3936
}
.field-tooltip .field-tooltip-content {
width: 270px;
display: none;
box-shadow: 0 3px 3px rgba(0,0,0,.15);
position: absolute;
text-transform: none;
word-wrap: break-word;
z-index: 2
}
.field-tooltip .field-tooltip-content:after {
margin-top: -20px
}
#layered-filter-block .filter-title {
display: -ms-flexbox;
display: flex;
margin: 10px 0
}
#layered-filter-block .filter-content {
clear: both;
overflow: hidden;
box-sizing: border-box
}
#layered-filter-block .filter-content .filter-options {
padding: 0;
clear: both;
overflow: hidden;
display: block
}
#layered-filter-block .filter-content .filter-current,#layered-filter-block .filter-content .filter-actions {
padding: 0;
margin: 0;
border: 0
}
#layered-filter-block .filter-options-item .filter-options-title {
cursor: default;
padding: calc(20px - 10px) 0;
pointer-events: none;
font-weight: unset;
font-size: reponsive 17px 18px;
margin-bottom: 0
}
#layered-filter-block .filter-options-item .filter-options-content ol li a {
color: #3d3936
}
#layered-filter-block .filter-options-item .filter-options-content ol li a .label {
font-size: 13px;
line-height: 1.6;
font-weight: 300
}
#layered-filter-block .filter-options-item .filter-options-content li a {
padding-left: 0;
color: #3d3936;
margin-right: 20px;
min-width: 180px;
width: auto
}
#layered-filter-block .filter-options-item .filter-options-content li a span {
font-size: 13px;
line-height: 1.6
}
#layered-filter-block .filter-options-item .filter-options-content ul {
padding-left: 0
}
#layered-filter-block .filter-options-item .filter-options-content ul li {
margin: 0;
display: -ms-flexbox;
display: flex
}
#layered-filter-block .filter-options-item .filter-options-content .am-filter-items-attr_price {
width: 100%;
max-width: initial
}
#layered-filter-block .filter-options-item .filter-options-content.active {
display: block !important
}
.filter-current .filter-current-subtitle {
padding: calc(20px - 10px) 0;
pointer-events: none;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
margin-bottom: 0
}
.filter-current .items .item {
display: inline-block;
margin-right: 20px
}
.filter-current .items .item .filter-label {
display: inline-block;
font-size: 16px;
font-weight: 200
}
.filter-current .items .item .filter-value {
display: inline-block;
font-size: 16px;
font-weight: 600
}
.block-actions {
border-bottom: 1px solid #dfe0e0;
padding-bottom: 20px
}
.block-actions .filter-clear span {
font-size: 16px
}
.catalog-category-view.filter-active .block-content.filter-content,.catalogsearch-result-index.filter-active .block-content.filter-content {
display: block
}
.catalog-category-view .block.filter.active .filter-title:after,.catalogsearch-result-index .block.filter.active .filter-title:after {
content: " ";
transform: rotate(180deg)
}
.catalog-category-view .block.filter.active .filter-title:before,.catalogsearch-result-index .block.filter.active .filter-title:before {
content: "";
transform: rotate(90deg)
}
.catalog-category-view .block.filter.active .filter-title strong:after,.catalogsearch-result-index .block.filter.active .filter-title strong:after {
display: none
}
.catalog-category-view .block.filter.active .block-content,.catalogsearch-result-index .block.filter.active .block-content {
display: block
}
.wrapper-smaller {
max-width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
width: 100%
}
.wrapper-smaller.four-items .pagebuilder-column-group {
margin: 0 -10px
}
[data-content-type=row] h2.section-title {
font-size: calc(18px + 14*((100vw - 420px)/860));
color: #e31a82;
margin: 0
}
@media screen and (min-width: 1280px) {
[data-content-type=row] h2.section-title {
font-size:32px
}
}
@media screen and (max-width: 420px) {
[data-content-type=row] h2.section-title {
font-size:18px
}
}
.banner-wrapper {
box-sizing: border-box
}
.banner {
padding: 10px !important
}
.banner.full-width {
width: 100% !important;
margin-right: 0 !important
}
.banner.light {
background-color: #e6e6e6
}
.banner.light h2 {
color: #3d3936 !important
}
.banner.light.fasttrack i {
color: #e31a82
}
.banner.dark-banner {
background: #3d3936
}
.banner.dark-banner h2,.banner.dark-banner p {
color: #fff !important
}
.banner.dark-banner i.fasttrack {
color: #e31a82
}
.banner .box-icon {
height: 25px;
width: 33px;
display: block;
margin: 15px auto 20px auto !important
}
.banner .box-icon img {
max-width: 100%
}
.banner h2 {
font-size: calc(15px + 10*((100vw - 420px)/860));
line-height: 1.25;
margin-bottom: 0
}
@media screen and (min-width: 1280px) {
.banner h2 {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.banner h2 {
font-size:15px
}
}
.banner p,.banner a {
font-size: calc(13px + 9*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.banner p,.banner a {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.banner p,.banner a {
font-size:13px
}
}
.banner p {
font-weight: 300;
line-height: 1.25
}
.banner a,.banner a:visited,.banner a:link {
text-decoration: none;
color: #3d3936;
font-weight: 500
}
.banner a:hover,.banner a:visited:hover,.banner a:link:hover {
color: #e31a82;
text-decoration: underline
}
.banner .bluefoot-image {
margin: 0 auto 20px auto
}
.top-banners .pagebuilder-column-group {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.purple-banner {
color: #fff
}
.purple-banner h2 {
line-height: 1.25;
margin-bottom: 0;
font-size: calc(18px + 14*((100vw - 420px)/860));
color: #fff
}
@media screen and (min-width: 1280px) {
.purple-banner h2 {
font-size:32px
}
}
@media screen and (max-width: 420px) {
.purple-banner h2 {
font-size:18px
}
}
.purple-banner p {
font-size: calc(15px + 11*((100vw - 420px)/860));
line-height: 1.25;
font-weight: 300;
color: #3d3936;
max-width: 800px;
margin: 0 auto
}
@media screen and (min-width: 1280px) {
.purple-banner p {
font-size:26px
}
}
@media screen and (max-width: 420px) {
.purple-banner p {
font-size:15px
}
}
.blinds-category {
max-width: 1240px;
margin-left: auto !important;
margin-right: auto !important;
width: 100%
}
.blinds-category .category-accordion {
position: relative;
border-style: solid
}
.blinds-category .category-accordion h2 {
font-size: calc(22px + 10*((100vw - 420px)/860));
color: #3d3936;
font-weight: 700;
margin: 5px 0;
-ms-flex-order: 2;
order: 2;
text-align: center
}
@media screen and (min-width: 1280px) {
.blinds-category .category-accordion h2 {
font-size:32px
}
}
@media screen and (max-width: 420px) {
.blinds-category .category-accordion h2 {
font-size:22px
}
}
.blinds-category .category-accordion a {
font-size: 25px;
color: #fff;
font-weight: 400;
line-height: .8;
width: 100%
}
.blinds-category .category-accordion p {
font-size: 15px;
line-height: 20px;
text-align: center;
font-weight: 300;
padding-bottom: 10px;
color: #fff
}
.blinds-category .category-accordion .banner {
display: none
}
.blinds-category .category-accordion .ui-accordion-header.ui-state-active:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 1px solid #dfe0e0;
border-bottom: 0
}
.blinds-category .category-accordion figcaption {
display: none
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=video] .pagebuilder-video-inner {
display: block
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=video] .pagebuilder-video-wrapper {
display: -ms-flexbox;
display: flex
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=video] .pagebuilder-video-container {
padding-top: 0;
width: 100%
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=video] iframe {
width: 100%;
max-width: 100% !important;
border: none;
left: unset;
position: relative;
top: unset;
display: block;
height: 210px
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=image] {
background: #959797
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=image] img {
display: block;
margin: 20% auto;
width: 64px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] {
background: #2b2f30;
padding: 20px !important;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] h3 a {
font-size: calc(15px + 7*((100vw - 420px)/860));
font-weight: 700;
margin-bottom: .5em;
display: block
}
@media screen and (min-width: 1280px) {
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] h3 a {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] h3 a {
font-size:15px
}
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] h3 a:hover,.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] h3 a:focus {
color: #e31a82
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] p {
color: #fff
}
.info-boxes .pagebuilder-column.trustpilot-block {
-ms-flex-direction: column !important;
flex-direction: column !important;
-ms-flex-pack: center !important;
justify-content: center !important
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] {
color: #fff;
padding-bottom: 0
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] p {
font-size: calc(13px + 9*((100vw - 420px)/860));
font-weight: 300
}
@media screen and (min-width: 1280px) {
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] p {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] p {
font-size:13px
}
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] strong {
font-size: calc(15px + 10*((100vw - 420px)/860));
display: block;
line-height: 1.1
}
@media screen and (min-width: 1280px) {
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] strong {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] strong {
font-size:15px
}
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] a {
color: #fff;
font-size: calc(13px + 9*((100vw - 420px)/860));
font-weight: 700;
display: block
}
@media screen and (min-width: 1280px) {
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] a {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] a {
font-size:13px
}
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] a:hover,.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=text] a:focus {
text-decoration: underline
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=image] {
background: 0 0
}
.info-boxes .pagebuilder-column.trustpilot-block [data-content-type=image] img {
margin: 0 auto 15px auto
}
.info-boxes.blog .pagebuilder-column:not(.trustpilot-block) [data-content-type=image] img {
width: 100%;
margin: 0;
height: 100% !important
}
.info-boxes.blog .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] {
background: #e31a82
}
.info-boxes.blog .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] h3 a {
color: #3d3936
}
.info-boxes.blog .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] p a {
font-weight: 700;
color: #fff
}
.info-boxes.blog .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] p a:hover,.info-boxes.blog .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] p a:focus {
colr: #fff;
text-decoration: underline
}
.info-boxes.blog .banner-wrapper {
margin-bottom: 20px !important
}
.info-boxes.blog .banner {
height: 100% !important;
width: 100% !important;
background: #eaeaea !important
}
.info-boxes.blog .banner img {
width: 30px;
margin: 0 auto 15px auto
}
.info-boxes.blog .banner h3 {
font-size: calc(15px + 7*((100vw - 420px)/860));
font-weight: 700;
margin-bottom: .5em;
display: block
}
@media screen and (min-width: 1280px) {
.info-boxes.blog .banner h3 {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.info-boxes.blog .banner h3 {
font-size:15px
}
}
.info-boxes.blog .banner p {
color: #3d3936 !important
}
.cms-index-index .bluefoot-row.confidence-block {
padding: 0 20px;
display: -ms-flexbox !important;
display: flex !important;
margin: 0
}
.cms-index-index .bluefoot-row.confidence-block .bluefoot-driver {
margin-bottom: 0
}
.cms-index-index .bluefoot-row .bluefoot-column {
padding: 0
}
.cms-index-index .bluefoot-row p {
font-size: calc(18px + 4*((100vw - 420px)/860));
line-height: 1.15;
font-weight: 200
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row p {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row p {
font-size:18px
}
}
.cms-index-index .bluefoot-row h3 {
font-size: calc(21px + 4*((100vw - 420px)/860));
line-height: 1;
font-weight: 700
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row h3 {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row h3 {
font-size:21px
}
}
.cms-index-index .bluefoot-row .bluefoot-driver a {
display: block;
width: 100%
}
.cms-index-index .bluefoot-row.banner-wrapper .box-icon {
height: 25px;
width: 33px;
display: block
}
.cms-index-index .bluefoot-row.banner-wrapper .box-icon img {
max-width: 100%
}
.cms-index-index .bluefoot-row.banner-wrapper .bluefoot-column-6 {
background-color: #e6e6e6;
box-sizing: border-box;
padding: 20px calc(20px - 10px)
}
.cms-index-index .bluefoot-row.choose-your {
background-color: #e31a82;
padding: 30px;
display: block
}
.cms-index-index .bluefoot-row.choose-your p {
font-size: calc(15px + 7*((100vw - 420px)/860));
line-height: 1.15;
font-weight: 200
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.choose-your p {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.choose-your p {
font-size:15px
}
}
.cms-index-index .bluefoot-row.choose-your .bluefoot-html {
max-width: 906px;
width: 100%;
margin: auto
}
.cms-index-index .bluefoot-row.choose-your h2 {
color: #fff
}
.cms-index-index .bluefoot-row.choose-your h2 span {
font-size: calc(18px + 7*((100vw - 420px)/860));
color: #fff;
line-height: 1;
font-weight: 700
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.choose-your h2 span {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.choose-your h2 span {
font-size:18px
}
}
.cms-index-index .bluefoot-row.blinds-category {
max-width: 1200px;
display: -ms-flexbox;
display: flex;
margin: auto
}
.cms-index-index .bluefoot-row.blinds-category h2 {
margin: 0
}
.cms-index-index .bluefoot-row.blinds-category .bluefoot-column-6,.cms-index-index .bluefoot-row.blinds-category .bluefoot-column-3 {
padding: 0
}
.cms-index-index .bluefoot-row.blinds-category .bluefoot-column-6 a,.cms-index-index .bluefoot-row.blinds-category .bluefoot-column-3 a {
display: block;
position: relative
}
.cms-index-index .bluefoot-row.blinds-category p {
font-size: 15px;
line-height: 20px;
margin-top: 3px
}
.cms-index-index .bluefoot-row.blinds-category .delivery-block {
background-color: #3d3936;
padding: 20px
}
.cms-index-index .bluefoot-row.blinds-category .delivery-block h3 {
color: #fff
}
.cms-index-index .bluefoot-row.blinds-category .delivery-block h3 span {
color: #e31a82;
font-size: calc(21px + 4*((100vw - 420px)/860));
line-height: 1;
font-weight: 700;
font-style: italic
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blinds-category .delivery-block h3 span {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blinds-category .delivery-block h3 span {
font-size:21px
}
}
.cms-index-index .bluefoot-row.blinds-category .delivery-block p {
color: #fff
}
.cms-index-index .bluefoot-row.blinds-category .delivery-block .delivery-icon {
background-image: url("../images/icons/truck.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 35px;
height: 27px;
margin: calc(20px - 5px) auto
}
.cms-index-index .bluefoot-row.blinds-category .free-service {
background-color: #e6e6e6;
padding: 20px
}
.cms-index-index .bluefoot-row.blinds-category .service-icon {
background-image: url("../images/icons/samples.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 27px;
height: 27px;
margin: calc(20px - 5px) auto
}
.cms-index-index .bluefoot-row.confidence-block {
max-width: 1200px;
display: -ms-flexbox;
display: flex;
margin: auto;
padding: 0
}
.cms-index-index .bluefoot-row.blog-home {
max-width: 1200px;
display: -ms-flexbox;
display: flex;
margin: auto
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box {
background-color: #010231;
color: #fff;
padding: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box .trust-pilot {
width: 116px;
display: block;
margin: 10px auto 20px auto
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box .trust-pilot img {
max-width: 100%
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box strong {
display: block;
font-size: calc(16px + 9*((100vw - 420px)/860));
line-height: 1
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box strong {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box strong {
font-size:16px
}
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box span {
font-weight: 300;
font-size: calc(16px + 6*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box span {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box span {
font-size:16px
}
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box a {
font-size: calc(16px + 6*((100vw - 420px)/860));
color: #fff;
margin-top: 5px;
font-weight: 400
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box a {
font-size:22px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box a {
font-size:16px
}
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-entity {
margin-bottom: 0
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-entity a {
display: block
}
.cms-index-index .bluefoot-row.blog-home .useful-info {
background-color: #3d3936;
padding: calc(20px - 5px);
min-height: 122px
}
.cms-index-index .bluefoot-row.blog-home .useful-info p {
color: #fff;
font-weight: 200;
font-size: calc(17px + -2*((100vw - 420px)/860));
line-height: calc(19px + -2*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .useful-info p {
line-height:17px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .useful-info p {
line-height:19px
}
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .useful-info p {
font-size:15px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .useful-info p {
font-size:17px
}
}
.cms-index-index .bluefoot-row.blog-home .useful-info a {
display: block;
margin-bottom: calc(20px - 10px);
font-size: calc(22px + 3*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .useful-info a {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .useful-info a {
font-size:22px
}
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-video iframe {
display: block
}
.cms-index-index .bluefoot-row.blog-home .blog-info {
background-color: #e31a82;
padding: calc(20px - 10px);
min-height: 112px
}
.cms-index-index .bluefoot-row.blog-home .blog-info h3 {
display: block;
margin-bottom: calc(20px - 10px);
font-size: calc(22px + 3*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .blog-info h3 {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .blog-info h3 {
font-size:22px
}
}
.cms-index-index .bluefoot-row.blog-home .blog-info p {
color: #fff;
font-weight: 200;
font-size: calc(17px + -2*((100vw - 420px)/860));
line-height: calc(19px + -2*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .blog-info p {
line-height:17px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .blog-info p {
line-height:19px
}
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .blog-info p {
font-size:15px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .blog-info p {
font-size:17px
}
}
.cms-index-index .bluefoot-row.blog-home .blog-info a {
color: #fff;
font-weight: 700;
display: inline-block;
line-height: 20px;
font-size: calc(17px + -2*((100vw - 420px)/860));
line-height: calc(19px + -2*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .blog-info a {
line-height:17px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .blog-info a {
line-height:19px
}
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-home .blog-info a {
font-size:15px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-home .blog-info a {
font-size:17px
}
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box {
background-color: #e6e6e6;
padding: 30px
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box img {
height: 27px !important;
width: 27px !important;
display: block;
margin: calc(20px - 10px) auto 20px auto
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box h3 {
display: block;
margin-bottom: calc(20px - 10px)
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box p {
line-height: 24px
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box .bluefoot-driver {
margin: auto
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-driver a {
display: block;
width: 100%
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-driver a img {
width: 100%;
height: 100%
}
.cms-index-index .bluefoot-row.blog-home .icon-background {
background-color: #959797;
min-height: 210px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.cms-index-index .bluefoot-row.blog-home .icon-background img {
height: 65px !important;
width: 85px !important
}
.cms-index-index .bluefoot-row.blog-title {
color: #e31a82;
max-width: 1200px;
display: block;
margin: auto;
text-align: center
}
.cms-index-index .bluefoot-row.blog-title h2 span {
font-size: calc(22px + 10*((100vw - 420px)/860));
color: #e31a82;
font-weight: 700;
margin: calc(20px - 10px) 0
}
@media screen and (min-width: 1280px) {
.cms-index-index .bluefoot-row.blog-title h2 span {
font-size:32px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .bluefoot-row.blog-title h2 span {
font-size:22px
}
}
.cms-index-index .bluefoot-row .bluefoot-driver .bluefoot-driver-text {
bottom: 50%;
height: 40px;
padding: 0;
margin: auto;
max-width: 200px;
background-color: #e31a82;
font-weight: 900;
text-transform: uppercase;
line-height: 42px
}
.cms-index-index .mobile-delivery-block {
max-width: 1200px;
width: 100%;
display: -ms-flexbox;
display: flex;
margin: 20px auto auto auto
}
.cms-index-index .mobile-delivery-block .bluefoot-column-6,.cms-index-index .mobile-delivery-block .bluefoot-column-3 {
padding: 0
}
.cms-index-index .mobile-delivery-block .bluefoot-column-6 a,.cms-index-index .mobile-delivery-block .bluefoot-column-3 a {
display: block
}
.cms-index-index .mobile-delivery-block p {
font-size: 15px;
line-height: 20px;
margin-top: 3px
}
.cms-index-index .mobile-delivery-block .delivery-block {
background-color: #3d3936;
padding: 20px
}
.cms-index-index .mobile-delivery-block .delivery-block h3 {
color: #fff
}
.cms-index-index .mobile-delivery-block .delivery-block h3 span {
color: #e31a82;
font-size: calc(21px + 4*((100vw - 420px)/860));
line-height: 1;
font-weight: 700;
font-style: italic
}
@media screen and (min-width: 1280px) {
.cms-index-index .mobile-delivery-block .delivery-block h3 span {
font-size:25px
}
}
@media screen and (max-width: 420px) {
.cms-index-index .mobile-delivery-block .delivery-block h3 span {
font-size:21px
}
}
.cms-index-index .mobile-delivery-block .delivery-block p {
color: #fff
}
.cms-index-index .mobile-delivery-block .delivery-block .delivery-icon {
background-image: url("../images/icons/truck.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 35px;
height: 27px;
margin: calc(20px - 5px) auto
}
.cms-index-index .mobile-delivery-block .free-service {
background-color: #e6e6e6;
padding: 20px
}
.cms-index-index .mobile-delivery-block .service-icon {
background-image: url("../images/icons/samples.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 27px;
height: 27px;
margin: calc(20px - 5px) auto
}
.cms-index-index .mobile-delivery-block .delivery-wrapper-mobile {
width: 100%
}
.cms-index-index .mobile-delivery-block img {
width: 100%;
height: auto
}
.homepage-info-col-1 {
margin-bottom: 20px !important
}
.homepage-info-col-1 h1 {
margin-top: 0 !important
}
.pagebuilder-column.homepage-info-col-2 p {
margin-bottom: 15px
}
.category-accordion-info {
position: absolute;
bottom: 5px;
max-width: 100%;
background-color: rgb(5 7 66/50%)
}
.category-accordion-info-blue {
background-color: rgba(33,185,211,.8)
}
.category-accordion-info-pink {
background-color: rgba(186,101,166,.8)
}
.category-accordion-info-purple {
background-color: rgba(80,53,86,.8)
}
.category-accordion-info-grey {
background-color: rgba(80,99,109,.8)
}
.category-accordion-message-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: start !important;
align-items: flex-start !important
}
.category-accordion-message-container p {
color: #50636d !important;
text-align: left !important;
font-size: 12px
}
.homepage-category-message-heading {
margin: 15px 0
}
.homepage-category-message-heading span {
font-family: 'Quicksand-SemiBold';
font-size: 21px;
margin: 10px 0
}
.category-accordion-info p {
padding: 0 25px 8px 20px
}
.shop-by-color-section {
background: #f1f1f1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.shop-by-color-section span.title {
font-family: 'Quicksand-Semibold';
font-size: 40px;
line-height: 33px;
margin: 30px 0
}
.shop-by-color-holder {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.shop-by-color-item {
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 0
}
.shop-by-color-item .text {
text-align: center;
color: #3d3936;
font-size: 18px;
font-family: 'Quicksand-SemiBold'
}
.how-to-fit-slider {
background: #e31a82;
padding: 2em 1em 4em;
overflow: hidden
}
.how-to-fit-slider .title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
color: #fff
}
.how-to-fit-slider .title>span {
font-family: 'Quicksand-Semibold';
font-size: 24px;
line-height: 33px;
margin: 10px 0
}
.how-to-fit-slider .intro {
text-align: center;
font-size: 18px;
font-family: 'Quicksand-Regular';
color: #fff;
max-width: 800px;
margin: 0 auto;
padding: 20px
}
.how-to-fit-slider .intro p {
margin: 5px 0
}
.how-to-fit-slider .slider-how-to-fit .slick-list {
margin: 0 -15px
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track {
display: -ms-flexbox;
display: flex
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin: 0 5px
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide a {
font-family: 'Quicksand-Semibold';
font-size: 30px;
line-height: 33px;
color: #3d3936;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: center;
text-decoration: none;
position: relative
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide a .text {
font-size: 16px;
line-height: 21px;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide .item img {
max-width: 120px
}
.how-to-fit-slider .slider-how-to-fit .slick-arrow {
width: 0;
height: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-arrow:before {
width: 24px;
height: 24px
}
.how-to-fit-slider .slider-how-to-fit .slick-prev,.how-to-fit-slider .slider-how-to-fit .slick-next {
position: absolute;
top: -85px;
right: 20px;
left: unset;
z-index: 1
}
.how-to-fit-slider .slider-how-to-fit .slick-prev:before,.how-to-fit-slider .slider-how-to-fit .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
background-color: #fff;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-prev:before {
right: calc(45px + 10px);
content: "";
background-image: url(../images/west_black_24dp.svg);
transform: rotate(180deg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-next:before {
right: 0;
content: "";
background-image: url(../images/west_black_24dp.svg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.how-to-fit-slider .slider-how-to-fit .how-to-fit-description {
width: 100%;
padding: 0 10px
}
.how-to-fit-slider .slider-how-to-fit .how-to-fit-description .title-tag {
font-size: 14px;
color: #fff
}
.happy-home-slider {
background: #f2ccd6;
padding: 2em 0 4em;
overflow: hidden;
position: relative
}
.happy-home-slider .title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.happy-home-slider .title>span {
font-family: 'Quicksand-Semibold';
font-size: 24px;
line-height: 33px;
margin: 10px 0
}
.happy-home-slider .intro {
text-align: center;
font-size: 18px;
font-family: 'Quicksand-Regular';
max-width: 800px;
margin: 0 auto;
padding: 20px
}
.happy-home-slider .intro p {
margin: 5px 0
}
.slider-happy-home.slider.slick-slider {
position: relative;
left: 30px
}
.happy-home-slider .slider-happy-home .slick-list {
margin: 0 -15px
}
.happy-home-slider .slider-happy-home .slick-list .slick-track {
display: -ms-flexbox;
display: flex
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin: 0 5px
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide a {
font-family: 'Quicksand-Semibold';
font-size: 30px;
line-height: 33px;
color: #3d3936;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: center;
text-decoration: none;
position: relative
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide a .text {
font-size: 21px;
line-height: 21px;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
text-shadow: 2px 2px 5px #000
}
.happy-home-slider .slider-happy-home .slick-arrow {
width: 0;
height: 0
}
.happy-home-slider .slider-happy-home .slick-arrow:before {
width: 24px;
height: 24px
}
.happy-home-slider .slider-happy-home .slick-prev,.happy-home-slider .slider-happy-home .slick-next {
position: absolute;
top: -85px;
right: 60px;
left: unset;
z-index: 1
}
.happy-home-slider .slider-happy-home .slick-prev:before,.happy-home-slider .slider-happy-home .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
background-color: #fff;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0
}
.happy-home-slider .slider-happy-home .slick-prev:before {
right: calc(45px + 10px);
content: "";
background-image: url(../images/west_black_24dp.svg);
transform: rotate(180deg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.happy-home-slider .slider-happy-home .slick-next:before {
right: 0;
content: "";
background-image: url(../images/west_black_24dp.svg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.happy-home-slider .slider-happy-home .happy-home-description {
position: absolute;
bottom: 10px;
width: 100%;
text-align: left;
padding: 0 10px
}
.happy-home-slider .slider-happy-home .happy-home-description .title-tag {
font-size: 16px;
color: #fff;
text-shadow: 2px 2px 2px #414141
}
.happy-starts-at-home-copy {
background: #f2ccd6;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center;
align-items: center
}
.happy-starts-at-home-copy>div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.happy-starts-at-home-copy .heading-devant {
font-family: 'Devant';
color: #000;
font-size: 8em;
line-height: 100px
}
.happy-starts-at-home-copy .btn-pink-round {
font-family: 'Quicksand-SemiBold';
font-size: 18px;
margin: 20px 0;
color: #fff;
background: #e31a84;
padding: 7px 20px 8px;
border-radius: 30px
}
.happy-starts-at-home-img img {
display: -ms-flexbox;
display: flex
}
.homepage-trust-blocks-container .homepage-trust-blocks {
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1
}
.homepage-trust-blocks-container .homepage-trust-blocks:nth-child(odd) {
background: #e31a82
}
.homepage-trust-blocks-container .homepage-trust-blocks:nth-child(even) {
background: #f2ccd6
}
.homepage-trust-blocks-container .homepage-trust-blocks {
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1;
margin: 0 10px;
padding: 30px !important
}
.homepage-trust-blocks img {
height: 75px
}
.section-copy-and-image-copy {
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center;
align-items: center
}
.section-copy-and-image-copy>div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
max-width: 400px
}
.section-copy-and-image-copy .heading-quicksand {
font-family: 'Quicksand-SemiBold';
font-size: 26px;
line-height: 34px;
margin: 10px 0
}
.section-copy-and-image-copy .btn-pink-round {
font-family: 'Quicksand-SemiBold';
font-size: 18px;
margin: 20px 0;
color: #fff;
background: #e31a84;
padding: 7px 20px 8px;
border-radius: 30px
}
.section-copy-and-image-img img {
display: -ms-flexbox;
display: flex
}
.section-copy-and-image-copy p {
margin: 5px 0;
font-size: 14px
}
.blind-happiness-heading-and-intro {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.blind-happiness-heading {
font-family: 'Quicksand-SemiBold';
font-size: 26px;
padding-bottom: 10px
}
.blind-happiness-heading-and-intro .intro {
max-width: 900px;
margin: 5px 0;
text-align: center;
font-size: 15px
}
.blind-happiness-banner {
max-width: 300px;
width: 100%;
margin: 2em 0
}
.blind-happiness-container>div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.blind-happiness-action {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 900px
}
.blind-happiness-action-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.blind-happiness-action-item img {
max-height: 65px
}
.blind-happiness-action-item p {
margin: 2em 0;
max-width: 200px;
text-align: center
}
.shop-by-types .title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.shop-by-types .title>span {
font-family: 'Quicksand-Semibold';
font-size: 40px;
line-height: 33px;
margin-bottom: 30px
}
.shop-by-types .slider-types .slick-slide.slick-center {
transform: scale(1) !important
}
.shop-by-types .slider-types :nth-child(1 of div.slick-active) {
transform: scale(.6) translate(150%) !important;
z-index: -3
}
.shop-by-types .slider-types :nth-child(2 of div.slick-active) {
transform: scale(.7) translate(70%) !important;
z-index: -2
}
.shop-by-types .slider-types :nth-child(3 of div.slick-active) {
transform: scale(.8) translate(20%) !important;
z-index: -1
}
.shop-by-types .slider-types :nth-child(4 of div.slick-active) {
transform: scale(1) translate(0) !important
}
.shop-by-types .slider-types :nth-child(5 of div.slick-active) {
transform: scale(.8) translate(-20%) !important;
z-index: -1
}
.shop-by-types .slider-types :nth-child(6 of div.slick-active) {
transform: scale(.7) translate(-70%) !important;
z-index: -2
}
.shop-by-types .slider-types :nth-child(7 of div.slick-active) {
transform: scale(.6) translate(-150%) !important;
z-index: -3
}
.shop-by-types .slider-types .slick-list {
margin: 0 -15px
}
.shop-by-types .slider-types .slick-list .slick-track {
display: -ms-flexbox;
display: flex
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
transition: all .4s ease-in-out;
transform: scale(.6) translate(0)
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide a {
font-family: 'Quicksand-Semibold';
font-size: 30px;
line-height: 33px;
color: #3d3936;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: center;
text-decoration: none
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide a .text {
font-size: 21px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none
}
.shop-by-types .slider-types .slick-arrow {
width: 0;
height: 0
}
.shop-by-types .slider-types .slick-arrow:before {
width: 24px;
height: 24px
}
.shop-by-types .slider-types .slick-prev,.shop-by-types .slider-types .slick-next {
position: absolute;
top: -9px;
left: unset;
z-index: 1
}
.shop-by-types .slider-types .slick-prev:before,.shop-by-types .slider-types .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
background-color: #f2ccd6;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0
}
.shop-by-types .slider-types .slick-prev:before {
left: 46px;
content: "";
background-image: url(../images/west_black_24dp.svg);
transform: rotate(180deg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-types .slider-types .slick-next:before {
right: 29px;
content: "";
background-image: url(../images/west_black_24dp.svg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-colour {
padding-bottom: 30px;
background-color: #232f3b;
border-radius: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.shop-by-colour .title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.shop-by-colour .title>span {
font-family: 'cocogoose';
font-size: 40px;
line-height: 48px;
color: #fff;
margin-bottom: 33px;
margin-top: 10px
}
.shop-by-colour .title>span .pink-color {
font-size: 40px;
line-height: 99px;
color: #f4df6b
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide a .text {
font-size: 21px !important;
line-height: 24px !important;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide>div>div a {
font-size: 21px;
line-height: 33px;
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
text-align: center
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide>div>div a .color-slider {
width: 85px;
height: 85px;
margin-bottom: 10px
}
.shop-by-colour .slider-colour .slick-arrow {
width: 0;
height: 0
}
.shop-by-colour .slider-colour .slick-arrow:before {
width: 24px;
height: 24px
}
.shop-by-colour .slider-colour .slick-prev,.shop-by-colour .slider-colour .slick-next {
position: absolute;
top: -105px;
right: 0;
left: unset
}
.shop-by-colour .slider-colour .slick-prev:before,.shop-by-colour .slider-colour .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
background-color: #fff;
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0
}
.shop-by-colour .slider-colour .slick-prev:before {
right: calc(45px + 10px + 40px);
content: "";
background-image: url(../images/west_black_24dp.svg);
transform: rotate(180deg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-colour .slider-colour .slick-next:before {
right: 40px;
content: "";
background-image: url(../images/west_black_24dp.svg);
width: 45px;
height: 45px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.cms-page-view .block-wishlist {
display: none
}
.contact-form.form-wrapper {
padding: 15px;
background: #eaeaea;
position: relative
}
.contact-form.form-wrapper .fieldset>.field {
width: 100%
}
.contact-form.form-wrapper .form-note {
margin: 15px 0 30px;
padding: 15px;
background: #e31a82;
color: #fff
}
.contact-form .alerts .alert {
padding: 15px;
margin: 15px 0;
border: 2px dashed #e31a82
}
.contact-form .alerts strong {
font-size: 1.6rem;
margin-bottom: 5px
}
.sidebar-cms-links>a {
background: #eaeaea
}
.sidebar-cms-links a {
color: #3d3936
}
.sidebar-cms-links a:hover,.sidebar-cms-links a:focus {
color: #e31a82
}
.trustpilot-box {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
background: #010231;
-ms-flex-pack: center;
justify-content: center
}
.trustpilot-box img {
width: 56px !important;
margin-right: 10px
}
.confidence_message_item .trustpilot-box {
margin: -8px;
padding: 8px 5px
}
.embed-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.embed-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
border: 2px solid #000
}
.border-top-gray {
border-top: 1px solid #eaeaea
}
.bluefoot-entity h1 {
margin-top: 0
}
.bluefoot-entity p {
font-size: 16px;
font-weight: 300
}
.bluefoot-entity p a,.bluefoot-entity p a span {
font-size: 16px;
font-weight: 500;
text-decoration: underline
}
.bluefoot-entity table {
border: 1px solid #000
}
.bluefoot-entity table td,.bluefoot-entity table th {
border: 1px solid #000
}
.bluefoot-entity .col-1-3:last-child {
padding: 0
}
.cms-no-route dl {
padding-bottom: 30px
}
.cms-no-route dl dt {
font-size: 1.6rem
}
.cms-no-route dl ul {
list-style: disc;
padding: 10px 0 0 15px
}
.cms-no-route dl li {
margin: 0;
padding: 0
}
.nice-select {
-webkit-tap-highlight-color: rgba(0,0,0,0);
background-color: #dfe0e0;
border-radius: 5px;
border: 0;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: 'Quicksand-Semibold';
font-size: 18px!important;
font-weight: 400;
height: 30px;
line-height: 30px;
outline: none;
padding-left: 5px;
padding-right: 20px;
position: relative;
text-align: left !important;
transition: all .2s ease-in-out;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%
}
.nice-select span {
font-size: 18px;
font-weight: 400
}
.nice-select:hover {
border-color: darken(#e8e8e8,5%)
}
.nice-select:active,.nice-select:focus {
border-color: #c1c1c1
}
.nice-select:after {
background-image: url("../images/icons/select.svg");
background-repeat: no-repeat;
background-position: center center;
content: '';
display: block;
height: 10px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 5px;
top: 49%;
transition: all .15s ease-in-out;
width: 10px
}
.nice-select.open:after {
transform: rotate(180deg)
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0);
z-index: 2;
width: 100%
}
.nice-select.disabled {
border-color: lighten(#e8e8e8,2%);
color: #c1c1c1;
pointer-events: none
}
.nice-select.disabled:after {
border-color: lighten(#000,20%)
}
.nice-select.wide {
width: 100%
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important
}
.nice-select.right {
float: right
}
.nice-select.right .list {
left: auto;
right: 0
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 36px - 2
}
.nice-select.small:after {
height: 4px;
width: 4px
}
.nice-select.small .option {
line-height: 36px - 2;
min-height: 36px - 2
}
.nice-select .list {
background-color: #fff;
border-radius: 1px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(.75) translateY(- 30px/2);
transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 1;
list-style: none;
outline: none;
padding-left: 5px;
text-align: left;
transition: all .2s;
margin-bottom: 4px
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus {
background-color: #f6f6f6
}
.nice-select .option.selected {
font-weight: 700
}
.nice-select .option.disabled {
background-color: transparent;
color: #c1c1c1;
cursor: default
}
.cms-how-to-fit-blinds .page-wrapper .confidence_messages-container-247 {
display: none
}
.cms-how-to-fit-blinds .page-wrapper .top-container {
display: none
}
.cms-how-to-fit-blinds .columns .column {
padding-bottom: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-header p {
margin-bottom: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting {
padding: 60px 70px 15px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head {
max-width: 1440px;
margin: auto;
display: -ms-flexbox;
display: flex;
gap: 30px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure {
width: calc(50% - 30px/2);
background: unset;
border-radius: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image {
position: relative
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image img {
width: 100%
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .thumb-image {
width: 80px;
height: 80px;
position: absolute;
top: 25px;
right: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .thumb-image img {
width: 100%;
height: 100%
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text {
position: absolute;
bottom: 30px;
left: 30px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text .how-to-measure,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text .blinds {
font-size: 40px;
font-weight: 700;
line-height: 110%;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image:hover {
cursor: pointer
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image:hover .text .how-to-measure,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image:hover .text .blinds {
color: #f4df6b
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide {
position: relative;
width: calc(50% - 30px/2);
background-color: #e8eaf1;
border-radius: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top {
display: -ms-flexbox;
display: flex;
padding: 33px 20px 30px 30px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .title h3 {
font-size: 30px;
font-weight: 600;
line-height: 33px;
color: #111423;
margin-top: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .title span {
font-size: 18px;
font-weight: 500;
line-height: 20px;
color: #4f5962
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .thumb-image {
width: 80px;
height: 80px;
position: absolute;
top: 25px;
right: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .thumb-image img {
width: 100%;
height: 100%
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0 28px 18px 30px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right {
width: calc(50% - 20px/2)
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul {
list-style-type: none;
padding-left: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li {
margin-bottom: 20px;
background-color: #fff;
border-radius: 10px;
padding: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li:hover,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li:hover {
box-shadow: 0px 33px 13px rgba(0,0,0,.01),0px 18px 11px rgba(0,0,0,.03),0px 8px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.05)
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li a,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li a {
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #232f3b;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 55px;
padding-right: 15px;
text-decoration: none
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li a img,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li a img {
width: 32px;
height: 32px;
margin: 0 15px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li a:hover,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li a:hover {
color: #e81f76
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now {
max-width: 1440px;
margin: auto
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now .title-treding {
margin-top: 25px
}
.cms-how-to-fit-blinds .columns .column .guide-why-blind p {
margin-bottom: 0
}
.cms-how-to-fit-blinds .columns .column .guide-why-blind .content-banner-icon-text {
padding-bottom: 80px
}
.content-guide {
max-width: 1440px;
padding: 40px 70px 100px;
margin: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.content-guide .content-top {
width: 100%;
text-align: center;
position: relative;
margin-bottom: 25px
}
.content-guide .content-top h1 {
--fs-content-guide-min: 20;
--fs-content-guide-max: 40;
//font-size: 40px;
font-size: calc(~"(var(--fs-content-guide-min) * 1px) + (var(--fs-content-guide-max) - var(--fs-content-guide-min)) * ((min(100vw, (var(--screen-1440) * 1px)) - (var(--screen-320) * 1px)) / (var(--screen-1440) - var(--screen-320)))");
font-weight: 600;
line-height: 1.2;
color: #232f3b;
margin-bottom: unset
}
.content-guide .content-top h1 span {
--fs-content-guide-min: 40;
--fs-content-guide-max: 80;
font-family: 'fave-script-pro';
//font-size: 80px;
font-size: calc(~"(var(--fs-content-guide-min) * 1px) + (var(--fs-content-guide-max) - var(--fs-content-guide-min)) * ((min(100vw, (var(--screen-1440) * 1px)) - (var(--screen-320) * 1px)) / (var(--screen-1440) - var(--screen-320)))");
font-weight: 400;
line-height: normal;
color: #e81f76
}
.content-guide .content-top button {
position: absolute;
right: 0;
bottom: 50%;
transform: translateY(50%);
background: #fff;
padding: 14px 24px;
border-radius: 9px;
border: unset
}
.content-guide .content-top button a {
--fs-content-guide-min: 14;
--fs-content-guide-max: 16;
font-weight: 700;
//font-size: 16px;
font-size: calc(~"(var(--fs-content-guide-min) * 1px) + (var(--fs-content-guide-max) - var(--fs-content-guide-min)) * ((min(100vw, (var(--screen-1440) * 1px)) - (var(--screen-320) * 1px)) / (var(--screen-1440) - var(--screen-320)))");
line-height: 1.2;
color: #232f3b;
text-decoration: none
}
.content-guide .content-top button:hover {
background-color: rgba(255,255,255,.5)
}
.content-guide .content-top button:hover a {
color: #e81f76
}
.content-guide .left-content {
position: relative;
width: calc(~"(100% - 30px) / 2");
display: -ms-flexbox;
display: flex
}
.content-guide .left-content .thumnail {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex: 1;
flex: 1;
border-radius: 20px;
overflow: hidden
}
.content-guide .left-content .thumnail:hover {
cursor: pointer;
box-shadow: 0px 33px 13px rgba(0,0,0,.01),0px 18px 11px rgba(0,0,0,.03),0px 8px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.05)
}
.content-guide .left-content .thumnail:hover .title .how-to-measure,.content-guide .left-content .thumnail:hover .title .blinds {
color: #f4df6b
}
.content-guide .left-content .thumnail:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(to top,#111423 1%,transparent 100%);
z-index: 1
}
.content-guide .left-content .thumnail img {
width: 100%;
position: relative
}
.content-guide .left-content .thumnail .link-url-custom {
width: 100%
}
.content-guide .left-content .thumnail .link-url-custom img {
height: 100%;
object-fit: cover
}
.content-guide .left-content .thumnail .icon-guide {
position: absolute;
top: 20px;
right: 20px;
background-image: url(../images/question.svg);
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
border-radius: 50%;
z-index: 2
}
.content-guide .left-content .thumnail .title {
position: absolute;
left: 30px;
bottom: 30px;
z-index: 2;
text-decoration: none;
////font-weight: 700;
//font-size: 40px;
//line-height: 90%;
//color: #fff;
//width: 60%
}
.content-guide .left-content .thumnail .title .how-to-measure,.content-guide .left-content .thumnail .title .blinds {
--fs-content-guide-min: 18;
--fs-content-guide-max: 40;
font-family: acumin-pro-semi-condensed;
//font-size: 40px;
font-size: calc(~"(var(--fs-content-guide-min) * 1px) + (var(--fs-content-guide-max) - var(--fs-content-guide-min)) * ((min(100vw, (var(--screen-1440) * 1px)) - (var(--screen-320) * 1px)) / (var(--screen-1440) - var(--screen-320)))");
font-weight: 700;
line-height: 110%;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis
}
.content-guide .right-content {
width: calc(~"(100% - 30px) / 2");
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between
}
.content-guide .right-content .right-content_question {
background-color: #e8eaf1;
padding: 25px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
text-decoration: none;
-ms-flex: 1;
flex: 1
}
.content-guide .right-content .right-content_question:hover {
cursor: pointer
}
.content-guide .right-content .right-content_question:hover span {
color: #e81f76;
text-decoration: none
}
.content-guide .right-content .right-content_question:not(:first-child) {
margin-top: 20px
}
.content-guide .right-content .right-content_question span {
--fs-content-guide-min: 18;
--fs-content-guide-max: 30;
//font-size: 30px;
font-size: calc(~"(var(--fs-content-guide-min) * 1px) + (var(--fs-content-guide-max) - var(--fs-content-guide-min)) * ((min(100vw, (var(--screen-1440) * 1px)) - (var(--screen-320) * 1px)) / (var(--screen-1440) - var(--screen-320)))");
font-weight: 700;
line-height: 1.1;
color: #111423;
text-decoration: none
}
.content-guide .right-content .right-content_question .icon-guide {
background-image: url(../images/question.svg);
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
border-radius: 50%;
z-index: 2
}
.content-guide .right-content .right-content_question:hover {
box-shadow: 0px 20px 13px rgba(0,0,0,.01),0px 18px 11px rgba(0,0,0,.03),0px 8px 8px rgba(0,0,0,.04),0px 2px 4px rgba(0,0,0,.05)
}
.content-banner-icon-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
padding-bottom: 120px;
border: none !important
}
.content-banner-icon-text .head-content {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 53px
}
.content-banner-icon-text .head-content .head-text {
font-weight: 600;
font-size: 40px;
line-height: 48px;
color: #232f3b;
line-height: 1.2
}
.content-banner-icon-text .head-content .head-text .color-yellow,.content-banner-icon-text .head-content .head-text .color-pink {
font-family: fave-script-pro;
font-size: 80px;
font-weight: 400;
line-height: 99px;
color: #e81f76;
line-height: 1.2
}
.content-banner-icon-text .head-content .header-description {
text-align: center
}
.content-banner-icon-text .content-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 36px;
width: calc(100% - 2*181px)
}
.content-banner-icon-text .content-promo .top-content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
column-gap: 80px;
row-gap: 40px
}
.content-banner-icon-text .content-promo .top-content .item-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
width: calc((100%/3) - (160px/3))
}
.content-banner-icon-text .content-promo .top-content .item-promo .image {
width: 80px;
height: 80px
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header {
margin-top: 20px;
margin-bottom: 10px;
display: -ms-flexbox;
display: flex;
text-align: center
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header span {
--fs-head-why-blind-acumin-min: 16;
--fs-head-why-blind-acumin-max: 30;
font-weight: 600;
font-size: 30px;
line-height: 1.2;
color: #232f3b
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header span p {
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header .mobile {
display: none
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content {
text-align: center;
margin-bottom: 33px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-negative: 1;
flex-shrink: 1
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content span {
--fs-head-why-blind-acumin-min: 14;
--fs-head-why-blind-acumin-max: 16;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
color: #4f5962;
max-width: 295px
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content span p {
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions {
height: 50px;
margin-top: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-align: end;
align-items: flex-end
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions a {
color: #e81f76;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
text-decoration: none
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions .button-text-image {
background-color: #f4df6b;
border-radius: 10px;
height: 50px;
border: none;
transition: .25s
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions .button-text-image a {
color: #232f3b;
text-decoration: none
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions .button-text-image:hover {
background-color: rgba(244,223,107,.5);
transition: .25s
}
.dark .head-content .head-text {
--fs-head-why-blind-fave-dark-max: 80;
--fs-head-why-blind-fave-dark-min: 40;
color: #fff !important
}
.dark .head-content .head-text .color-yellow,.dark .head-content .head-text .color-pink {
font-family: fave-script-pro;
font-size: 80px;
font-weight: 400;
line-height: 99px;
color: #f4df6b !important;
line-height: 1.2
}
.dark .content-promo .item-promo .body-text .body-header span {
color: #fff !important
}
.dark .content-promo .item-promo .body-text .body-header span p {
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit
}
.dark .content-promo .item-promo .body-text .body-content span {
color: #fff !important
}
.dark .content-promo .item-promo .body-text .body-content span p {
color: inherit;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit
}
.dark .content-promo .item-promo .body-text .actions a {
color: #f4df6b !important
}
.dark .content-promo .item-promo .body-text .actions .button-text-image a {
color: #232f3b !important
}
.dark .content-promo .item-promo .body-text .actions .button-text-image:hover {
background-color: #fff !important
}
html {
scroll-behavior: smooth
}
.guide-mobile.content-banner-icon-text {
display: none
}
.cms-how-to-fit-blinds .guide-measure {
background: url(../images/guides/background-measure.png);
background-size: 100%;
width: 100%;
height: auto
}
.content-banner-icon-text {
margin: auto;
max-width: 1440px
}
.page-layout-full-width-new-design-page .sidebar-guide-menu a.sidebar-active {
color: #e81f76 !important;
text-decoration: underline !important
}
.page-layout-full-width-new-design-page .top-container {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width {
background-color: #fff
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column {
padding-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner {
background-color: #f2ccd6;
padding: 10px 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .guide-becrum-custom {
margin: auto;
max-width: 1440px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .guide-becrum-custom .becrum-guide {
margin-left: -650px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .guide-becrum-custom .becrum-guide a {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #fff;
text-decoration: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .guide-becrum-custom .becrum-guide span {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #fff
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner {
-ms-flex-pack: end;
justify-content: flex-end;
min-height: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content {
width: 64%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .text-guides .head-text {
font-size: 14px;
font-weight: 600;
line-height: 17px;
color: #e81f76;
background-color: #eff2f7;
padding: 5px 10px;
margin: 0;
width: max-content;
border-radius: 5px;
text-transform: uppercase
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .head-content {
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .head-content .head-text {
font-size: 40px;
line-height: 60px;
color: #e31a82;
margin-bottom: 0;
font-family: 'Quicksand-Bold'
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .body-content {
margin-bottom: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .body-content .text-content {
font-size: 32px;
line-height: 50px;
color: #3d3936
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
display: none !important;
height: 80px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed {
background-color: #eff2f7;
padding: 13px 16px 17px;
border-radius: 10px;
margin: 10px 20px 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .jump-to {
font-size: 14px;
font-weight: 600;
line-height: 17px;
color: #232f3b;
margin-top: 0;
margin-bottom: 0;
position: relative
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .jump-to:before {
content: "";
background-image: url("../images/arrow_downward.svg");
background-repeat: no-repeat;
background-size: 100%;
width: 18px;
height: 18px;
display: block;
position: absolute;
right: 0;
pointer-events: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .jump-to.active {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .jump-to.active:before {
transform: rotate(180deg)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu {
display: none;
-ms-flex-direction: column;
flex-direction: column
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu a {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #232f3b;
padding: 10px 0;
border-bottom: 1px solid #e3e3e3;
display: block;
text-decoration: none;
max-width: 220px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu a:hover {
color: #e81f76 !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu a.sidebar-active {
color: #e81f76;
text-decoration: underline
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu a:last-child {
border-bottom: none;
padding-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu a:nth-child(1) {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #232f3b
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu ul {
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu ul li {
margin-bottom: 0;
padding: 10px 0;
border-bottom: 1px solid #e3e3e3
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed .content-sidebar-fixed .sidebar-guide-menu ul li a:nth-child(1) {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #232f3b;
text-decoration: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .contain-sidebar-fixed.opened {
display: block !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain {
width: 26% !important;
padding-left: 70px;
transform: translateY(-140px)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content {
//position: sticky;
//top: 20px;
margin-bottom: -100px;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sticky-guide {
position: sticky;
top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .image-sidebar {
display: -ms-flexbox;
display: flex
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .image-sidebar img {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar {
background-color: #eff2f7;
padding: 30px 30px 10px;
border-radius: 10px;
margin-top: 20px;
//max-height: 400px;
//overflow-y: auto
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .jump-to {
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #e81f76;
margin-top: 0;
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu a {
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #232f3b;
padding: 20px 0;
border-bottom: 1px solid #e3e3e3;
text-decoration: none;
max-width: 220px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu a:hover {
color: #e81f76 !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu a:last-child {
border-bottom: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu a:nth-child(1) {
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #232f3b
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu ul {
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu ul li {
margin-bottom: 0;
padding: 20px 0;
border-bottom: 1px solid #e3e3e3
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu ul li a:nth-child(1) {
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #232f3b;
text-decoration: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu ul li a:hover {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: #eff2f7;
margin-top: 20px;
padding: 13px 10px;
border-radius: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar img {
width: 24px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar span,.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar a {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #232f3b
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar:hover {
cursor: pointer
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar:hover span,.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar:hover a {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: #eff2f7;
margin-top: 20px;
padding: 13px 10px;
border-radius: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar img {
width: 24px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar a {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
line-height: 19px;
color: #232f3b;
text-decoration: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar:hover {
cursor: pointer
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar:hover a {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide {
padding: 40px 184px 70px 0;
width: 64.5% !important;
margin: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container {
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container .head-faqs {
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container .content-faqs {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container .content-faqs .faqs-item {
padding: 15px 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container .content-faqs .faqs-item .question {
text-align: left
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container .content-faqs .faqs-item .question .text-content {
-ms-flex: 1;
flex: 1
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-banner-text-two-image-custom ul {
padding-left: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-banner-text-two-image-custom ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .heading-drag-h3 {
font-size: 30px;
font-weight: 600;
line-height: 36px;
color: #e81f76;
margin-bottom: 30px;
margin-top: 0;
padding-top: 60px;
border-top: 1px solid #e3e3e3;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .heading-drag-h3:nth-child(1) {
margin-top: 15px;
padding-top: 0;
border: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy {
margin-bottom: 22px;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy p {
font-size: 18px;
font-weight: 500;
line-height: 25px;
color: #232f3b;
max-width: 735px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy p a {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy strong {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul li {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul li a {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy {
margin-bottom: 32px;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy p {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962;
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul {
margin-bottom: 0;
padding-left: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul li {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image {
padding: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .body-title-content {
margin-bottom: 15px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .body-title-content span {
font-size: 30px;
font-weight: 600;
line-height: 36px;
color: #e81f76;
text-align: initial
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right {
width: 100%;
-ms-flex-align: center;
align-items: center;
margin-bottom: 53px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content {
padding-top: 0;
width: 56%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-title-content span {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content {
transform: unset;
margin-bottom: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul {
margin-bottom: unset;
padding-left: 25px;
max-width: 390px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul li {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span a {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span h2 {
margin-bottom: 10px;
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span strong span {
font-size: 26px;
line-height: 32px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .actions a {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #e81f76;
text-decoration: underline
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .right-content {
width: 40.5%;
height: unset;
-ms-flex-item-align: start;
align-self: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .right-content .image {
display: -ms-flexbox;
display: flex;
position: unset;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .right-content .image img {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left {
width: 100%;
-ms-flex-align: center;
align-items: center;
margin-bottom: 53px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .left-content {
width: 40.5%;
height: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .left-content .image {
display: -ms-flexbox;
display: flex;
position: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .left-content .image img {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content {
padding-top: 0;
width: 56%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-title-content span {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content {
transform: unset;
margin-bottom: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul {
margin-bottom: unset;
padding-left: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul li {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .actions {
display: block
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .actions a {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #e81f76;
text-decoration: underline
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text>p {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo {
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .image {
width: 100%;
height: unset;
border-radius: 20px;
background-color: transparent;
overflow: hidden
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .image img {
width: 100%;
height: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text {
margin-top: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-header {
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-header span {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-content {
margin-top: 13px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-content span {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .text-note {
margin-top: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .text-note span {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text:empty {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .image {
width: 100%;
height: unset;
border-radius: 20px;
background-color: transparent;
overflow: hidden
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .image img {
width: 100%;
height: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text {
margin-top: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-header {
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-header span {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-content {
margin-top: 13px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-content span {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .text-note {
margin-top: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .text-note span {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text:empty {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image {
margin-bottom: 30px;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image p {
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image {
padding: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left {
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content {
width: calc((100vw - 2*70px)*0.6*0.26);
height: calc((100vw - 2*70px)*0.6*0.26);
max-width: 192px;
max-height: 192px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content .image {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content {
padding-top: 0;
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .head-content {
margin-bottom: 12px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .head-content .head1-text {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-title-content {
margin-bottom: 12px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-title-content span {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-content {
transform: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-content span {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .actions {
width: 100%;
text-align: initial
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .actions a {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #e81f76;
text-decoration: underline
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right {
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content {
width: calc((100vw - 2*70px)*0.6*0.26);
height: calc((100vw - 2*70px)*0.6*0.26);
max-width: 192px;
max-height: 192px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content .image {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content {
padding-top: 0;
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .head-content {
margin-bottom: 12px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .head-content .head1-text {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-title-content {
margin-bottom: 12px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-title-content span {
font-size: 20px;
font-weight: 700;
line-height: 28px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-content {
transform: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-content span {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .actions {
width: 100%;
text-align: initial
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .actions a {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #e81f76;
text-decoration: underline
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row {
padding-bottom: 20px;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text {
padding-bottom: 0;
-ms-flex-align: start;
align-items: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .head-content {
margin-top: 0;
-ms-flex-item-align: start;
align-self: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .head-content .head-text {
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #e81f76;
margin-bottom: 23px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo {
width: 100%;
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content {
gap: 50px;
-ms-flex-pack: start;
justify-content: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo {
width: calc((100%/4) - (150px/4));
-ms-flex-align: start;
align-items: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .image {
width: 80px;
height: 80px
}
.fieldset>.field, .fieldset>.fields>.field {
margin: 0 0 20px;
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text {
margin-top: 20px;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content {
margin-bottom: 0;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content span {
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: #232f3b;
text-align: start;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .header .header-title {
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p span {
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .actions {
margin-top: 23px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .hightlight-text .highlight-text {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .hightlight-text .highlight-text .content-banner-highlight .promo-contant {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .hightlight-text .highlight-text .content-banner-highlight .promo-contant .content-promo .header .header-title {
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .hightlight-text .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .hightlight-text .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p span {
font-size: 14px;
font-weight: 700;
line-height: 20px;
color: #4f5962
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .hightlight-text .highlight-text .content-banner-highlight .promo-contant .content-promo .actions {
margin-top: 23px
}
.page-layout-full-width-new-design-page .modal-inner-wrap {
top: 50%;
transform: translateY(-50%) !important;
border-radius: 20px;
max-width: 1080px;
height: calc(75vw*0.5621);
max-height: calc(1080px*0.5621) !important
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-header {
padding: 0
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-header .action-close {
outline: none
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-header .action-close:before {
position: absolute;
top: -44px;
right: 0;
color: #fff;
font-weight: 600;
width: 24px;
height: 24px;
content: "";
background-image: url("../images/close_white.svg");
background-position: center;
background-repeat: no-repeat
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content {
height: 100%;
padding: 0
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content #custom_popup {
height: 100%;
width: 100%
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content #custom_popup .youtube-video {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content #custom_popup .youtube-video iframe {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
border-radius: 20px
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-footer {
padding: 0
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-footer .videos {
display: none
}
.fitting-the-brackets,.fitting-the-headrail {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 28px !important;
color: #e81f76 !important
}
.page-layout-full-width-new-design-page .image-sidebar.mobile {
display: none !important
}
.contain-type-banner p {
margin-bottom: 0
}
.content-type-banner {
max-width: 1440px;
margin: auto;
display: -ms-flexbox;
display: flex;
min-height: 340px
}
.content-type-banner .left-content {
-ms-flex: 1;
flex: 1;
width: 66%;
margin: 70px 120px 70px 70px
}
.content-type-banner .left-content .head-content {
font-size: 20px;
display: -ms-flexbox;
display: flex
}
.content-type-banner .left-content .head-content img {
width: 63px;
height: 65px;
margin-right: 20px
}
.content-type-banner .left-content .head-content .head-text {
font-size: 60px;
margin: 0 0 28px;
line-height: 72px;
font-weight: 600;
font-style: italic;
color: #e81f76
}
.content-type-banner .left-content .head-content .head-text .bold-banner {
font-size: 60px;
font-style: italic;
font-weight: 900;
line-height: 72px
}
.content-type-banner .left-content .head-content .head-text.no-logo {
font-family: fave-script-pro;
font-size: 100px;
font-weight: 400;
font-style: initial
}
.content-type-banner .left-content .head-content .no-logo {
font-family: fave-script-pro;
font-size: 100px;
font-weight: 400;
line-height: 124px
}
.content-type-banner .left-content .text-content {
font-size: 20px;
line-height: 26px;
font-weight: 600
}
.content-type-banner .right-content {
width: 34%;
display: -ms-flexbox;
display: flex
}
.content-type-banner .right-content img {
object-fit: cover;
width: 100%
}
.cms-contact-hub .page-wrapper .top-container {
display: none
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner {
max-width: 1080px;
padding: 30px;
background-color: #eff2f7;
border-radius: 10px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .heading-drag-h3 {
margin: 0;
color: #232f3b;
text-align: center;
font-size: 30px;
font-weight: 600;
margin-bottom: 24px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group {
column-gap: 90px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div {
border-radius: 8px;
overflow: hidden;
transition: box-shadow .3s
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div:hover {
box-shadow: 0px 2px 4px rgba(0,0,0,.05),0px 8px 8px rgba(0,0,0,.04),0px 18px 11px rgba(0,0,0,.03),0px 33px 13px rgba(0,0,0,.01),0px 51px 14px rgba(0,0,0,0)
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div:not(:last-child) {
margin-bottom: 20px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a {
padding: 15px 20px;
display: -ms-flexbox;
display: flex;
background-color: #fff;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #232f3b;
font-size: 16px;
font-weight: 700
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a:before {
content: "";
margin-right: 20px;
height: 24px;
width: 24px;
background-image: url("../images/help_pink.svg");
background-repeat: no-repeat;
background-size: 100% 100%
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a:after {
content: "";
margin-left: auto;
height: 24px;
width: 24px;
background-image: url("../images/west_black_24dp.svg");
background-repeat: no-repeat;
background-size: 100% 100%
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a:hover {
color: #e81f76
}
.cms-contact-hub .page-wrapper .content-widget-faqs .text-content {
color: #4f5962
}
.cms-contact-hub .page-wrapper .content-widget-faqs .faqs-item {
padding-bottom: 20px !important
}
.cms-contact-hub .page-wrapper .content-widget-faqs .faqs-item.active {
padding-bottom: 32px !important
}
.cms-contact-hub .page-wrapper .head-content .header-description {
text-align: center
}
.cms-contact-hub .page-wrapper .content-widget-faqs .content-faqs .faqs-item.active .text-content {
color: #e81f76
}
main .columns .column.main .content-widget-faqs {
margin-top: 0
}
main .columns .column.main .content-banner-icon-text.dark {
padding: 30px 0 60px
}
main .columns .column.main .content-banner-icon-text.dark .head-content {
width: 100%;
text-align: center;
margin-top: 0
}
main .columns .column.main .content-banner-icon-text.dark .head-content .head-text {
margin: 0
}
main .columns .column.main .content-banner-icon-text.dark .head-content .header-description {
color: #fff;
margin-top: -5px;
font-size: 16px;
text-align: center
}
main .columns .column.main .content-banner-icon-text.dark .content-promo {
margin-top: 0
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo {
margin-top: 45px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions>a {
font-size: 20px;
display: -ms-flexbox;
display: flex;
gap: 8px;
line-height: 1 !important
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions>a:before {
content: "";
width: 24px;
height: 24px;
background-image: url(../images/phone_yellow.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
display: block
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions button {
height: 50px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions button a {
font-size: 16px;
line-height: 1 !important;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px
}
.content-widget-faqs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 80px;
border: none;
margin: 40px auto auto;
max-width: 1440px
}
.content-widget-faqs .head-faqs {
--fs-head-faqs-acumin-max: 40;
--fs-head-faqs-acumin-min: 20;
--fs-head-faqs-fave-max: 80;
--fs-head-faqs-fave-min: 40;
margin: 53px 0 13px
}
.content-widget-faqs .head-faqs .head-faqs-text {
font-size: 40px;
font-weight: 600;
//line-height: 48px;
color: #232f3b;
line-height: 1.2
}
.content-widget-faqs .head-faqs .head-faqs-text .color-pink {
font-family: fave-script-pro;
font-size: 80px;
font-weight: 400;
//line-height: 99px;
color: #e81f76;
line-height: 1.2
}
.content-widget-faqs .content-faqs {
width: calc(100% - 362px)
}
.content-widget-faqs .content-faqs .faqs-item {
--fs-faqs-item-title-max: 20;
--fs-faqs-item-title-min: 16;
--fs-faqs-item-content-max: 16;
--fs-faqs-item-content-min: 14;
background-color: #fff;
margin-bottom: 20px;
padding: 20px 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 10px
}
.content-widget-faqs .content-faqs .faqs-item .question {
font-size: 20px;
font-weight: 600;
//line-height: 26px;
color: #232f3b;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
line-height: 1.4
}
.content-widget-faqs .content-faqs .faqs-item .question .icon {
width: 20px;
height: 20px;
background: url('../images/add.svg');
background-size: 100% 100%
}
.content-widget-faqs .content-faqs .faqs-item .answer {
font-weight: 400;
font-size: 16px;
//line-height: 22px;
line-height: 1.3;
color: #4f5962;
margin-top: 22px;
width: 85%
}
.content-widget-faqs .content-faqs .faqs-item .answer .text-content p {
margin-bottom: 0
}
.content-widget-faqs .content-faqs .faqs-item .answer .text-content ul {
padding-left: 25px;
list-style-type: square
}
.content-widget-faqs .content-faqs .faqs-item .answer .text-content ul br {
display: none
}
.content-widget-faqs .content-faqs .faqs-item .answer .text-content ul li::marker {
font-size: 8px
}
.content-widget-faqs .content-faqs .active {
border: 1px solid #b2bdd6;
background-color: #fff !important
}
.content-widget-faqs .content-faqs .active .question {
color: #e81f76 !important
}
.content-widget-faqs .content-faqs .active .question .icon {
background: url('../images/minus.svg') !important
}
.light .content-faqs .faqs-item {
background-color: #eff2f7
}
.gray {
background-color: #eff2f7
}
.hide {
display: none
}
.trackmyorder-index-index .page-main {
max-width: 100% !important
}
.trackmyorder-index-index .page-footer .footer-clear-pay,.trackmyorder-index-index .page-footer .page-footer_inner_reviews {
display: none
}
.trackmyorder-index-index .content-type-banner {
margin: auto
}
.trackmyorder-index-index .columns {
background: #fff
}
.trackmyorder-index-index .columns .column.main .track-my-order-content {
max-width: 1440px;
margin: auto;
background: #fff
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 1fr;
grid-template-rows: auto 1fr;
grid-auto-columns: calc(50% - (70px)) calc(50% - (70px));
padding: 40px 70px 40px 135px;
column-gap: calc((70px)*2);
box-sizing: border-box
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside .track-order-title-div {
margin-top: 50px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside .track-order-title {
font-size: 30px;
color: #e81f76;
font-weight: 600;
display: block;
margin-bottom: 16px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside .track-order-text {
color: #4f5962;
font-weight: 400;
line-height: 19.6px;
text-align: left;
font-size: 14px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: span 2;
background: #eff2f7;
padding: 30px;
border-radius: 20px;
box-sizing: border-box
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-header .help-title {
font-size: 30px;
color: #232f3b;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-header .help-title-text {
color: #4f5962;
font-weight: 400;
line-height: 19.6px;
font-size: 14px;
margin-bottom: 25px;
margin-bottom: 0;
text-align: left
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child hr {
margin-top: 40px;
margin-bottom: 35px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content:before {
content: "You can contact us in the following ways";
display: block;
font-size: 20px;
line-height: 24px;
color: #232f3b;
margin-bottom: 10px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-phone {
display: -ms-flexbox;
display: flex
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-phone .phone-icon {
background-image: url('../images/pink_call_back.svg');
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin-top: 0;
background-size: 26px 26px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-phone .phone-info {
margin-left: 10px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-phone .phone-info .phone-number {
color: #e81f76;
font-size: 14px;
font-weight: 600;
margin-bottom: 12px;
display: block
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-phone .phone-info .mon-fri,.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-phone .phone-info .sat-sun {
font-size: 12px;
margin-bottom: 2px;
color: #4f5962
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-mail {
display: -ms-flexbox;
display: flex
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-mail .mail-icon {
background-image: url("../images/pink_alternate_email.svg");
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: 26px 26px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-mail .mail-text {
color: #e81f76;
font-weight: 600;
font-size: 14px;
margin-left: 10px;
word-break: break-word
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-address {
display: -ms-flexbox;
display: flex
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-address .address-icon {
background-image: url("../images/pink-email.svg");
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin-top: -3px;
background-size: 26px 26px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-address .address-info {
margin-left: 10px;
font-size: 12px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-address .address-info .address-title {
margin-bottom: 4px;
font-weight: 600;
color: #4f5962
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-content .contact-address .address-info .address-detail {
margin-bottom: 4px;
color: #4f5962
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order_req_div {
-ms-grid-row: 2;
grid-row: 2;
margin-top: 30px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list {
padding: unset;
margin: unset;
gap: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list>li {
margin: 0;
padding: 0
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .alert-danger {
color: red
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .input-box {
width: 100%
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .input-box input {
border: none;
background: #eff2f7;
border-radius: 4px;
height: 45px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-left: 15px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .input-box input:-ms-input-placeholder {
color: #232f3b;
font-weight: 400
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .input-box input::placeholder {
color: #232f3b;
font-weight: 400
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .input-box #order_id-error,.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .input-box #email-error {
color: red
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .buttons-set button {
padding: 16px 20px;
border: none;
background-color: #f4df6b;
color: #232f3b;
font-weight: 700;
border-radius: 8px;
height: auto;
font-size: 16px;
line-height: 19.2px
}
.trackmyorder-index-index .content-widget-faqs .content-faqs>:last-child {
margin-bottom: 0;
margin-top: 20px
}
.trackmyorder-index-index .page-footer {
background: #fff;
margin-top: 85px
}
@media (min-width: 768px) {
.fieldset>.field {
margin: 0 0 20px;
box-sizing: border-box;
margin: 0 0 29px;
}
.toggle>ul {
max-height:unset
}
.ie11 header .header.content .block.block-search {
height: auto !important;
margin: -5px auto -5px auto !important;
width: 100%
}
.desktop-hide {
display: none !important
}
.mobile-tablet-hide {
display: block !important
}
.navigation,.page-header,.page-header .header.panel,.footer.content,.page-wrapper>.widget,.page-wrapper>.page-bottom,.block.category.event,.top-container,.page-main,.page-footer_inner,.page-footer_inner_2,.copyright,.page-main {
padding-left: 20px !important;
padding-right: 20px !important
}
.page-main,.page-main.account,.cms-privacy-policy .page-main {
padding-bottom: 60px;
padding-top: 30px
}
.page-main{
padding: 60px
}
body header>.header .block-search {
display: inline-block;
max-width: 270px;
-ms-flex-order: 4;
order: 4;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 25px
}
body.page-layout-2columns-left .columns:before {
content: '';
display: table
}
body.page-layout-2columns-left .columns:after {
content: '';
display: table;
clear: both
}
body.page-layout-2columns-left .columns .main {
width: calc(99.9%*4/5 - (16px - 16px*4/5))
}
body.page-layout-2columns-left .columns .main:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-2columns-left .columns .main:last-child {
margin-right: 0
}
body.page-layout-2columns-left .columns .main:nth-child(1n) {
margin-right: 0;
float: right
}
body.page-layout-2columns-left .columns .main:nth-child(1n+1) {
clear: both
}
body.page-layout-2columns-left .columns .sidebar.sidebar-main,body.page-layout-2columns-left .columns .sidebar.sidebar-additional {
width: calc(99.9%*1/5 - (16px - 16px*1/5))
}
body.page-layout-2columns-left .columns .sidebar.sidebar-main:nth-child(1n),body.page-layout-2columns-left .columns .sidebar.sidebar-additional:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-2columns-left .columns .sidebar.sidebar-main:last-child,body.page-layout-2columns-left .columns .sidebar.sidebar-additional:last-child {
margin-right: 0
}
body.page-layout-2columns-left .columns .sidebar.sidebar-main:nth-child(0n),body.page-layout-2columns-left .columns .sidebar.sidebar-additional:nth-child(0n) {
margin-right: 0;
float: right
}
body.page-layout-2columns-left .columns .sidebar.sidebar-main:nth-child(0n+1),body.page-layout-2columns-left .columns .sidebar.sidebar-additional:nth-child(0n+1) {
clear: both
}
body.page-layout-1column .columns .main .media {
width: calc(99.9%*7/12 - (16px - 16px*7/12))
}
body.page-layout-1column .columns .main .media:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-1column .columns .main .media:last-child {
margin-right: 0
}
body.page-layout-1column .columns .main .media:nth-child(12n) {
margin-right: 0;
float: right
}
body.page-layout-1column .columns .main .media:nth-child(12n+1) {
clear: both
}
body.page-layout-1column .columns .main .product-add-form,body.page-layout-1column .columns .main .detailed,body.page-layout-1column .columns .main .related,body.page-layout-1column .columns .main .upsell {
width: calc(99.9%*1/1 - (16px - 16px*1/1))
}
body.page-layout-1column .columns .main .product-add-form:nth-child(1n),body.page-layout-1column .columns .main .detailed:nth-child(1n),body.page-layout-1column .columns .main .related:nth-child(1n),body.page-layout-1column .columns .main .upsell:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-1column .columns .main .product-add-form:last-child,body.page-layout-1column .columns .main .detailed:last-child,body.page-layout-1column .columns .main .related:last-child,body.page-layout-1column .columns .main .upsell:last-child {
margin-right: 0
}
body.page-layout-1column .columns .main .product-add-form:nth-child(1n),body.page-layout-1column .columns .main .detailed:nth-child(1n),body.page-layout-1column .columns .main .related:nth-child(1n),body.page-layout-1column .columns .main .upsell:nth-child(1n) {
margin-right: 0;
float: right
}
body.page-layout-1column .columns .main .product-add-form:nth-child(1n+1),body.page-layout-1column .columns .main .detailed:nth-child(1n+1),body.page-layout-1column .columns .main .related:nth-child(1n+1),body.page-layout-1column .columns .main .upsell:nth-child(1n+1) {
clear: both
}
body.page-layout-1column .columns .main .product-add-form:before {
content: '';
display: table
}
body.page-layout-1column .columns .main .product-add-form:after {
content: '';
display: table;
clear: both
}
body.page-layout-1column .columns .main .bundle-options-container .product-add-form {
display: none
}
body .login-container .block-customer-login,body .login-container .block-new-customer {
width: calc(99.9%*1/2 - (16px - 16px*1/2))
}
body .login-container .block-customer-login:nth-child(1n),body .login-container .block-new-customer:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body .login-container .block-customer-login:last-child,body .login-container .block-new-customer:last-child {
margin-right: 0
}
body .login-container .block-customer-login:nth-child(2n),body .login-container .block-new-customer:nth-child(2n) {
margin-right: 0;
float: right
}
body .login-container .block-customer-login:nth-child(2n+1),body .login-container .block-new-customer:nth-child(2n+1) {
clear: both
}
body .block:before {
content: '';
display: table
}
body .block:after {
content: '';
display: table;
clear: both
}
body .opc-sidebar {
margin: 20px 0
}
header.page-header .panel.wrapper {
display: block;
line-height: 1
}
header .header.content .m-nav-toggle {
margin-bottom: 2px
}
header .header.content .block.block-search .algolia-title {
display: none
}
header .header.content .block.block-search .algolia-search-block .block-content {
position: relative;
opacity: 1;
bottom: unset;
pointer-events: auto;
padding: 0
}
header .header.content .block.block-search .algolia-search-block input#search {
transition: border-color .2s ease-in-out;
height: 22px
}
header .header.content .block.block-search .algolia-search-block input#search:focus {
border-color: #e31a82
}
header .panel {
padding: calc(20px - 10px) 0 0 0
}
header .panel .switcher .switcher-label {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
header .panel .contentarea {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
header .panel .links {
float: right
}
header .panel .links li {
margin-right: calc(20px - 5px)
}
header .panel .links li:last-child {
margin: 0
}
header .panel .links li.welcome span {
color: #fff
}
header .panel .customer-welcome {
position: relative;
color: #fff
}
header .panel .customer-welcome .customer-menu {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
header .panel .customer-welcome.active .customer-menu {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
position: absolute;
z-index: 1;
background: #fff;
padding: calc(20px - 10px);
border: 1px solid #2b2f30
}
header .panel .customer-welcome.active .customer-menu li {
padding: calc(20px - 10px) 0
}
header .panel .customer-welcome+.authorization-link {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
header .my-account-link {
position: relative
}
header .my-account-link .my-account span {
display: block;
line-height: 1
}
header .my-account-link .customer-menu {
display: none;
position: absolute;
top: 42px;
right: 7px;
border: 1px solid #dcdbe6;
background: #fff;
width: 200px;
z-index: 10;
box-shadow: 0 3px 3px rgba(43,47,48,.25)
}
header .my-account-link .customer-menu:before,header .my-account-link .customer-menu:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0
}
header .my-account-link .customer-menu:before {
border: 6px solid;
border-color: transparent transparent #fff;
z-index: 99;
right: 26px;
top: -12px
}
header .my-account-link .customer-menu:after {
border: 7px solid;
border-color: transparent transparent #bbb;
z-index: 98;
right: 25px;
top: -14px
}
header .my-account-link .customer-menu li {
padding: 0;
margin: 0
}
header .my-account-link .customer-menu li a {
padding: 10px;
display: block;
border-bottom: 1px solid #e0e0e9;
color: #3d3936
}
header .my-account-link .customer-menu li a:hover {
color: #e31a82
}
header .my-account-link.active .customer-menu {
display: block
}
header .header-top-links a {
font-size: calc(12px + 2*((100vw - 420px)/860));
text-transform: uppercase;
margin-left: 10px
}
@media screen and (min-width: 1280px) {
header .header-top-links a {
font-size:14px
}
}
@media screen and (max-width: 420px) {
header .header-top-links a {
font-size:12px
}
}
header .my-account {
font-size: calc(12px + 2*((100vw - 420px)/860));
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
color: #fff;
transition: all .2s ease-in-out;
cursor: pointer
}
@media screen and (min-width: 1280px) {
header .my-account {
font-size:14px
}
}
@media screen and (max-width: 420px) {
header .my-account {
font-size:12px
}
}
header .my-account:before {
content: "";
display: inline-block;
background: url(../images/icons/user-icon.svg);
background-size: 100%;
background-repeat: no-repeat
}
header .my-account:hover {
color: #0a96a9
}
header .working-hours {
display: -ms-flexbox;
display: flex;
margin: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
header .working-hours strong {
margin-right: 5px;
font-size: 1.8rem
}
header .working-hours strong:before {
margin: 0 5px 0 0;
width: 15px;
height: 15px
}
header .working-hours span {
display: none
}
header .working-hours {
display: -ms-flexbox;
display: flex;
margin: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
header .working-hours>div {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end
}
header .working-hours strong {
margin-right: 5px;
font-size: 2.2rem
}
header .working-hours strong:before {
margin: 0 5px 0 0;
width: 15px;
height: 15px
}
header .working-hours span {
display: inline-block
}
header .my-account:before {
width: 24px;
height: 24px;
position: relative;
margin: 0 6px
}
header .header.content .logo {
-ms-flex-item-align: end;
align-self: flex-end
}
.mobile-nav-1 .mobile-nav-item-0,.mobile-header-left-btn-container .algolia-title {
display: none !important;
padding: 0 !important
}
.page-footer .page-footer_inner,.page-footer .page-footer_inner_2 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.page-footer .working-hours>div {
-ms-flex-direction: row;
flex-direction: row;
text-align: left
}
.page-footer .block.newsletter .field.newsletter label {
color: #fff
}
.page-footer .block.newsletter div.mage-error {
position: absolute;
bottom: -18px
}
.page-footer .iweb_social {
-ms-flex-order: 3;
order: 3;
width: auto !important
}
.page-footer .block.links {
width: calc(60% - 108px) !important;
margin: 30px 0;
padding: 0 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-order: 2;
order: 2
}
.page-footer .block.links .block-static-block {
width: 100%
}
.page-footer .block.links .footer-links {
display: -ms-flexbox;
display: flex;
padding-top: 15px
}
.page-footer .block.links .footer-links a:hover {
color: #3d3936
}
.page-footer .block.links .footer-links .links {
margin: 0 10px
}
.page-footer .working-hours {
max-width: unset
}
.page-footer .working-hours>div {
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row
}
.page-footer .working-hours strong {
font-size: 22px;
display: -ms-flexbox;
display: flex;
margin: 0
}
.page-footer .working-hours strong:before {
width: 17px;
height: 17px
}
.page-footer .working-hours span {
font-size: 16px
}
.page-footer .page-footer_inner {
position: relative
}
.page-footer .page-footer_inner>.working-hours {
display: none !important
}
.page-footer .block.newsletter .field {
margin: 0
}
.page-footer .block.newsletter .field.newsletter .control {
padding-bottom: 10px
}
.page-footer .block.newsletter div.mage-error {
bottom: 0 !important
}
.minicart-wrapper .top-minicart-wrapper {
padding: 15px;
margin: 0
}
.minicart-wrapper .minicart-items-wrapper {
border-top-color: #d5d5d6
}
.minicart-wrapper .minicart-items-wrapper .bx-viewport {
overflow-y: scroll !important
}
.minicart-wrapper .minicart-items-wrapper .bx-viewport::-webkit-scrollbar {
display: none
}
.minicart-wrapper .minicart-items .product-item-name a {
color: #3d3936;
font-size: 16px
}
.minicart-wrapper .minicart-items .product-item-name a:hover {
color: #e31a82
}
.minicart-wrapper .minicart-items .list {
background: #f3f3fb;
padding: 8px
}
.minicart-wrapper .minicart-items .list .label:after {
content: ":"
}
.minicart-wrapper .minicart-items .product-item:not(:first-child) {
border-top-color: #d5d5d6
}
.minicart-wrapper .block-minicart:before {
right: 20px
}
.minicart-wrapper .block-minicart:after {
right: 19px
}
.minicart-wrapper .action.showcart {
white-space: normal;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row !important;
flex-direction: row !important
}
.minicart-wrapper .action.showcart:after,.minicart-wrapper .action.showcart span {
display: inline-block
}
.samples-wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
position: relative
}
.samples-wrapper a:before {
content: "";
display: inline-block;
background: url(../images/icons/samples.svg);
background-size: 100%;
background-repeat: no-repeat
}
.samples-wrapper a:before {
width: 24px;
height: 24px
}
.samples-wrapper .text {
color: #3d3936
}
.minicart-wrapper .text {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
line-height: 1
}
.minicart-wrapper .action.showcart span.text,.minicart-wrapper .action.showcart.active span.text {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.block.block-search {
position: relative
}
.block.block-search #search {
padding: 0
}
.block.block-minicart {
width: 390px;
right: -12px
}
.block.block-minicart {
right: 4px !important
}
.block.block-search label {
display: none
}
.form.password.reset,.form.send.confirmation,.form.password.forget,.form.create.account {
min-width: unset !important;
width: auto !important
}
.modal-popup.b247-modal-videos .modal-inner-wrap {
width: 50%;
margin: 5% auto
}
.modal-popup.b247-modal-videos .modal-inner-wrap iframe {
width: 100%;
display: block
}
.authentication-dropdown {
padding: 20px;
background-color: #2b2f30;
border: 1px solid #cdcdcd;
position: absolute;
text-align: left;
top: 100%;
transform: scale(1,0);
transform-origin: 0 0;
transition: transform linear .1s,visibility 0s linear .1s;
visibility: hidden;
width: 100%
}
.authentication-dropdown._show {
z-index: 100;
transform: scale(1,1);
transition: transform linear .1s,visibility 0s linear 0s;
visibility: visible
}
.opc-summary-wrapper .modal-header .action-close {
display: none
}
#algolia-autocomplete-container .aa-dropdown-menu {
max-width: unset;
left: 0 !important
}
#algolia-autocomplete-container .col9 {
border-left: solid 1px #eee;
width: 100%;
right: 0;
height: 100%
}
#algolia-autocomplete-container .col3 {
float: left;
width: 30%
}
#algolia-autocomplete-container.reverse .col3 {
float: left;
width: 30%
}
#algolia-autocomplete-container.reverse .col9 {
border-right: solid 1px #eee;
float: left;
width: 70%
}
.aa-dataset-suggestions {
display: block
}
.aa-dataset-products {
width: 100%;
border-top: 1px solid #d2d2d380
}
.aa-dataset-products .algoliasearch-autocomplete-hit {
margin: 0;
width: 100%
}
#autocomplete-products-footer {
display: block
}
#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia {
width: 30%
}
#algolia-searchbox .magnifying-glass {
bottom: 6px
}
#algolia-searchbox .clear-query-autocomplete {
bottom: 8px
}
#algolia_instant_selector .product-info-container .price .price-wrapper span {
font-size: 20px
}
#algolia_instant_selector .product-info-container .price .price-wrapper .after_special:before {
font-size: 13px
}
#algolia_instant_selector .col-sm-6 {
width: 33.33333333%;
float: left
}
.slider_item-content {
width: 316px;
max-width: unset;
padding-top: 90px;
padding-bottom: 30px
}
.slider_item-content .percentage .num {
font-size: 132px
}
.slider_item-content .percentage .txt-upto {
font-size: 30px;
top: -50px
}
.slider_item-content .percentage .sym {
font-size: 70px;
top: 0
}
.slider_item-content .percentage .txt-off {
font-size: 30px
}
.slider_item-content p {
font-size: 20px;
line-height: 1
}
.slider_item-content a {
font-size: 21px;
display: inline-block;
padding: 10px 10px 5px
}
.nav-sections-item-content .ub-mega-menu-wrapper {
display: block !important
}
.nav-toggle,.nav-sections-item-title {
display: none
}
.nav-sections .section-item-content {
display: block !important
}
.nav-sections .section-item-content .links,.nav-sections .section-item-content .switcher {
display: none
}
.sections.nav-sections {
background: #fff;
max-width: 1410px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
width: 100%
}
.sections.nav-sections .navigation {
background: 0 0;
display: none
}
.ub-mega-menu.level0 {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-left: 30px
}
.ub-mega-menu>li.mega {
width: 100%;
margin: 0;
padding: 0;
transition: background .4s ease-in-out
}
.ub-mega-menu>li.mega>a {
font-family: 'Quicksand-Bold';
font-size: 18px;
color: #fff;
text-align: center;
display: block;
position: relative;
height: 50px;
top: 25px
}
.ub-mega-menu>li.mega>a.has-child span {
position: relative;
display: inline-block
}
.ub-mega-menu>li.mega>a:hover.has-child span {
transition: background .2s ease;
background: #fff;
color: #ea247a;
border-radius: 30px;
padding: 2px 10px
}
.ub-mega-menu>li.mega .col:last-child ul {
border-left: 1px solid #eaeaea
}
.ub-mega-menu>li.mega>.child-content {
opacity: 0;
pointer-events: none;
overflow: hidden;
transition: all .4s ease-in-out;
padding: 0;
position: absolute;
left: 0;
right: 0;
background: #fff;
z-index: 10;
box-shadow: 0 3px 3px rgba(43,47,48,.25)
}
.ub-mega-menu>li.mega>.child-content .title.shop-by {
color: #50636d;
margin: 0;
background: #eaeaea;
padding: 13px 15px 10px;
font-size: 16px !important;
font-weight: 500;
display: block
}
.ub-mega-menu>li.mega>.child-content .col:last-child {
padding-bottom: 15px
}
.ub-mega-menu>li.mega>.child-content ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ub-mega-menu>li.mega>.child-content li {
margin: 0;
padding: 0;
width: 33.3334%
}
.ub-mega-menu>li.mega>.child-content li.has-child {
width: 100%
}
.ub-mega-menu>li.mega>.child-content li.has-child .child-content {
margin: 20px 0
}
.ub-mega-menu>li.mega>.child-content a:link,.ub-mega-menu>li.mega>.child-content a:visited {
color: #3d3936;
text-align: left;
padding: 15px 5px;
width: 100%;
display: block;
font-size: 18px;
font-weight: 400;
line-height: 1
}
.ub-mega-menu>li.mega>.child-content a:link:hover,.ub-mega-menu>li.mega>.child-content a:visited:hover {
text-decoration: underline
}
.ub-mega-menu>li.mega .menu-group-link {
display: none
}
.ub-mega-menu>li.mega.mega-hover .child-content {
opacity: 1;
pointer-events: auto;
z-index: 999
}
button.action.update,button.action-primary.update {
margin-right: calc(20px - 5px)
}
.catalog-category-view .filter-options,.catalogsearch-result-index .filter-options {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 !important
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content span.count,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content span.count {
margin-left: 5px
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content span.label,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content span.label {
display: -ms-flexbox;
display: flex;
font-weight: 300
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content li,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content li {
-ms-flex: 25%;
flex: 25%;
margin: 0 !important;
padding: 0 20px 0 0
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content form,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content form {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 !important
}
.products .product-items .product-item-name {
margin: 0 0 10px
}
.toolbar-master-container .b247_sorter .content {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 15px;
box-shadow: 0 3px 3px 0 rgba(0,0,0,.25)
}
.toolbar-master-container .b247_sorter .content .filed {
-ms-flex: 25%;
flex: 25%;
padding: 5px 0
}
.products .product-items .product-item .product-info-container .product-item-details .product-item-name a {
font-size: 13px
}
.products .product-items .product-item .product-info-container .product-item-details .price-container .price {
font-size: 16px
}
.products .product-items .product-item .product-info-container .product-item-details .price-container.price-price_from .price:before {
font-size: 13px
}
.catalog-product-view .product-info-main .summary-prices .price-type {
padding: 7px 0
}
.catalog-product-view .column.main .left-container .product.media {
position: sticky;
top: 45px
}
.bottom-container.usp_block_container {
width: 90% !important;
max-width: 1000px !important
}
.product.detailed .item.title {
margin-right: calc(20px - 10px);
float: left;
width: auto;
position: relative
}
.product.detailed .item.title a {
background: #f2f2f2;
border: 1px solid #cdcdcd;
padding: calc(20px - 10px) 20px;
display: block
}
.product.detailed .item.title.active a {
background: #fff;
border-bottom: 1px solid #fff;
padding-bottom: calc(20px - 10px) + 1px
}
.product.detailed .item.content {
float: right;
margin: 31px 0 0 -100%;
width: 100%;
text-align: left;
margin-top: 20px + 1px;
padding: 20px;
border-top: 1px solid #cdcdcd;
font-size: 13px;
font-weight: 400
}
.product.detailed .item.content .bluefoot-entity {
font-size: 13px
}
.product.detailed .item.content .subtitle {
color: #e31a82;
font-weight: 600;
font-size: 13px;
margin: 5px 0;
display: block
}
.product.detailed .item.content h3.subtitle {
font-size: 18px;
margin: 15px 0
}
.toolbar {
margin-bottom: 2px;
padding: 0
}
.toolbar .limiter,.toolbar .pages,.toolbar .toolbar-amount {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.toolbar .sorter {
float: right
}
.toolbar #modes-label,.toolbar .label {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.toolbar .modes {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.products+.toolbar .sorter,.products+.toolbar .modes,.products+.toolbar .toolbar-amount,.products+.toolbar .b247_sorter {
display: none
}
.products+.toolbar .pages {
display: inline-block
}
.products+.toolbar .pages ul li {
display: inline-block;
vertical-align: middle
}
.products+.toolbar .limiter {
display: none!important;
float: right
}
.products+.toolbar .limiter .control,.products+.toolbar .limiter .limiter-text {
display: inline-block
}
.login-container {
max-width: 930px
}
.login-container>.block {
padding: 0 30px
}
.account .column.main form {
max-width: 700px
}
.user-pages .page-main {
padding: 60px 0
}
.user-pages .my-account-logout {
display: none
}
.page-main.account .sidebar-main .block-collapsible-nav-title {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.page-main.account .page-title-wrapper .order-date {
margin-top: 0
}
.page-multiple-wishlist .products-grid.wishlist .product-item-name {
height: 3em;
-ms-flex-align: center;
align-items: center
}
.wishlist-index-index .products-grid .product-item:nth-child(3n) {
margin-right: 0
}
.wishlist-index-index .products-grid .product-item .product-item-info {
width: auto
}
.user-pages .fieldset>.field:not(.choice)>.control {
width: 100% !important;
float: none
}
.user-pages .fieldset>.field:not(.choice)>.label {
margin: 0 0 0 5px;
width: auto;
padding: 0;
float: none
}
.user-pages .fieldset>.field.choice:before,.user-pages .fieldset>.field.no-label:before {
display: none
}
.products-grid.wishlist .product-item:nth-child(3n+1) {
margin-left: calc((100% - 4*24.439%)/3)
}
.checkout-index-index .authentication-wrapper {
top: -135px
}
.checkout-index-index .opc-estimated-wrapper {
display: none
}
.checkout-index-index .opc-wrapper .checkout-payment-method #co-payment-form .payment-method._active .payment-method-content .checkout-agreements-block .gdpr-marketing .field {
-ms-flex-direction: column;
flex-direction: column
}
.banner {
padding: 20px !important
}
.purple-banner {
padding: 30px 20px !important
}
.blinds-category.three-column .pagebuilder-column-group {
margin: 0 -10px
}
.blinds-category .category-accordion {
display: block;
-ms-flex-preferred-size: 31.5%;
flex-basis: 31.5%;
margin: 15px 0 !important
}
.blinds-category .category-accordion.half {
width: 50% !important
}
.blinds-category .category-accordion .banner .box-icon {
margin: 0 auto !important
}
.blinds-category .category-accordion .banner p {
margin: 0 !important
}
.blinds-category .category-accordion [data-content-type=block],.blinds-category .category-accordion [data-content-type=text] {
-ms-flex-order: 3;
order: 3;
height: auto !important
}
.info-boxes h2.section-title {
margin-top: 40px !important
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) {
-ms-flex-direction: column !important;
flex-direction: column !important;
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px)
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=image] {
height: 210px;
display: -ms-flexbox;
display: flex
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text] {
height: 160px
}
.info-boxes .pagebuilder-column.trustpilot-block {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px)
}
.info-boxes.blog .banner-wrapper {
margin-bottom: 0 !important
}
.cms-index-index .bluefoot-row .bluefoot-driver .bluefoot-driver-text {
display: none
}
.cms-index-index .mobile-delivery-block {
display: none
}
.blinds-category .pagebuilder-column-group {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.blinds-category-mobile-only {
display: none !important
}
.home-page-info-container {
margin-top: 50px !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1240px
}
.home-page-info-container .pagebuilder-column-group {
-ms-flex-pack: justify;
justify-content: space-between
}
.homepage-info-col-1,.homepage-info-col-2 {
-ms-flex-preferred-size: 48%;
flex-basis: 48%
}
.homepage-info-col-1 div,.homepage-info-col-1 p,.homepage-info-col-2 p {
font-size: 16px;
line-height: 21px;
color: #50636d
}
.homepage-info-col-1 h1 {
margin-bottom: 19px
}
.blinds-category .category-accordion h2 {
margin: 5px 0 0
}
}
@media (min-width: 768px) {
.ie11 .catalog-category-view .filter-options .filter-options-item .filter-options-content li {
width:19%;
-ms-flex: none;
flex: none
}
.nav-before-open .nav-sections {
top: 129px
}
.products .product-items .range-item .range-content .block.content {
-ms-flex-preferred-size: calc(100% - 222px);
flex-basis: calc(100% - 222px);
padding: 0 15px 0 0 !important
}
.products .product-items .range-item .range-content .block.banner .deadline {
padding: 0
}
.products .product-items .range-item .range-content .block.banner .deadline span {
font-size: 25px;
font-weight: 400
}
.products .product-items .range-item .range-content .block.banner .discount .left>span {
font-size: 28px
}
.products .product-items .range-item .range-content .block.banner .discount .left>span#totaloffer_247 {
font-size: 108px;
line-height: 98px
}
.products .product-items .range-item .range-content .block.banner .discount .right span {
font-weight: 700
}
.products .product-items .range-item .range-content .block.banner .discount .right span.sym {
font-size: 62px;
line-height: 42px
}
.products .product-items .range-item .range-content .block.banner .discount .right span.off {
font-size: 28px;
padding-bottom: 22px
}
}
@media (min-width: 1000px) {
.ie11 .checkout-index-index .opc-wrapper .fieldset .field label:after {
position:relative;
margin: 0 !important;
top: 0!important
}
.products .product-items .range-item .range-content {
border-top: 0
}
.products .product-items .range-item .range-content .block.content {
-ms-flex-preferred-size: calc(100% - 470px) !important;
flex-basis: calc(100% - 470px) !important;
padding: 0 15px 0 0 !important
}
.products .product-items .range-item .range-content .block.banner .deadline span {
font-size: 35px !important;
font-weight: 400;
line-height: 1
}
.products .product-items .range-item .range-content .block.banner .discount .left>span {
font-size: 37px !important;
line-height: 1
}
.products .product-items .range-item .range-content .block.banner .discount .left>span#totaloffer_247 {
font-size: 140px !important;
line-height: 112px !important;
height: 90px
}
.products .product-items .range-item .range-content .block.banner .discount .right span.sym {
font-size: 84px !important;
line-height: 64px !important
}
.products .product-items .range-item .range-content .block.banner .discount .right span.off {
font-size: 38px !important;
padding-bottom: 0 !important
}
.products .product-items .product-item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%
}
}
@media (max-width: 767px) {
.breadcrumbs {
display:none !important
}
.breadcrumbs ul {
position: relative;
padding: 0 0 calc(20px - 5px) 0;
width: 100%;
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch
}
.mobile-tablet-hide {
display: none
}
body header>.panel:not(.wrapper),body header>.header {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
body header>.panel:not(.wrapper):before,body header>.header:before {
content: '';
display: table
}
body header>.panel:not(.wrapper):after,body header>.header:after {
content: '';
display: table;
clear: both
}
body.page-layout-2columns-left .columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
body.page-layout-2columns-left .columns .main {
-ms-flex-order: 3;
order: 3
}
body.page-layout-2columns-left .columns .sidebar.sidebar-additional {
-ms-flex-order: 1;
order: 1
}
body.page-layout-2columns-left .columns .sidebar.sidebar-main {
-ms-flex-order: 2;
order: 2
}
body.page-layout-2columns-left.account .columns {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
body.page-layout-2columns-left.account .columns .main {
-ms-flex-order: 1;
order: 1
}
body.page-layout-2columns-left.account .columns .sidebar.sidebar-additional {
-ms-flex-order: 3;
order: 3
}
body.page-layout-2columns-left.account .columns .sidebar.sidebar-main {
-ms-flex-order: 1;
order: 1
}
body.page-layout-1column .columns .main .product-info-main {
width: calc(99.9%*1/1 - (16px - 16px*1/1))
}
body.page-layout-1column .columns .main .product-info-main:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-1column .columns .main .product-info-main:last-child {
margin-right: 0
}
body.page-layout-1column .columns .main .product-info-main:nth-child(1n) {
margin-right: 0;
float: right
}
body.page-layout-1column .columns .main .product-info-main:nth-child(1n+1) {
clear: both
}
body.page-layout-1column .columns .main .media {
width: calc(99.9%*1/1 - (16px - 16px*1/1))
}
body.page-layout-1column .columns .main .media:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-1column .columns .main .media:last-child {
margin-right: 0
}
body.page-layout-1column .columns .main .media:nth-child(1n) {
margin-right: 0;
float: right
}
body.page-layout-1column .columns .main .media:nth-child(1n+1) {
clear: both
}
body.page-layout-1column .columns .main {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
body.page-layout-1column .columns .main .media,body.page-layout-1column .columns .main .product-info-main,body.page-layout-1column .columns .main .product-add-form {
width: calc(99.9%*1 - (16px - 16px*1))
}
body.page-layout-1column .columns .main .media:nth-child(1n),body.page-layout-1column .columns .main .product-info-main:nth-child(1n),body.page-layout-1column .columns .main .product-add-form:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body.page-layout-1column .columns .main .media:last-child,body.page-layout-1column .columns .main .product-info-main:last-child,body.page-layout-1column .columns .main .product-add-form:last-child {
margin-right: 0
}
body.page-layout-1column .columns .main .media:nth-child(0n),body.page-layout-1column .columns .main .product-info-main:nth-child(0n),body.page-layout-1column .columns .main .product-add-form:nth-child(0n) {
margin-right: 0;
float: right
}
body.page-layout-1column .columns .main .media:nth-child(0n+1),body.page-layout-1column .columns .main .product-info-main:nth-child(0n+1),body.page-layout-1column .columns .main .product-add-form:nth-child(0n+1) {
clear: both
}
body.page-layout-1column .columns .main .media {
-ms-flex-order: -2;
order: -2
}
body.page-layout-1column .columns .main .product-info-main {
-ms-flex-order: -1;
order: -1
}
body.page-layout-1column .columns .main .product-add-form,body.page-layout-1column .columns .main .bundle-options-container {
-ms-flex-order: 3;
order: 3
}
body.page-layout-1column .columns .main .detailed {
-ms-flex-order: 4;
order: 4
}
body.page-layout-1column .columns .main .related {
-ms-flex-order: 5;
order: 5
}
body.page-layout-1column .columns .main .upsell {
-ms-flex-order: 6;
order: 6
}
body.page-layout-1column .columns .main .bundle-options-container .product-add-form {
display: none
}
body footer .block,body footer .links {
width: calc(99.9%*1 - (16px - 16px*1))
}
body footer .block:nth-child(1n),body footer .links:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body footer .block:last-child,body footer .links:last-child {
margin-right: 0
}
body footer .block:nth-child(undefinedn),body footer .links:nth-child(undefinedn) {
margin-right: 0;
float: right
}
body footer .block:nth-child(undefinedn+1),body footer .links:nth-child(undefinedn+1) {
clear: both
}
body .products-list .product-item-photo {
width: calc(99.9%*1/3 - (16px - 16px*1/3))
}
body .products-list .product-item-photo:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body .products-list .product-item-photo:last-child {
margin-right: 0
}
body .products-list .product-item-photo:nth-child(3n) {
margin-right: 0;
float: right
}
body .products-list .product-item-photo:nth-child(3n+1) {
clear: both
}
body .products-list .product-item-photo img {
width: 100%;
height: auto
}
body .products-list .product-item-details {
width: calc(99.9%*2/3 - (16px - 16px*2/3))
}
body .products-list .product-item-details:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
body .products-list .product-item-details:last-child {
margin-right: 0
}
body .products-list .product-item-details:nth-child(3n) {
margin-right: 0;
float: right
}
body .products-list .product-item-details:nth-child(3n+1) {
clear: both
}
html h1,html h1 span {
margin: calc(30px - 15px) 0
}
header .links,header .switcher {
display: none
}
header .contentarea {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.checkout-index-index .m-nav-toggle {
display: none
}
header .header.content .logo {
margin: 0;
-ms-flex-order: 1;
order: 1;
z-index: 1;
height: auto;
display: inline-block;
max-width: 100%;
width: unset;
margin-right: 0;
-ms-flex: 1;
flex: 1;
position: relative;
top: -10px
}
header .header.content .logo img {
width: 100px
}
header .header.content .block.block-search .algolia-search-block .block-content {
background: #fff;
position: absolute;
bottom: -53px
}
header .header.content .block.block-search .algolia-search-button:before {
top: 8px;
right: 10px
}
header .header.content .block.block-search .algolia-search-block input#search {
background: #fff;
color: #3d3936
}
header .header.content .block.block-search .algolia-search-block input#search:-ms-input-placeholder {
color: #3d3936
}
header .header.content .block.block-search .algolia-search-block input#search::placeholder {
color: #3d3936
}
.mobile-nav-1 div:not(:first-child) {
display: none;
padding: 0 !important
}
.header-content-right .key-links .my-account-link,.header-content-right .key-links .wish-list-header {
display: none !important
}
.header-content-right .key-links .search-promo-container .algolia-search-block .algolia-title.toggle-dropdown {
position: absolute;
top: 2px;
left: 45px
}
.key-links {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.confidence_messages .confidence_message_item {
-ms-flex-direction: row;
flex-direction: row;
width: unset !important
}
.header-content-left .algolia-title.toggle-dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
width: 34px;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer
}
.header-content-left .mobile-nav-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
width: 34px;
margin-right: 10px;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer
}
.header-content-left .mobile-nav-1 .mobile-nav-item-0 {
padding: 0
}
.mobile-header-left-btn-container {
display: -ms-flexbox;
display: flex
}
.confidence_messages-container {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
header .header.content .header-content-left .algolia-title:before {
content: "";
display: inline-block;
background: url(../images/icons/search.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 25px;
height: 25px
}
header .header.content .header-content-left .algolia-title.toggle-dropdown span,header .header.content .header-content-left .mobile-nav-1 .mobile-nav-item-0 #menu-icon-0 span {
display: inline-block;
font-size: 11px;
color: #fff;
background: 0 0;
font-weight: unset
}
header .header.content .header-content-left .mobile-nav-1 .mobile-nav-item-0 #menu-icon-0:before {
content: "";
display: inline-block;
background: url(../images/icons/hamburger.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 25px;
height: 25px
}
div#menu-icon-0 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.page-footer .block.newsletter {
-ms-flex-order: 1;
order: 1
}
.unsubscribe-link-footer {
height: 48px;
-ms-flex-align: center;
align-items: center
}
.page-footer .block.links .footer-links a {
font-size: 12px;
height: 24px;
width: 100%;
-ms-flex-align: center;
align-items: center
}
.page-footer .block.links .footer-links {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-footer .block.links .footer-links .links {
width: 50%;
margin: 0
}
.page-footer .block.newsletter {
width: 100%
}
.footer-strap-line span {
font-size: 18px
}
.block.block-minicart {
padding: 0;
border: none;
right: -27px;
width: 300px;
top: 51px;
margin-top: 0;
z-index: 112
}
.block.block-minicart:after {
display: none
}
.block.block-minicart:before {
display: none
}
.block.block-minicart #minicart-content-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.block.block-minicart #minicart-content-wrapper .block-title {
display: block;
padding: 20px 10px 20px 20px;
background-color: #f0f1f6
}
.block.block-minicart #minicart-content-wrapper .block-title .text {
display: none
}
.block.block-minicart #minicart-content-wrapper .block-title .text.add-to-basket-mobile {
display: block;
//:16px;font-weight: 600;
line-height: 19px
}
.block.block-minicart #minicart-content-wrapper .block-title .qty {
display: none
}
.block.block-minicart #minicart-content-wrapper .block-content #btn-minicart-close {
position: absolute;
top: 11px;
right: 10px;
display: none
}
.block.block-minicart #minicart-content-wrapper .block-content #btn-minicart-close span {
width: 0;
height: 0
}
.block.block-minicart #minicart-content-wrapper .block-content #btn-minicart-close:before {
content: "";
width: 24px;
height: 24px;
background-image: url(../../../../../frontend/Magento/blank/en_GB/Magento_LoginAsCustomerFrontendUi/images/close.svg)
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item {
padding: 0
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper {
height: unset !important;
max-width: unset !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item {
padding: 20px 20px 0;
border: none;
margin-bottom: 0 !important;
width: unset !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item>div {
border-bottom: 1px solid #6874a2;
margin-bottom: 20px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product {
display: -ms-flexbox;
display: flex
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product a .product-image-container .product-image-wrapper img {
width: 65px !important;
height: 65px !important;
border-radius: 3px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-name {
margin-bottom: 10px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-name a {
//:16px;font-weight: 600;
line-height: 19px;
color: #232f3b
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-pricing {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-pricing .details-qty {
display: -ms-flexbox;
display: flex
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-pricing .details-qty .label {
font-weight: 400;
line-height: 17px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: transparent
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-pricing .details-qty input {
//:14px;font-weight: 400;
line-height: 17px;
color: #6874a2;
background-color: transparent
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product-item-pricing .price-container .price-wrapper .price-excluding-tax .minicart-price .price {
//:14px;font-weight: 600;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
color: #e81f76
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product.actions {
-ms-flex-pack: end;
justify-content: flex-end
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product.actions .secondary {
width: 24px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item .product .product-item-details .product.actions .secondary a:before {
width: 24px;
height: 24px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .minicart__content__item .minicart-items-wrapper .bx-wrapper .minicart-items .item:last-child>div {
border-bottom: none !important
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group {
display: -ms-flexbox;
display: flex;
padding: 22px 20px 22px;
gap: 20px
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions {
border-radius: 5px;
border: none;
height: 37px;
width: 100%
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart {
border: none
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button {
background-color: #fff;
padding: 10px 20px;
width: max-content;
height: 37px;
border: none;
width: 100%;
background-color: #f4df6b;
transition: .25s
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button span {
//:14px;font-weight: 700;
line-height: 17px;
color: #232f3b
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button:hover {
background-color: rgba(244,223,107,.5);
transition: .25s
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .viewcart .text-button:hover span {
color: #232f3b
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .primary {
height: 100%
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions .primary #top-cart-btn-checkout {
border: none;
background-color: #f4df6b;
//:14px;font-weight: 700;
line-height: 17px;
color: #232f3b;
height: 100%
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart__content .cart-btn-group .actions:nth-child(2) {
display: none
}
.block.block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .item .product-item-details .action.delete:before {
background: url(../images/bin.svg) no-repeat;
content: "";
display: inline-block;
background-size: 100%;
width: 32px;
height: 32px
}
.block.block-minicart .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 14px;
content: '\e616';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: 400;
overflow: hidden;
speak: none;
text-align: center
}
.block-collapsible-nav-title {
position: relative
}
.block-collapsible-nav-title:after {
content: '\e622';
position: absolute;
top: 12px;
right: 0;
transition: all .2s ease-in-out
}
.block-collapsible-nav-title.active:after {
transform: rotate(180deg)
}
nav.navigation .level0 {
border-top: 0
}
nav.navigation .level0>li {
padding: 0
}
nav.navigation .parent .level-top:after {
position: absolute;
right: 15px;
top: 22px;
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e61c';
font-size: 20px
}
nav.navigation .parent .level-top.ui-state-active:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e60f';
font-size: 20px
}
.active .filter-title strong:after {
font-family: 'icons-blank-theme';
-webkit-font-smoothing: antialiased;
font-weight: 400;
display: inline-block;
vertical-align: middle;
font-size: 29px;
line-height: 18px;
content: '\e616';
position: absolute;
top: 5px;
right: 10px
}
.block.block-search {
float: initial;
-ms-flex-order: -1;
order: -1
}
.block.block-search .field.search .advanced {
display: none
}
.block.block-search .field.search .control {
border: 0
}
.block.block-search .field.search .control input {
width: 100%;
padding: 0
}
.block.block-search .field.search label:before {
display: block
}
.block.block-search .actions .search {
display: none
}
.block.newsletter {
text-align: left
}
.block.block-customer-login {
background: #fff
}
.block.block-customer-login .block-title {
text-align: left
}
.block.block-customer-login .block-title strong {
margin-top: 0;
font-size: 26px;
line-height: 37px;
font-weight: 500
}
.block.filter .block-content {
display: block
}
.modal-popup.modal-slide {
left: 44px;
z-index: 900
}
.modal-popup.modal-slide._inner-scroll {
height: auto;
min-height: 100%
}
.modal-popup.modal-slide .modal-inner-wrap {
margin: 0;
max-height: none;
height: 100%;
overflow-y: auto;
position: static;
transform: translateX(100%);
transition-duration: .3s;
transition-property: transform,visibility;
transition-timing-function: ease-in-out;
width: auto
}
.modal-popup.modal-slide._show .modal-inner-wrap {
transform: translateX(0);
text-align: left
}
.custom-slide {
bottom: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
left: 44px;
z-index: 900
}
.custom-slide .modal-inner-wrap {
background-color: #2b2f30
}
.custom-slide .modal-inner-wrap {
height: auto;
min-height: 100%;
overflow-y: auto;
position: static;
transform: translateX(100%);
transition-duration: .3s;
transition-property: transform,visibility;
transition-timing-function: ease-in-out;
width: auto;
opacity: 1;
pointer-events: auto;
background: #fff
}
.custom-slide._show {
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
visibility: visible
}
.custom-slide._show .modal-inner-wrap {
transform: translateX(0)
}
@media (min-width: 500px) {
.custom-slide {
left:40%
}
.account .columns .column.main .block .block-content .box {
float: left;
width: 50%;
}
}
#algolia_instant_selector .product-info-container .small-product-img {
-ms-flex-preferred-size: 76px;
flex-basis: 76px
}
#algolia_instant_selector .visible-xs {
display: block !important
}
#algolia_instant_selector .hidden-xs {
display: none!important
}
.algolia-search-block {
clear: both;
color: #ea247a
}
.owl-carousel .owl-dots {
margin-top: 0
}
.checkout-index-index .confidence_messages-container,.checkout-cart-index .confidence_messages-container {
height: auto
}
.nav-sections {
-webkit-overflow-scrolling: touch;
transition: top .3s;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: calc(-1*(100%));
width: 100%;
background: #fff;
z-index: 99
}
.nav-sections .navigation {
background: 0 0
}
.nav-sections .navigation ul.level0 {
margin-top: -15px;
margin-bottom: 10px
}
.nav-sections .navigation li.level0 .submenu li {
padding: 0
}
.nav-sections .navigation li.level0 .submenu li a span {
font-size: 16px
}
.nav-sections .navigation li.level0 .submenu li.active>a {
color: #00a4a4
}
.nav-sections .navigation li.level0 .all-category a {
border: 0;
font-style: italic;
color: #3d3936;
text-decoration: underline
}
.nav-sections .navigation li.level0.has-active>a {
color: #00a4a4
}
.nav-sections .navigation li.level0.has-active>a:not(.ui-state-active) {
border: 0
}
.nav-sections .navigation li.level0.has-active>a:not(.ui-state-active) span {
margin: 0
}
.nav-sections .nav-sections-items {
padding: 0
}
.nav-before-open {
height: 100%;
overflow-x: hidden;
width: 100%
}
.nav-before-open body {
height: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.nav-before-open .page-wrapper {
overflow: hidden;
position: relative
}
.m-nav-toggle {
cursor: pointer
}
.ub-mega-menu-wrapper {
padding-top: 87px
}
.nav-before-open .page-wrapper {
left: 0
}
.nav-before-open .nav-toggle:before {
content: "";
display: inline-block;
background: url(../images/icons/close-icon.svg);
background-size: 100%;
background-repeat: no-repeat
}
.nav-before-open .nav-toggle:before {
background-size: 82%
}
.nav-before-open .nav-toggle:after {
display: none
}
.nav-before-open .nav-sections {
box-shadow: none;
left: 0;
z-index: 99;
top: 110px;
background: #fff;
border-top: 1px solid #dfe0e0;
padding-bottom: 100px
}
@media (min-width: 768px) {
.nav-before-open .nav-sections {
top:129px
}
}
@media (min-width: 900px) {
.nav-before-open .nav-sections {
top:159px
}
}
.nav-before-open .nav-sections .ui-state-active+ul li>ul {
display: block !important
}
.nav-before-open .nav-sections .section-item-title {
display: none
}
.nav-before-open .nav-sections .section-item-title a {
font-size: 16px
}
.nav-before-open .nav-sections .section-item-title.active {
background-color: transparent;
border-bottom: 0
}
.nav-before-open .nav-sections .section-item-content {
margin-left: -100%;
width: 100%;
padding: 0;
margin-top: 0
}
.nav-before-open .nav-sections .section-item-content nav>ul .submenu:not(:first-child) .active>a {
border-left: none;
padding-left: 15px !important
}
.nav-before-open .nav-sections .section-item-content nav>ul>li {
border-top: 0;
border-bottom: 1px solid #e7e6f7;
padding: 0
}
.nav-before-open .nav-sections .section-item-content nav>ul>li.active>a:not(.ui-state-active) {
color: #00a4a4;
border: 0 !important
}
.nav-before-open .nav-sections .section-item-content nav>ul>li>a {
padding: 20px;
display: block;
text-transform: uppercase;
color: #3d3936
}
.nav-before-open .nav-sections .section-item-content nav>ul>li>a.ui-state-active {
color: #00a4a4
}
.nav-before-open .nav-sections .section-item-content nav>ul>li>ul {
top: auto !important;
margin-left: calc(20px - 5px)
}
.nav-before-open .nav-sections .section-item-content .header.links,.nav-before-open .nav-sections .section-item-content .switcher {
padding: 20px
}
.nav-before-open .nav-sections .section-item-content>.header.links>.customer-welcome button {
width: 30px
}
.nav-before-open .nav-sections .section-item-content .additional-menu {
border-top: 2px solid #dfe0e0;
text-align: center;
text-transform: uppercase;
height: 100vh
}
.nav-before-open .nav-sections .section-item-content .additional-menu li {
border-top: 1px solid #dfe0e0;
padding: 0;
margin: 0
}
.nav-before-open .nav-sections .section-item-content .additional-menu li a {
padding: 15px;
display: block
}
.top-menu-section {
display: -ms-flexbox;
display: flex;
padding: 20px 15px 15px;
position: fixed;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
z-index: 1;
background: #fff;
border-bottom: 1px solid #dfe0e0
}
.top-menu-section a span {
text-transform: uppercase;
font-size: 11px
}
.top-menu-section a:before {
margin-bottom: 5px
}
.top-menu-section .link {
margin: 0 10px
}
.top-menu-section .my-account {
font-size: calc(12px + 2*((100vw - 420px)/860));
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
color: #00a4a4;
transition: all .2s ease-in-out;
cursor: pointer
}
@media screen and (min-width: 1280px) {
.top-menu-section .my-account {
font-size:14px
}
}
@media screen and (max-width: 420px) {
.top-menu-section .my-account {
font-size:12px
}
}
.top-menu-section .my-account:before {
content: "";
display: inline-block;
background: url(../images/icons/user-icon.svg);
background-size: 100%;
background-repeat: no-repeat
}
.top-menu-section .my-account:hover {
color: #0a96a9
}
.top-menu-section .my-account:before {
width: 26px;
height: 26px
}
.top-menu-section .samples-wrapper {
display: block
}
.top-menu-section .samples-wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.top-menu-section .samples-wrapper a:before {
content: "";
display: inline-block;
background: url(../images/icons/samples.svg);
background-size: 100%;
background-repeat: no-repeat
}
.top-menu-section .samples-wrapper a:before {
width: 26px;
height: 26px
}
.top-menu-section .samples-wrapper .counter {
display: none
}
.top-menu-section .track-order-link {
display: block;
margin: 0 20px !important
}
.top-menu-section .track-order-link a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.top-menu-section .track-order-link a:before {
content: "";
display: inline-block;
background: url(../images/icons/truck.svg);
background-size: 100%;
background-repeat: no-repeat
}
.top-menu-section .track-order-link a:before {
width: 30px;
height: 26px
}
.top-menu-section .track-order-link .counter {
display: none
}
.top-menu-section .track-order-link .text {
text-transform: uppercase
}
.ub-mega-menu .bluefoot-entity {
margin: 0
}
.ub-mega-menu>li.mega {
margin: 0;
padding: 0;
border-bottom: 1px solid #dfe0e0;
position: relative;
text-align: center
}
.ub-mega-menu>li.mega>a {
text-transform: uppercase;
color: #3d3936;
padding: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
font-size: 1.4rem
}
.ub-mega-menu>li.mega>a.has-child span:after {
content: "+";
margin-left: auto;
font-size: 20px;
margin-left: 5px
}
.ub-mega-menu>li.mega>a.active {
background: #eaeaea;
color: #00a4a4;
font-weight: 700;
border-bottom: 1px solid #fff
}
.ub-mega-menu>li.mega>a.active span:after {
content: "-"
}
.ub-mega-menu>li.mega>a span {
display: block;
text-align: center;
width: 100%
}
.ub-mega-menu>li.mega .child-content {
max-height: 0px;
overflow: hidden;
opacity: 0;
transition: all .4s ease-in-out;
padding: 0
}
.ub-mega-menu>li.mega .child-content.active {
max-height: 2000px;
opacity: 1
}
.ub-mega-menu>li.mega .child-content h4 {
color: #00a4a4;
margin: 30px 0 15px;
text-transform: uppercase
}
.ub-mega-menu>li.mega .child-content li {
margin: 0;
padding: 0
}
.ub-mega-menu>li.mega .child-content a {
color: #3d3936;
padding: 15px;
display: block;
text-transform: uppercase;
border-bottom: 1px solid #dfe0e0;
font-size: 1.4rem;
font-weight: 400
}
.ub-mega-menu>li.mega .child-content .shop-by a.has-child {
display: block;
text-transform: uppercase;
border-bottom: 1px solid #fff;
padding: 15px;
background: #f1f1fb
}
.ub-mega-menu>li.mega .child-content .shop-by a.has-child span:after {
content: "+";
font-size: 20px;
margin-left: 5px
}
.ub-mega-menu>li.mega .child-content .shop-by a.active {
color: #50636d;
font-weight: 700
}
.ub-mega-menu>li.mega .child-content .shop-by a.active span:after {
content: "-"
}
.ub-mega-menu>li.mega .child-content .shop-by a span {
display: block;
text-align: center;
width: 100%
}
.ub-mega-menu>li.mega .menu-group-link {
position: absolute;
top: 15px;
right: 45px;
font-size: 12px;
display: inline-block;
text-decoration: underline
}
button {
width: 100%
}
.catalog-category-view .page-main,.catalogsearch-result-index .page-main {
padding-top: 0
}
.catalog-category-view .category-view .category-description .description,.catalogsearch-result-index .category-view .category-description .description {
padding-left: 0;
margin-bottom: calc(20px - 10px)
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content {
margin: 0
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content span.label,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content span.label {
font-weight: 500
}
.catalog-category-view .filter-options .filter-options-item .filter-options-content span.label:before,.catalogsearch-result-index .filter-options .filter-options-item .filter-options-content span.label:before {
position: absolute;
top: 13px;
left: 15px
}
.toolbar-master-container .b247_sorter .content {
box-shadow: none
}
.toolbar-master-container .b247_sorter .content .filed {
width: 100%;
border-bottom: 1px solid #dfe0e0;
text-align: center
}
.toolbar-master-container .b247_sorter .content .filed:last-child {
border-bottom: 0
}
.toolbar-master-container .b247_sorter .content .filed label {
font-weight: 400;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 8px
}
.range-wrapper h2 {
margin-bottom: 0 !important
}
.products .product-items .product-item .product-info-container .small-product-img {
-ms-flex-preferred-size: 76px;
flex-basis: 76px
}
.catalog-product-view .product-info-main .page-title-wrapper {
display: none
}
.catalog-product-view .column.main .product.description {
width: calc(99.9%*100% - (16px - 16px*100%))
}
.catalog-product-view .column.main .product.description:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
.catalog-product-view .column.main .product.description:last-child {
margin-right: 0
}
.catalog-product-view .column.main .product.description:nth-child(undefinedn) {
margin-right: 0;
float: right
}
.catalog-product-view .column.main .product.description:nth-child(undefinedn+1) {
clear: both
}
.catalog-product-view .column.main .product_accordion_b247 {
width: calc(99.9%*1/1 - (16px - 16px*1/1));
margin-bottom: 20px
}
.catalog-product-view .column.main .product_accordion_b247:nth-child(1n) {
float: left;
margin-right: 16px;
clear: none
}
.catalog-product-view .column.main .product_accordion_b247:last-child {
margin-right: 0
}
.catalog-product-view .column.main .product_accordion_b247:nth-child(1n) {
margin-right: 0;
float: right
}
.catalog-product-view .column.main .product_accordion_b247:nth-child(1n+1) {
clear: both
}
.catalog-product-view .product.media .fotorama .fotorama__wrap img {
width: 100%
}
.related {
margin-top: 30px
}
.catalog-product-view .product.media .fotorama-item .fotorama__nav-wrap {
position: absolute;
bottom: 0
}
.quality-block-heading,.product-guarantee-block {
text-align: center
}
.quality-block-points {
width: 100%
}
.catalog-product-view .column.main .product.description .value,.product-guarantee-block p,.column.main .product.description .value .item.description {
column-count: 1
}
.catalog-product-view .column.main .product.description h3 {
margin-bottom: 7px
}
.catalog-product-view .column.main .product.description {
text-align: center;
margin: 0 auto !important
}
.product-quality-block {
text-align: center
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247 .trigger-title span {
max-width: 300px;
margin: 0 auto
}
.catalog-product-view .column.main .product_accordion_b247 .collapsible_b247 .trigger-title span:after {
right: -16px
}
.catalog-product-view .right-container .level2-container {
margin-top: 20px !important
}
.product.detailed {
margin: 20px 0
}
.product.detailed .item.title {
margin-bottom: calc(20px - 10px)
}
.product.detailed .item.title a {
padding: calc(20px - 10px) 20px;
border: 1px solid #cdcdcd;
display: block;
background: #f2f2f2
}
.product.detailed .item.title.active a {
background: #fff
}
.product.detailed .item.content {
float: right;
margin: 31px 0 0 -100%;
width: 100%;
text-align: left;
margin-top: 20px + 1px;
padding: 20px;
border-top: 1px solid #cdcdcd
}
.toolbar {
margin-bottom: 2px;
padding: 0
}
.toolbar .modes,.toolbar .limiter,.toolbar .pages,.toolbar .toolbar-amount {
display: none
}
.toolbar .sorter {
float: right
}
.toolbar #modes-label,.toolbar .label {
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.products+.toolbar {
display: none
}
.products+.toolbar .pages {
display: block;
text-align: center
}
.products+.toolbar .pages ul li {
display: inline-block;
vertical-align: middle
}
.products+.toolbar .toolbar-amount {
display: none
}
.products+.toolbar .sorter {
display: none
}
.user-pages .user-pages .page-main .page-title-wrapper {
margin-bottom: 0
}
.page-main.account>.columns {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box
}
.page-main.account>.columns .column.main {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-order: 2;
order: 2;
width: 100%;
max-width: 600px;
margin: 0 auto
}
.page-main.account>.columns .sidebar-main {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-order: 1;
order: 1;
width: 100%
}
.page-main.account .sidebar-main .block-collapsible-nav {
left: 0;
width: 100%;
z-index: 5;
max-width: 600px;
margin: 10px auto 10px auto
}
.page-main.account .sidebar-main .block-collapsible-nav-content {
max-height: 0;
overflow: hidden;
transition: max-height .2s ease-in-out
}
.page-main.account .sidebar-main .block-collapsible-nav-content.active {
max-height: 1000px
}
.account .orders-recent table thead tr th,.account .orders-history table thead tr th,.account .order-items table thead tr th,.account .reviews table thead tr th {
display: none
}
.account .orders-recent table tbody td,.account .orders-history table tbody td,.account .order-items table tbody td,.account .reviews table tbody td {
display: block;
padding: 15px
}
.account .orders-recent table tbody td:before,.account .orders-history table tbody td:before,.account .order-items table tbody td:before,.account .reviews table tbody td:before {
padding-right: 10px;
content: attr(data-th) ': ';
display: inline-block;
color: #222;
font-weight: 700
}
.account .table-order-items {
display: block
}
.account .table-order-items tbody {
border-bottom: 5px solid #fff;
display: block
}
.account .table-order-items tbody tr {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center
}
.account .table-order-items tbody tr:not(:last-child) {
border-bottom: 5px solid #fff
}
.account .table-order-items tbody tr td {
width: 50%;
text-align: left;
display: block
}
.account .table-order-items tbody tr td.col.name {
width: 100%
}
.account .table-order-items tbody tr td.col.price,.account .table-order-items tbody tr td.col.subtotal {
text-align: right !important
}
.account .table-order-items tbody tr td.col.actions,.account .table-order-items tbody tr td.col.qty {
text-align: left
}
.account .table-order-items tbody tr td.col.qty .items-qty {
display: inline-block
}
.account .table-order-items tbody tr td .price {
font-weight: 400
}
.account .table-order-items tbody tr.grand_total .price {
font-weight: 700;
font-size: 16px
}
.account .table-order-items tfoot {
width: 100%;
display: block
}
.account .table-order-items tfoot tr {
display: block;
width: 100%
}
.account .table-order-items tfoot tr:before {
content: '';
display: table
}
.account .table-order-items tfoot tr:after {
clear: both;
content: '';
display: table
}
.account .table-order-items tfoot tr:before {
content: '';
display: table
}
.account .table-order-items tfoot tr:after {
clear: both
}
.account .table-order-items tfoot tr th,.account .table-order-items tfoot tr td {
display: block;
float: left
}
.account .table-order-items tfoot tr th {
text-align: left !important
}
.grouped table thead {
display: none
}
.grouped table tbody tr td {
display: block
}
.grouped table tbody tr td:before {
padding-right: 10px;
content: attr(data-th) '';
display: inline-block;
color: #111;
font-weight: 700
}
.grouped table tbody tr td strong {
display: block
}
.field-tooltip .field-tooltip-content {
left: initial;
right: 0
}
#layered-filter-block .filter-content {
box-shadow: none
}
#layered-filter-block .filter-options-item {
margin-bottom: 0;
width: 100%
}
#layered-filter-block .filter-options-item .filter-options-content ol li {
width: 100%;
display: block;
border-bottom: 1px solid #dfe0e0;
padding: 0;
margin: 0
}
#layered-filter-block .filter-options-item .filter-options-content ol li:last-child {
border-bottom: 0
}
#layered-filter-block .filter-options-item .filter-options-content ol li a {
display: block;
text-align: center;
margin: 0;
padding: 11px 40px;
position: relative
}
#layered-filter-block .filter-options-item .filter-options-content ol li a .label {
font-weight: 400
}
#layered-filter-block .filter-options-item .filter-options-content ol li a .label span {
font-weight: 400
}
#layered-filter-block .filter-options-item .filter-options-content ol li a .label:before {
position: absolute;
left: 15px
}
#layered-filter-block .filter-options-item .filter-options-content ul li a {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: relative;
border-bottom: 1px solid #dfe0e0;
text-align: center;
padding: 11px 40px
}
.blinds-category {
margin: 0 !important;
padding: 0 !important
}
.blinds-category .category-accordion p {
display: none
}
.blinds-category .category-accordion figure a {
display: block
}
.blinds-category .category-accordion figure a:after {
display: none;
content: "View range";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
background: #e31a82;
color: #fff;
padding: 0 35px;
height: 40px;
line-height: 42px;
text-transform: uppercase;
font-size: calc(11px + 5*((100vw - 420px)/860))
}
@media screen and (min-width: 1280px) {
.blinds-category .category-accordion figure a:after {
font-size:16px
}
}
@media screen and (max-width: 420px) {
.blinds-category .category-accordion figure a:after {
font-size:11px
}
}
.blinds-category .category-accordion figure img {
margin: 0 auto;
display: block
}
.cms-index-index .page-main {
padding: 0 15px !important
}
.cms-index-index .bluefoot-row.confidence-block {
padding: 0
}
.cms-index-index .bluefoot-row {
display: initial
}
.cms-index-index .bluefoot-row.blinds-category {
display: initial;
margin-bottom: 0 !important
}
.cms-index-index .bluefoot-row.confidence-block {
display: block
}
.cms-index-index .bluefoot-row.blog-home {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-column {
margin-right: 0 !important
}
.blinds-category .pagebuilder-column-group {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between
}
.blinds-category .category-accordion {
padding: 6px !important;
margin: 0 !important;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
.blinds-category .category-accordion>div:first-of-type {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.blinds-category-desktop-only {
display: none !important
}
.homepage-category-message-heading span,.blinds-category .category-accordion a {
font-size: 22px
}
.category-accordion-message-container p,.blinds-category .category-accordion p {
display: none
}
.category-accordion-info {
left: 15px;
background: 0 0
}
.blinds-category .category-accordion h2 {
margin: 0 0 7px
}
.color-slider {
max-width: 55px
}
.shop-by-color-section .text {
font-size: 14px
}
.shop-by-color-item {
-ms-flex-preferred-size: 22%;
flex-basis: 22%
}
.shop-by-color-section span.title {
font-size: 20px;
line-height: 24px;
margin-bottom: 4px;
margin-top: 8px
}
.happy-home-slider .title {
display: -ms-flexbox;
display: flex
}
.happy-home-slider .title>span {
font-size: 20px;
line-height: 24px;
margin-bottom: 4px;
margin-top: 8px
}
.happy-home-slider .title>span .pink-color {
font-size: 20px;
line-height: 50px
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide a .text {
font-size: 16px !important
}
.happy-home-slider .slider-happy-home .slick-list {
padding-bottom: 20px;
margin-bottom: 0;
margin: 0
}
.slider-happy-home.slider.slick-slider {
left: 10px
}
.happy-home-slider .slider-happy-home .slick-list .slick-track {
display: -ms-flexbox;
display: flex
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide a {
font-size: 14px;
line-height: 17px
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide a img {
border-radius: 9px;
margin: 0;
padding: 6px
}
.happy-home-slider .slider-happy-home .slick-arrow {
width: 0;
height: 0
}
.happy-home-slider .slider-happy-home .slick-arrow:before {
width: 24px;
height: 24px
}
.happy-home-slider .slider-happy-home .slick-prev,.happy-home-slider .slider-happy-home .slick-next {
position: absolute;
top: unset;
bottom: 0
}
.happy-home-slider .slider-happy-home .slick-prev:before,.happy-home-slider .slider-happy-home .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0
}
.happy-home-slider .slider-happy-home .slick-prev:before {
right: 35px;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
transform: rotate(180deg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.happy-home-slider .slider-happy-home .slick-next:before {
right: 0;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.happy-starts-at-home-copy .heading-devant {
font-size: 5em;
line-height: 60px
}
.happy-starts-at-home-copy {
padding-top: 16px
}
.homepage-trust-blocks-container .homepage-trust-blocks {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
.section-copy-and-image-copy {
padding: 0 20px
}
.happy-starts-at-home-copy {
padding-top: 16px
}
.blind-happiness-action-item p {
margin: 2em 0;
max-width: 100%
}
.blind-happiness-action {
-ms-flex-direction: column;
flex-direction: column
}
.blind-happiness-action-item {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 20px
}
.blind-happiness-action-item img {
max-height: 75px
}
.blind-happiness-action-item p {
margin-left: 20px
}
.trackmyorder-index-index .page-footer {
background: #fff;
margin-top: 0
}
.trackmyorder-index-index .page-wrapper .content-widget-faqs {
margin-bottom: -10px
}
.trackmyorder-index-index .page-wrapper .content-widget-faqs .content-faqs .faqs-item.active {
background: #fff !important
}
}
@media (min-width: 768px) and (max-width:1000px) {
header .working-hours>div {
font-size:1.2rem
}
header .working-hours strong a {
font-size: 1.4rem
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options .field {
padding: 0 5px 10px
}
}
@media (min-width: 768px) and (max-width:1600px) {
header .header.content .logo {
min-width:150px
}
header .header.content .logo img {
width: 150px
}
}
@media (max-width: 767px) {
header .header.content {
padding:0;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
position: relative;
max-width: unset
}
header .working-hours {
display: none !important
}
.header.content .samples-wrapper a:after {
content: "Samples";
display: inline-block;
font-size: 11px;
color: #fff
}
.header.content .my-account-link a:before {
content: "";
display: inline-block;
background: url(../images/icons/user-icon.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 25px;
height: 25px
}
.header.content .my-account-link a:after {
content: "Account";
display: inline-block;
font-size: 11px;
color: #fff;
line-height: 20px
}
.header.content .my-account-link a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.header.content .samples-wrapper a:before {
content: "";
display: inline-block;
background: url(../images/icons/samples.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 25px;
height: 25px
}
.minicart-wrapper .action.showcart:after {
content: "Basket";
display: inline-block;
font-size: 11px;
color: #fff;
background: 0 0
}
.minicart-wrapper .action.showcart:before {
content: "";
display: inline-block;
background: url(../images/icons/cart.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 25px;
height: 25px
}
.samples-wrapper .text,.my-account-link a span {
display: none !important
}
header .header.content .block.block-search .algolia-title:before {
content: "";
display: inline-block;
background: url(../images/icons/search.svg);
background-size: 100%;
background-repeat: no-repeat;
margin: 0 5px;
width: 25px;
height: 25px
}
header .header.content .block.block-search .algolia-title:after {
content: "Search";
display: inline-block;
font-size: 11px;
color: #fff;
background: 0 0
}
.algolia-search-block .algolia-title.toggle-dropdown span {
color: #50636d;
font-size: calc(12px + 2*((100vw - 420px)/860));
border: 0;
clip: rect(0,0,0,0);
height: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 0
}
.header-trust-pilot {
display: none !important
}
header .header.content .block.block-search input#search {
height: 35px
}
}
@media (min-width: 375px) {
.page-footer .page-footer_inner {
-ms-flex-direction:row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-footer .working-hours {
width: 100%;
margin: 15px 0 0;
text-align: left;
line-height: 1
}
.page-footer .working-hours span {
display: inline-block;
padding-left: 10px;
line-height: 1
}
.page-footer .working-hours strong {
margin-right: 0;
line-height: 1
}
.page-footer .iweb_social {
width: 100%;
margin: 10px 0;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.banner .pagebuilder-column-group {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.banner .pagebuilder-column-group .banner [data-content-type=text] {
-ms-flex-order: 3;
order: 3
}
}
@media (min-width: 550px) {
small.copyright {
padding:10px
}
}
@media (min-width: 1060px) {
small.copyright {
text-align:left
}
small.copyright span {
font-size: 12px
}
.working-hours strong a {
font-size: 22px;
display: -ms-flexbox;
display: flex
}
.working-hours strong a:before {
width: 17px;
height: 17px
}
.working-hours span {
font-size: 16px
}
}
@media (max-width: 999px) and (min-width:768px) {
.page-footer .block.newsletter {
width:45%
}
.page-footer .block.links {
width: 55% !important
}
}
@media (min-width: 560px) {
.fieldset>.field.field-name-firstname,.fieldset .field.field-name-lastname,.fieldset .nested .additional,.fieldset .col {
width:46%;
display: inline-block
}
.fieldset>.field.field-name-firstname,.fieldset .nested .additional:first-child,.fieldset .col:nth-child(odd) {
margin-right: 8%
}
}
@media (min-width: 500px) {
.custom-slide {
left:40%
}
.page-main.account .block-content {
display: -ms-flexbox;
display: flex
}
.page-main.account .block-content .box {
width: 50%
}
.checkout-index-index .opc-wrapper .actions-toolbar {
-ms-flex-direction: row;
flex-direction: row;
width: auto
}
.checkout-index-index .opc-wrapper .actions-toolbar div.primary {
width: auto;
margin-right: 15px
}
.checkout-success td.col.item {
-ms-flex-direction: row;
flex-direction: row
}
.checkout-success .product-item-photo {
margin: 0 15px 0 0
}
}
@media (min-width: 1000px) {
#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion {
display:inline-block;
width: 33.3%;
border-bottom: 0
}
.checkout-index-index .authentication-dropdown {
box-shadow: 0 3px 3px rgba(43,47,48,.25)
}
.checkout-index-index .authentication-dropdown .modal-inner-wrap {
padding: 0
}
.checkout-index-index .authentication-dropdown .modal-inner-wrap .actions-toolbar>.secondary {
margin-left: 15px
}
.checkout-index-index .opc-wrapper {
margin-top: 0;
width: 54%;
padding: 15px;
background: 0 0
}
.checkout-index-index .opc-wrapper .checkout-shipping-address {
padding-top: 0
}
.checkout-index-index .opc-wrapper .fieldset .field label {
padding: 0;
text-align: left;
width: auto;
float: none;
display: block
}
.checkout-index-index .opc-wrapper .fieldset .field label span {
margin-right: 3px
}
.checkout-index-index .opc-wrapper .fieldset .field label:after {
position: relative;
margin: 0 !important;
top: unset !important
}
.checkout-index-index .opc-wrapper .fieldset .field .control {
width: 100%;
float: none
}
.checkout-index-index .opc-wrapper .actions-toolbar {
margin-left: 0 !important
}
.checkout-index-index .opc-wrapper form.form-login {
margin-top: 30px
}
.checkout-index-index .opc-sidebar {
margin-top: 0;
background: #eaeaea;
width: 40%
}
.checkout-index-index .opc-block-summary {
background: #eaeaea
}
.checkout-index-index form.form-login .field-tooltip-content,.checkout-index-index form.form-shipping-address .field-tooltip-content,.checkout-index-index form.methods-shipping .field-tooltip-content {
background: #fff;
top: -15px !important;
border-color: #d4d4d4
}
.checkout-index-index form.form-login .field-tooltip-content:before,.checkout-index-index form.form-shipping-address .field-tooltip-content:before,.checkout-index-index form.methods-shipping .field-tooltip-content:before {
border-right-color: #afafaf
}
.checkout-index-index form.form-login .field-tooltip-content:after,.checkout-index-index form.form-shipping-address .field-tooltip-content:after,.checkout-index-index form.methods-shipping .field-tooltip-content:after {
margin-top: 0;
left: -20px !important;
border-right-color: #fff
}
.category-accordion {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.category-accordion .bluefoot-driver {
-ms-flex-order: 1;
order: 1
}
.category-accordion .bluefoot-driver img {
height: 100%
}
.category-accordion .bluefoot-html {
-ms-flex-order: 2;
order: 2;
margin-top: 20px
}
.category-accordion .bluefoot-static-block {
-ms-flex-order: 3;
order: 3
}
.category-accordion .bluefoot-static-block .delivery-wrapper {
-ms-flex-direction: column;
flex-direction: column
}
.category-accordion .bluefoot-static-block .delivery-wrapper .bluefoot-image {
margin-bottom: 20px
}
.sidebar-cms-links>a {
display: none
}
.sidebar-cms-links ul {
background: #eaeaea
}
.sidebar-cms-links ul li {
border-bottom-color: #fff
}
}
@media screen and (min-width: 768px) and (max-width:999px) {
#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion {
display:inline-block;
width: 50%;
border-bottom: 0
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-column {
-ms-flex: 1 1 48%;
flex: 1 1 48%
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-column:nth-child(2) {
margin-right: 0 !important
}
}
@media (max-width: 992px) {
#algolia_instant_selector .facets {
padding-top:10px
}
#algolia_instant_selector .visible-sm {
display: block !important
}
#algolia_instant_selector .hidden-sm {
display: none!important
}
}
@media screen and (max-width: 767px) {
#algolia_instant_selector .col-sm-6 {
width:50%;
float: left
}
.plp-quick-links-item a {
font-size: 14px
}
.plp-quick-links {
-ms-flex-pack: start;
justify-content: flex-start
}
.how-to-fit-slider .title {
display: -ms-flexbox;
display: flex
}
.how-to-fit-slider .title>span {
font-size: 20px;
line-height: 24px;
margin-bottom: 4px;
margin-top: 8px
}
.how-to-fit-slider .title>span .pink-color {
font-size: 20px;
line-height: 50px
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide a .text {
font-size: 14px !important
}
.how-to-fit-slider .slider-how-to-fit .slick-list {
padding-bottom: 20px;
margin-bottom: 0;
margin: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track {
display: -ms-flexbox;
display: flex
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide a {
font-size: 14px;
line-height: 17px
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide a img {
border-radius: 9px;
margin: 0;
padding: 6px
}
.how-to-fit-slider .slider-how-to-fit .slick-arrow {
width: 0;
height: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-arrow:before {
width: 24px;
height: 24px
}
.how-to-fit-slider .slider-how-to-fit .slick-prev,.how-to-fit-slider .slider-how-to-fit .slick-next {
position: absolute;
top: unset;
bottom: 0;
right: -12px
}
.how-to-fit-slider .slider-how-to-fit .slick-prev:before,.how-to-fit-slider .slider-how-to-fit .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-prev:before {
right: 35px;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
transform: rotate(180deg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.how-to-fit-slider .slider-how-to-fit .slick-next:before {
right: 0;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-types .title {
display: -ms-flexbox;
display: flex
}
.shop-by-types .title>span {
font-size: 25px;
line-height: 24px
}
.shop-by-types .title>span .pink-color {
font-size: 20px;
line-height: 50px
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide a .text {
font-size: 16px !important
}
.shop-by-types .slider-types .slick-list {
padding-bottom: 20px;
margin-bottom: 0;
margin: 0
}
.shop-by-types .slider-types .slick-list .slick-track {
display: -ms-flexbox;
display: flex
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide a {
font-size: 14px;
line-height: 17px
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide a img {
border-radius: 9px;
margin: 0;
padding: 6px
}
.shop-by-types .slider-types .slick-arrow {
width: 0;
height: 0
}
.shop-by-types .slider-types .slick-arrow:before {
width: 24px;
height: 24px
}
.shop-by-types .slider-types .slick-prev,.shop-by-types .slider-types .slick-next {
position: absolute;
top: unset;
bottom: 0;
top: -41px
}
.shop-by-types .slider-types .slick-prev:before,.shop-by-types .slider-types .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 32px;
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0
}
.shop-by-types .slider-types .slick-prev:before {
left: 20px;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
transform: rotate(180deg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-types .slider-types .slick-next:before {
right: 0;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-colour {
margin: 0;
background-color: #232f3b;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.shop-by-colour .title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 20px
}
.shop-by-colour .title>span {
font-family: 'cocogoose';
font-size: 20px;
line-height: 24px;
color: #fff;
margin-bottom: 22px;
margin-top: 10px
}
.shop-by-colour .title>span .pink-color {
font-size: 20px;
font-weight: 400;
line-height: 50px;
color: #f4df6b
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide a .text {
font-size: 16px !important
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide>div>div a {
font-size: 14px;
font-weight: 600;
line-height: 15px;
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
margin-bottom: 26px
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide>div>div a .color-slider {
width: 80px;
height: 80px;
margin-bottom: 10px
}
.shop-by-colour .slider-colour .slick-arrow {
width: 0;
height: 0
}
.shop-by-colour .slider-colour .slick-arrow:before {
width: 24px;
height: 24px
}
.shop-by-colour .slider-colour .slick-prev,.shop-by-colour .slider-colour .slick-next {
position: absolute;
top: -62px;
right: 0;
left: unset
}
.shop-by-colour .slider-colour .slick-prev:before,.shop-by-colour .slider-colour .slick-next:before {
position: absolute;
color: #232f3b;
line-height: 16px;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0
}
.shop-by-colour .slider-colour .slick-prev:before {
right: calc(30px + 7px + 20px);
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
transform: rotate(180deg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.shop-by-colour .slider-colour .slick-next:before {
right: 20px;
content: "";
background-image: url(../images/west_black_24dp_mobile.svg);
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
padding: 0
}
.cms-how-to-fit-blinds .page-wrapper .confidence_messages-container-247 {
display: block;
background-color: #e8eaf1
}
.cms-how-to-fit-blinds .columns .column {
padding-bottom: 10px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting {
padding: 20px 0 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head {
-ms-flex-direction: column;
flex-direction: column
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure {
width: calc(100% - 2*20px);
margin: 0 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .thumb-image {
width: 35px;
height: 35px;
top: 10px;
right: 10px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text {
bottom: 18px;
left: 18px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text .how-to-measure,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text .blinds {
font-size: 18px;
line-height: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide {
width: 100%;
border-radius: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top {
padding: 20px 20px 16px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .title h3 {
font-size: 18px;
line-height: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .title span {
font-size: 14px;
line-height: 15px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .thumb-image {
width: 35px;
height: 35px;
right: 30px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 20px 10px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right {
width: 100%
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li {
margin-bottom: 10px;
background-color: #fff;
border-radius: 10px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li a,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li a {
font-size: 14px;
line-height: 17px
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now {
background-color: #fff
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now .title-treding {
margin-top: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now .product-items {
margin: 10px 5px 45px
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now .slick-dots li button {
border: none
}
.cms-how-to-fit-blinds .page-footer .footer-clear-pay .footer-clear-pay-mobile-child {
display: -ms-flexbox;
display: flex
}
.cms-how-to-fit-blinds .page-footer .page-footer_inner {
background-color: #fff
}
.cms-how-to-fit-blinds .content-banner-icon-text.dark {
display: none
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark {
display: block;
margin-bottom: 10px;
padding: 10px 20px 20px;
color: #fff
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .head-content {
margin-top: 0
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo {
width: 100%;
margin-top: 5px
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo {
width: 100%;
position: relative
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo:after {
position: absolute;
content: "";
background-image: url(../images/add_circle_yellow.svg);
width: 24px;
height: 24px;
top: 0;
right: 0
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text {
width: 100%
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .image-body-header {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-align: center;
align-items: center;
padding-left: 4px
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .image-body-header .image {
width: 25px;
height: 25px
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .image-body-header .image img {
width: auto
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .image-body-header .body-header {
font-size: 14px;
font-weight: 600
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .image-body-header .body-header span p {
margin-bottom: 0;
display: inline
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .image-body-header .body-header span p:before {
content: "\00a0"
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .title-icon-text .icon {
display: none
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text-guide-mobile .body-content {
margin: 15px 0 10px;
font-size: 12px;
font-weight: 300;
line-height: 140%
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo.active .title-icon-text .image-body-header .body-header {
color: #f4df6b
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text.dark .content-promo .top-content .item-promo.active:after {
background-image: url(../images/remove_circle_yellow.svg)
}
.cms-how-to-fit-blinds .guide-why-blind .content-banner-icon-text {
padding-bottom: 20px !important
}
.content-guide {
padding: 30px 20px 100px;
position: relative
}
.content-guide .content-top {
text-align: left;
position: unset;
margin-bottom: 15px
}
.content-guide .content-top h1 {
//:20px;//:24px}
.content-guide .content-top h1 span {
//:40px;//:49.56px}
.content-guide .content-top button {
bottom: 40px;
left: 20px;
right: 20px;
padding: 10px 50px;
border-radius: 5px;
transform: unset
}
.content-guide .content-top button a {
//:14px;//:16.8px}
.content-guide .left-content {
width: 100%
}
.content-guide .left-content .thumnail {
width: 100%;
border-radius: 5px
}
.content-guide .left-content .thumnail:before {
border-radius: 0
}
.content-guide .left-content .thumnail .icon-guide {
background-image: url(../images/question_mobile.svg);
width: 35px;
height: 35px;
top: 10px;
right: 10px
}
.content-guide .left-content .thumnail a.title {
font-weight: 600;
//:18px;//:19.8px;left: 15px;
bottom: 15px;
//:60%}
.content-guide .left-content .thumnail a.title .how-to-measure,.content-guide .left-content .thumnail a.title .blinds {
//:18px;//:20px}
.content-guide .left-content .thumnail img {
border-radius: 0
}
.content-guide .right-content {
width: 100%;
margin-top: 10px
}
.content-guide .right-content .right-content_question {
padding: 10px 10px 10px 20px;
border-radius: 5px
}
.content-guide .right-content .right-content_question:not(:first-child) {
margin-top: 10px
}
.content-guide .right-content .right-content_question span {
//:18px;//:19.8px}
.content-guide .right-content .right-content_question .icon-guide {
background-image: url(../images/question_mobile.svg);
width: 35px;
height: 35px
}
.content-banner-icon-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
padding-bottom: 31px;
border: none !important
}
.content-banner-icon-text .head-content {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-top: 23px
}
.content-banner-icon-text .head-content .head-text {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #232f3b;
margin: 0
}
.content-banner-icon-text .head-content .head-text .color-yellow,.content-banner-icon-text .head-content .head-text .color-pink {
font-family: fave-script-pro;
font-size: 40px;
font-weight: 400;
line-height: 49px;
color: #e81f76
}
.content-banner-icon-text .content-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 14px;
width: calc(100% - 2*20px)
}
.content-banner-icon-text .content-promo .bottom-content {
margin-top: 22px
}
.content-banner-icon-text .content-promo .top-content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
.content-banner-icon-text .content-promo .top-content .item-promo {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
width: calc((100%/3) - (40px/3))
}
.content-banner-icon-text .content-promo .top-content .item-promo .image {
width: 40px;
height: 40px
}
.content-banner-icon-text .content-promo .top-content .item-promo .image img {
display: block;
margin: 0 auto;
width: auto;
height: 100%
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header {
margin-top: 10px;
display: -ms-flexbox;
display: flex;
text-align: center
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header span {
font-weight: 600;
font-size: 16px;
line-height: 17px;
color: #232f3b
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header .desktop {
display: none
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header .mobile {
display: block
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content {
display: none
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions {
display: none
}
.dark .head-content .head-text {
color: #fff !important
}
.dark .head-content .head-text .color-yellow,.dark .head-content .head-text .color-pink {
font-family: fave-script-pro;
font-size: 40px;
font-weight: 400;
line-height: 49px;
color: #f4df6b !important
}
.dark .content-promo .item-promo .body-text .body-header span {
color: #fff !important
}
.dark .content-promo .item-promo .body-text .body-header span p {
color: #fff;
font-weight: 600;
font-size: 30px;
line-height: 36px
}
.dark .content-promo .item-promo .body-text .body-content span {
color: #fff !important
}
.dark .content-promo .item-promo .body-text .body-content span p {
color: #fff;
font-weight: 600;
font-size: 30px;
line-height: 36px
}
.dark .content-promo .item-promo .body-text .actions a {
color: #f4df6b !important
}
.dark .content-promo .item-promo .body-text .actions .button-text-image a {
color: #232f3b !important
}
.page-layout-full-width-new-design-page .sidebar-guide-menu.mobile a {
max-width: 100% !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column {
padding-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .guide-becrum-custom {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner {
-ms-flex-pack: end;
justify-content: flex-end;
min-height: unset;
-ms-flex-align: center;
align-items: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .text-guides .head-text {
font-size: 10px;
line-height: 12px;
padding: 3px 6px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .head-content {
margin-top: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .head-content .head-text {
font-size: 25px;
line-height: 30px;
text-align: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .body-content {
margin-top: 4px;
margin-bottom: 86px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .body-content .text-content {
font-size: 24px;
line-height: 35px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: unset;
justify-content: unset;
-ms-flex-align: center;
align-items: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain {
width: 100% !important;
padding-left: 20px;
padding-right: 20px;
transform: translateY(-70px)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content {
position: unset;
margin-bottom: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .image-sidebar {
display: -ms-flexbox;
display: flex
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .image-sidebar img {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile {
display: block;
padding: 13px 16px 17px;
margin-top: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .sidebar-guide-menu.mobile.hide {
display: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .jump-to {
font-size: 14px;
line-height: 17px;
color: #232f3b;
position: relative
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .jump-to:before {
content: "";
background-image: url("../images/arrow_downward.svg");
background-repeat: no-repeat;
background-size: 100%;
width: 18px;
height: 18px;
display: block;
position: absolute;
right: 0;
pointer-events: none
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .jump-to.active {
color: #e81f76
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .jump-to.active:before {
transform: rotate(180deg)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .sidebar-guide-menu a {
font-size: 14px;
line-height: 17px;
padding: 10px 0;
display: block
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .sidebar-guide-menu a:last-child {
padding-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .sidebar-guide-menu a:nth-child(1) {
font-size: 14px;
line-height: 17px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .sidebar-guide-menu ul li {
padding: 10px 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar.mobile .sidebar-guide-menu ul li a:nth-child(1) {
font-size: 14px;
line-height: 17px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar {
margin-top: 10px;
padding: 11px 10px 11px 16px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar span {
font-size: 14px;
line-height: 17px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar a {
font-size: 14px;
line-height: 17px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar {
margin-top: 10px;
padding: 11px 10px 11px 16px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar a {
font-size: 14px;
line-height: 17px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide {
padding: 0 20px 40px;
width: 100% !important;
margin-top: -50px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container {
margin: 0 -20px 40px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .content-widget-faqs.in-container .content-faqs .faqs-item {
padding: 15px 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .heading-drag-h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 12px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy {
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy p {
font-size: 16px;
line-height: 22px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul {
padding-left: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul li {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy {
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy p {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul {
padding-left: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul li {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .body-title-content span {
font-size: 20px;
line-height: 24px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right {
gap: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content {
width: 100%;
-ms-flex-order: 1;
order: 1
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-title-content span {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul {
padding-left: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul li {
font-size: 14px;
line-height: 20px;
text-align: initial
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .actions a {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .right-content {
width: 100%;
height: unset;
-ms-flex-order: 2;
order: 2;
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .right-content .image {
position: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .right-content .image img {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left {
gap: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .left-content {
width: 100%;
height: unset;
-ms-flex-order: 2;
order: 2;
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .left-content .image {
position: unset;
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .left-content .image img {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content {
width: 100%;
-ms-flex-order: 1;
order: 1
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-title-content span {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul {
padding-left: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul li {
font-size: 14px;
line-height: 20px;
text-align: initial
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul li::marker {
font-size: 8px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .actions a {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content {
width: 100% !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .image img {
max-width: 280px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text {
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-header span {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-content {
margin-top: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-content span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .text-note {
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .text-note span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content {
width: 100% !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .image img {
max-width: 280px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text {
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-header span {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-content span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .text-note {
margin-top: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .text-note span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image {
margin-bottom: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image {
padding: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content {
width: calc(100vw*0.25);
height: calc(100vw*0.25*143/80);
max-width: unset;
max-height: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content .image {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content {
-ms-flex-align: start;
align-items: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .head-content {
margin-bottom: 2px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .head-content .head1-text {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-title-content {
margin-bottom: 2px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-title-content span {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-content {
text-align: initial;
margin-bottom: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-content span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .actions {
display: block
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .actions a {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content {
width: calc(100vw*0.25);
height: calc(100vw*0.25*143/80);
max-width: unset;
max-height: unset
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content .image {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content {
-ms-flex-align: start;
align-items: flex-start
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .head-content {
margin-bottom: 2px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .head-content .head1-text {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-title-content span {
font-size: 18px;
line-height: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-content {
text-align: initial
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-content span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .actions {
display: block
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .actions a {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row {
padding-bottom: 35px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text {
padding-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .head-content {
margin-left: 20px;
margin-right: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .head-content .head-text {
font-size: 18px;
line-height: 22px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .body-content {
margin-left: 20px;
margin-right: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content {
gap: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo {
width: calc((100%/2) - (20px/2));
-ms-flex-align: center;
align-items: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .image {
width: 40px;
height: 40px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text {
margin-top: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content {
display: block;
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content span {
font-size: 14px;
line-height: 18px;
text-align: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant {
width: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo {
padding: 20px 10px 20px 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .header img {
width: 28px;
height: 28px;
margin-right: 10px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .header .header-title {
font-size: 18px;
line-height: 22px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p span {
font-size: 14px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .actions {
margin-top: 15px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .actions .button-text-image {
height: 37px;
border-radius: 10px;
padding: 0 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .actions .button-text-image a {
font-size: 14px;
line-height: 17px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .faq-guide-content .content-widget-faqs {
margin-top: 25px;
margin-bottom: 0
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .faq-guide-content .content-widget-faqs .content-faqs .faqs-item .answer {
width: calc(100% - 30px)
}
.page-layout-full-width-new-design-page .modal-inner-wrap {
padding: 0;
width: calc(100vw - 2*20px);
height: calc((100vw - 2*20px)*0.5625);
max-width: 560px;
max-height: 315px !important;
border-radius: 10px
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-header .action-close {
outline: none
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-header .action-close:before {
position: absolute;
top: -44px;
right: 0;
color: #fff;
font-weight: 600;
font-size: 32px;
line-height: 32px
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content {
padding: 0
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content #custom_popup .youtube-video {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content #custom_popup .youtube-video iframe {
width: 100%;
height: 100%;
max-width: 560px;
max-height: 315px;
border-radius: 10px
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-footer {
display: none
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-footer .videos {
display: none
}
//Only component .cms-guide-component .text-and-image .content-banner-text-two-image .image-left {
margin-bottom: 40px !important
}
//Only component .cms-guide-component .text-and-image .content-banner-text-two-image .image-right {
margin-bottom: 10px !important
}
//Only component .cms-guide-component .column-image-and-text {
margin-bottom: 40px !important
}
//Only component .cms-guide-component .column-image-and-text .content-banner-promo {
margin-bottom: 0;
margin-top: 0
}
.page-layout-full-width-new-design-page .sidebar-guide .image-sidebar.desktop {
display: none !important
}
.page-layout-full-width-new-design-page .sidebar-guide .image-sidebar.mobile {
display: block !important
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help {
padding: 0
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner {
padding: 20px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .heading-drag-h3 {
font-size: 20px;
margin-bottom: 15px;
text-align: left !important
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column:not(:last-child) {
margin-bottom: 10px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div {
box-shadow: none
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div:not(:last-child) {
margin-bottom: 10px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a {
font-size: 14px;
padding: 10px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a:before {
margin-right: 10px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a:before,.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group .pagebuilder-column div p a:after {
width: 18px;
height: 18px
}
.cms-contact-hub .page-wrapper .content-widget-faqs .faqs-item {
padding-bottom: 10px !important
}
.cms-contact-hub .page-wrapper .content-widget-faqs .faqs-item.active {
padding-bottom: 16px !important
}
main .columns .column.main .content-widget-faqs {
margin-bottom: 0
}
main .columns .column.main .content-widget-faqs .head-faqs {
margin: 13px 0 5px 20px
}
main .columns .column.main .content-banner-icon-text.dark {
padding: 5px 0 20px
}
main .columns .column.main .content-banner-icon-text.dark .head-content .header-description {
margin-top: 2px;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 140%;
padding: 0 20px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo {
margin-top: 20px;
width: 100%
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text {
width: 100%
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .body-header {
margin-top: 5px;
margin-bottom: 5px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .body-header .mobile {
font-size: 20px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .body-content {
display: block;
margin-bottom: 18px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .body-content span {
font-size: 14px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions {
display: block;
width: 100%;
height: unset
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions>a {
font-size: 18px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions button {
width: 100%;
height: 37px;
border-radius: 5px
}
main .columns .column.main .content-banner-icon-text.dark .content-promo .top-content .item-promo .body-text .actions button a {
font-size: 14px
}
}
@media (min-width: 992px) {
#algolia_instant_selector .col-md-3,#algolia_instant_selector .col-md-4,#algolia_instant_selector .col-md-9,#algolia_instant_selector .col-md-12 {
float:left
}
#algolia_instant_selector .col-md-12 {
width: 100%
}
#algolia_instant_selector .col-md-9 {
width: 75%
}
#algolia_instant_selector .col-md-4 {
width: 33.33333333%
}
#algolia_instant_selector .col-md-3 {
width: 25%
}
}
@media (min-width: 960px) {
.slider_item-content {
width:366px;
max-width: unset;
padding-top: 100px;
padding-bottom: 30px
}
.slider_item-content .percentage .num {
font-size: 152px
}
.slider_item-content .percentage .txt-upto {
font-size: 40px;
top: -60px
}
.slider_item-content .percentage .sym {
font-size: 90px;
top: 0
}
.slider_item-content .percentage .txt-off {
font-size: 40px
}
.slider_item-content p {
font-size: 28px;
line-height: 1
}
.slider_item-content a {
font-size: 21px;
display: inline-block;
padding: 10px 10px 5px
}
}
@media only screen and (max-width: 1020px) and (min-width:768px) {
.confidence_messages-container .confidence_messages .confidence_message_item:first-child {
width:80%
}
.ub-mega-menu>li.mega>a span {
font-size: 14px
}
}
@media (max-width: 1024px) {
.confidence_messages-container .owl-stage {
-ms-flex-flow:row-reverse;
flex-flow: row-reverse
}
.card_box_main {
width: 99rem
}
.card_box_main_outer {
overflow: auto
}
.card_box_outer {
overflow: hidden
}
.bottom-container {
padding-top: 2rem !important
}
.quality-block-heading {
display: -ms-inline-grid;
display: inline-grid;
margin-top: 4rem
}
}
@media (max-width: 899px) {
.confidence_messages {
display:-ms-flexbox;
display: flex
}
.confidence_messages .confidence_message_item {
width: 33.3334%
}
.confidence_messages.owl-loaded .confidence_message_item {
width: auto;
border-right: 0
}
.confidence_messages.owl-loaded .confidence_message_item:not(:nth-child(-n+3)) {
display: block
}
}
@media (min-width: 768px) and (max-width:1100px) {
.confidence_messages {
display:-ms-flexbox;
display: flex
}
.confidence_messages .confidence_message_item {
width: 50%
}
.confidence_messages.owl-loaded .confidence_message_item {
width: auto
}
.confidence_messages.owl-loaded .confidence_message_item:first-child {
border-right: 0
}
.confidence_messages.owl-loaded .confidence_message_item:not(:nth-child(-n+3)) {
display: block
}
.confidence_messages-container .confidence_messages .confidence_message_item:not(:nth-child(-n+3)) {
display: none
}
.confidence_messages-container-247 .confidence_messages .confidence_message_item:first-child {
display: none
}
.confidence_messages-container-247 .confidence_messages {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 0 20px
}
}
@media (max-width: 1180px) {
.confidence_messages-container span {
font-size:16px;
font-weight: 600
}
.confidence_messages-container {
padding: 0
}
.confidence_messages .confidence_message_item {
width: 100% !important;
-ms-flex-direction: column;
flex-direction: column
}
.confidence_messages .confidence_message_item:not(:last-child) {
display: none
}
.confidence_messages:owl-loaded .confidence_message_item:not(:last-child) {
display: block
}
}
@media (min-width: 683px) {
.confidence_messages-container {
text-align:left
}
}
@media (min-width: 1050px) and (max-width:1374px) {
.confidence_messages {
display:-ms-flexbox;
display: flex
}
.confidence_messages.owl-loaded .confidence_message_item {
width: 100% !important
}
.confidence_messages-container .owl-item.active:not(:last-child) {
border-right: 0 !important
}
}
@media (min-width: 1375px) {
.confidence_messages {
display:-ms-flexbox;
display: flex
}
.confidence_messages-container .owl-item.active:not(:last-child) {
border-right: 0 !important
}
}
@media (min-width: 1181px) {
.confidence_messages-container .confidence_messages .confidence_message_item:last-child {
display:none
}
}
@media (min-width: 900px) {
.nav-before-open .nav-sections {
top:159px
}
}
@media (min-width: 1350px) {
.ub-mega-menu>li.mega .child-content .title.shop-by,.ub-mega-menu>li.mega .child-content a:link,.ub-mega-menu>li.mega .child-content .title.shop-by span {
font-size:17px
}
}
@media (max-height: 500px) and (orientation:landscape) {
.ub-mega-menu-wrapper {
padding-top:0
}
.top-menu-section {
position: unset
}
}
@media (min-width: 768px) and (max-width:900px) {
.ub-mega-menu>li.mega.mega-hover .child-content {
width:768px
}
}
@media (max-width: 360px) {
.range-wrapper {
-ms-flex-direction:column;
flex-direction: column
}
.range-wrapper img {
float: none;
width: 100%;
margin-top: calc(20px - 5px)
}
}
@media (min-width: 375px) {
.products .product-items {
-ms-flex-direction:row;
flex-direction: row
}
.products .product-items .range-item .range-content {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start
}
.products .product-items .range-item .range-content .block.banner {
-ms-flex-direction: column;
flex-direction: column
}
.products .product-items .range-item .range-content .block.banner .deadline {
padding: 0
}
.products .product-items .range-item .range-content .block.content {
padding: 0 15px 0 0
}
}
@media (min-width: 375px) and (max-width:767px) {
.products .product-items .product-item {
-ms-flex-preferred-size:50%;
flex-basis: 50%;
width: 50%
}
}
@media (min-width: 768px) and (max-width:999px) {
.products .product-items .product-item {
-ms-flex-preferred-size:33.3334%;
flex-basis: 33.3334%;
width: 33.3334%
}
}
@media (min-width: 999px) {
.catalog-product-view .discount-msg.savings {
-ms-flex-direction:row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 15px;
-ms-flex-align: center;
align-items: center
}
.catalog-product-view .discount-msg.savings .discount-msg-saving {
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: content;
flex-basis: content;
font-size: 55px
}
.catalog-product-view .discount-msg.savings .discount-msg-saving span {
font-size: 60px
}
}
@media (min-width: 768px) and (max-width:1200px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.title a {
font-size:14px
}
}
@media (max-width: 480px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.title a {
font-size:12px
}
}
@media (min-width: 500px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .blinds-product-options.fieldset {
-ms-flex-direction:row;
flex-direction: row
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart .fieldset .actions {
-ms-flex-direction: row;
flex-direction: row
}
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form button {
width: 100%
}
.message-price-container {
margin: 0 -10px
}
}
@media (min-width: 600px) {
.catalog-product-view .product-info-main .product.info.detailed .product.data.items .item.content .product-add-form form .box-tocart button {
margin-top:10px
}
}
@media (max-width: 1300px) {
.related .products-related .products.product-items .owl-nav .owl-prev {
margin:0 0 0 -25px
}
.related .products-related .products.product-items .owl-nav .owl-next {
margin: 0 -25px 0
}
}
@media only screen and (max-width: 1280px) {
.card_box {
height:27rem
}
.card_box_content {
font-size: 10px
}
}
@media only screen and (min-width: 1280px) and (max-width:1397px) {
.card_box {
height:31rem
}
.card_box_content {
font-size: 12px
}
}
@media only screen and (min-width: 1039px) and (max-width:1055px) {
.card_box_content {
font-size:9px
}
}
@media only screen and (min-width: 1150px) and (max-width:1279px) {
.card_content_wrapper {
min-height:38%
}
}
@media (min-width: 450px) {
.actions-toolbar .primary {
margin-right:15px
}
.login-container .fieldset:after {
text-align: left
}
}
@media (min-width: 450px) {
.actions-toolbar {
-ms-flex-direction:row;
flex-direction: row;
-ms-flex-align: center;
align-items: center
}
.actions-toolbar .secondary {
padding-top: 0 !important;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.actions-toolbar .secondary a.action {
margin-top: 0 !important
}
.page-multiple-wishlist .actions-toolbar>.primary {
border-top: 1px solid #d5d5d6;
width: 100%;
margin: 0;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right
}
.page-multiple-wishlist .actions-toolbar>.primary button {
width: auto;
margin-left: 10px
}
.page-multiple-wishlist .actions-toolbar>.secondary {
display: none
}
}
@media (min-width: 398px) {
.page-multiple-wishlist .products-grid.wishlist .product-item-inner>.product-item-actions {
margin:0
}
}
@media (min-width: 900px) {
.checkout-index-index .authentication-wrapper {
top:-116px
}
}
@media (min-width: 500px) and (max-width:999px) {
.checkout-index-index .opc-wrapper,.checkout-index-index .opc-estimated-wrapper {
width:100%;
float: none;
margin: 20px auto
}
.checkout-index-index .opc-estimated-wrapper .minicart-wrapper {
margin: 0 5px 0 auto !important
}
}
@media (max-width: 374px) {
.top-banners .pagebuilder-column-group {
-ms-flex-direction:column;
flex-direction: column
}
.top-banners .banner {
margin: 0 0 20px !important;
width: 100% !important
}
.top-banners .banner:last-child {
margin: 0 !important
}
}
@media (min-width: 375px) and (max-width:768px) {
.info-boxes .pagebuilder-column:not(.trustpilot-block) {
-ms-flex-direction:row !important;
flex-direction: row !important
}
.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=video],.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=text],.info-boxes .pagebuilder-column:not(.trustpilot-block) [data-content-type=image] {
width: 50%;
display: -ms-flexbox;
display: flex;
height: 100%
}
}
@media (max-width: 1000px) {
.cms-index-index .bluefoot-row.blinds-category .bluefoot-entity {
margin:0
}
}
@media (min-width: 480px) and (max-width:767px) {
.cms-index-index .bluefoot-row.blog-home .bluefoot-column {
display:-ms-flexbox;
display: flex
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box {
display: block
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-trustpilot-box .bluefoot-html {
width: 100%
}
.cms-index-index .bluefoot-row.blog-home .useful-info {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.cms-index-index .bluefoot-row.blog-home .blog-info {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box {
display: block
}
.cms-index-index .bluefoot-row.blog-home .blog-text-box .bluefoot-html {
width: 100%
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-driver {
width: 50%
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-video {
width: 50%
}
.cms-index-index .bluefoot-row.blog-home .bluefoot-html {
width: 50%
}
}
@media (max-width: 768px) {
.category-accordion .ui-accordion-header {
padding:30px 0 30px 10px
}
.category-accordion .ui-accordion-header a {
position: relative
}
.category-accordion .ui-state-active p {
max-height: 100px
}
}
@media (max-width: 999px) {
.category-accordion {
margin-left:0 !important;
width: 50% !important
}
.category-accordion .ui-accordion-header {
padding: 18px 10px !important;
margin-bottom: 0 !important
}
.category-accordion .ui-accordion-header a:after {
content: "";
top: 6px;
right: 0;
width: 16px;
height: 2px;
margin-top: -1px;
position: absolute;
background-color: #e31a82;
transition: all .25s ease-out;
cursor: pointer
}
.category-accordion .ui-accordion-header a:before {
content: "";
top: -2px;
right: 7px;
width: 2px;
height: 16px;
margin-left: -2px;
position: absolute;
background-color: #e31a82
}
.category-accordion .ui-accordion-header.ui-state-active a:after {
content: " ";
transform: rotate(180deg)
}
.category-accordion .ui-accordion-header.ui-state-active a:before {
content: "";
transform: rotate(90deg)
}
.category-accordion .ui-accordion-header a {
display: block;
position: relative
}
.category-accordion img {
margin: auto
}
.category-accordion .bluefoot-static-block {
display: none
}
}
@media (min-width: 1167px) {
.category-accordion-message-container p {
font-size:20px !important;
margin: 10px 0
}
}
@media (min-width: 952px) {
.category-accordion-message-container p {
font-size:15px
}
}
@media (min-width: 768px) and (max-width:991px) {
.how-to-fit-slider {
padding:0 30px 30px
}
.how-to-fit-slider .title>span {
font-size: 30px !important;
line-height: 36px !important
}
.how-to-fit-slider .title>span .pink-color {
font-size: 30px !important;
line-height: 36px !important
}
.how-to-fit-slider .slider-how-to-fit .slick-list .slick-track .slick-slide a {
font-size: 22px !important;
line-height: 25px !important
}
.happy-home-slider {
padding: 0 30px 30px
}
.happy-home-slider .title>span {
font-size: 30px !important;
line-height: 36px !important
}
.happy-home-slider .title>span .pink-color {
font-size: 30px !important;
line-height: 36px !important
}
.happy-home-slider .slider-happy-home .slick-list .slick-track .slick-slide a {
font-size: 22px !important;
line-height: 25px !important
}
.shop-by-types {
padding: 0 30px 30px
}
.shop-by-types .title>span {
font-size: 30px !important;
line-height: 36px !important
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide a {
font-size: 22px !important;
line-height: 25px !important
}
.shop-by-colour {
padding: 0 30px
}
.shop-by-colour .title>span {
font-size: 30px !important;
line-height: 36px !important
}
.shop-by-colour .title>span .pink-color {
font-size: 30px !important;
line-height: 75px !important
}
.shop-by-colour .slider-colour .slick-list .slick-track .slick-slide>div>div a {
font-size: 22px !important;
line-height: 26px !important;
margin-bottom: 60px !important
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting {
padding: 60px 30px 15px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head {
-ms-flex-direction: column;
flex-direction: column
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure {
width: calc(50% - 20px/2)
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .thumb-image {
width: 58px;
height: 58px;
top: 25px;
right: 20px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text .how-to-measure,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure .guide-measure-image .text .blinds {
font-size: 29px;
line-height: 34px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide {
width: 100%
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .title h3 {
font-size: 24px;
line-height: 26px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .title span {
font-size: 16px;
line-height: 18px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .fitting-guide-top .thumb-image {
width: 58px;
height: 58px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right {
width: calc(50% - 20px/2)
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul {
list-style-type: none;
padding-left: 0
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li {
margin-bottom: 20px;
background-color: #fff;
border-radius: 10px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-left ul li a,.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide .guide-right ul li a {
font-size: 15px;
line-height: 18px
}
.cms-how-to-fit-blinds .columns .column .guide-trending-now .title-treding {
margin-top: 25px
}
.cms-how-to-fit-blinds .columns .column .guide-why-blind .content-banner-icon-text {
padding-bottom: 80px
}
.cms-how-to-fit-blinds .content-banner-icon-text {
display: -ms-flexbox;
display: flex
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text {
display: none
}
.content-guide {
padding: 30px 30px 100px
}
.content-guide .content-top {
margin-bottom: 20px
}
.content-guide .content-top h1 {
//:30px;//:36px}
.content-guide .content-top h1 span {
//:60px;//:74.34px}
.content-guide .content-top button a {
//:15px;//:18px}
.content-guide .left-content {
width: calc(~"(100% - 30px) / 100 * 45")
}
.content-guide .left-content .thumnail .icon-guide {
background-image: url(../images/question_mobile.svg);
width: 35px;
height: 35px;
top: 10px;
right: 10px
}
.content-guide .left-content .thumnail a.title {
//:30px;//:36px;left: 15px;
bottom: 15px;
//:85%}
.content-guide .left-content .thumnail a.title .how-to-measure,.content-guide .left-content .thumnail a.title .blinds {
//:29px;//:34px}
.content-guide .right-content {
width: calc(~"(100% - 30px) / 100 * 55")
}
.content-guide .right-content .right-content_question {
padding: 15px 15px 15px 20px
}
.content-guide .right-content .right-content_question:not(:first-child) {
margin-top: 10px
}
.content-guide .right-content .right-content_question span {
//:24px;//:28.8px}
.content-guide .right-content .right-content_question .icon-guide {
background-image: url(../images/question_mobile.svg);
width: 35px;
height: 35px
}
.content-banner-icon-text {
padding-bottom: 40px
}
.content-banner-icon-text .head-content {
margin-top: 40px
}
.content-banner-icon-text .head-content .head-text {
font-size: 30px;
line-height: 36px;
margin-bottom: 30px
}
.content-banner-icon-text .head-content .head-text .color-yellow,.content-banner-icon-text .head-content .head-text .color-pink {
font-size: 60px;
line-height: 74.34px
}
.content-banner-icon-text .content-promo {
width: calc(100% - 2*30px);
margin-top: 24px
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header .desktop {
font-size: 20px;
line-height: 24px;
color: #fff
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-header .desktop p {
font-size: inherit;
line-height: inherit;
color: #fff
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content span {
font-size: 14px;
line-height: 1.4
}
.content-banner-icon-text .content-promo .top-content .item-promo .body-text .actions a {
font-size: 12px;
line-height: 14px
}
.content-type-banner .left-content {
margin: 30px 50px 30px 30px
}
.content-type-banner .left-content .head-content img {
width: 50px;
height: 50px;
margin-right: 10px
}
.content-type-banner .left-content .head-content .head-text {
font-size: 50px;
line-height: 54px
}
.content-type-banner .left-content .head-content .head-text .bold-banner {
font-size: 50px;
line-height: 54px
}
.content-type-banner .left-content .head-content .head-text.no-logo {
font-size: 75px;
line-height: 93px
}
.content-type-banner .left-content .body-content .text-content {
font-size: 17px;
line-height: 22px
}
.content-type-banner .right-content img {
width: 100%;
max-height: 100%;
object-fit: cover
}
.content-widget-faqs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
padding-bottom: 80px;
border: none
}
.content-widget-faqs .head-faqs {
margin: 53px 0 13px
}
.content-widget-faqs .head-faqs .head-faqs-text {
font-size: 30px;
font-weight: 600;
line-height: 36px;
color: #232f3b
}
.content-widget-faqs .head-faqs .head-faqs-text .color-pink {
font-family: fave-script-pro;
font-size: 60px;
font-weight: 400;
line-height: 75px;
color: #e81f76
}
.content-widget-faqs .content-faqs {
width: calc(100% - 2*70px)
}
.content-widget-faqs .content-faqs .faqs-item {
margin-bottom: 20px;
padding: 20px 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 10px
}
.content-widget-faqs .content-faqs .faqs-item .question {
font-size: 17px;
font-weight: 600;
//:22px;color: #232f3b;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.content-widget-faqs .content-faqs .faqs-item .question .icon {
width: 20px;
height: 20px;
background: url('../images/add.svg');
background-size: 100% 100%
}
.content-widget-faqs .content-faqs .faqs-item .answer {
font-weight: 400;
//:15px;//:20px;margin-top: 22px;
width: 85%
}
.content-widget-faqs .content-faqs .active {
border: 1px solid #b2bdd6;
background-color: #fff !important
}
.content-widget-faqs .content-faqs .active .question {
color: #e81f76 !important
}
.content-widget-faqs .content-faqs .active .question .icon {
background: url('../images/minus.svg') !important
}
}
@media (min-width: 801px) and (max-width:1200px) {
.shop-by-types .slider-types .slick-slide.slick-center {
transform:scale(1) !important
}
.shop-by-types .slider-types :nth-child(1 of div.slick-active) {
transform: scale(.7) translate(70%) !important;
z-index: -2
}
.shop-by-types .slider-types :nth-child(2 of div.slick-active) {
transform: scale(.8) translate(20%) !important;
z-index: -1
}
.shop-by-types .slider-types :nth-child(3 of div.slick-active) {
transform: scale(1) translate(0) !important
}
.shop-by-types .slider-types :nth-child(4 of div.slick-active) {
transform: scale(.8) translate(-20%) !important;
z-index: -1
}
.shop-by-types .slider-types :nth-child(5 of div.slick-active) {
transform: scale(.7) translate(-70%) !important;
z-index: -2
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide {
transform: scale(.7) translate(0)
}
}
@media (min-width: 301px) and (max-width:800px) {
.shop-by-types .slider-types .slick-slide.slick-center {
transform:scale(1) !important
}
.shop-by-types .slider-types :nth-child(1 of div.slick-active) {
transform: scale(.8) translate(35%) !important;
z-index: -2
}
.shop-by-types .slider-types :nth-child(2 of div.slick-active) {
transform: scale(1) translate(0) !important
}
.shop-by-types .slider-types :nth-child(3 of div.slick-active) {
transform: scale(.8) translate(-35%) !important;
z-index: -3
}
.shop-by-types .slider-types .slick-list .slick-track .slick-slide {
transform: scale(.8) translate(0)
}
}
@media (min-width: 800px) {
.contact-form.form-wrapper {
padding:30px
}
.contact-form.form-wrapper form {
width: 100% !important
}
.bluefoot-entity .col-1-3 {
width: 33.3334%;
display: inline-block;
float: left;
padding-right: 15px
}
}
@media (min-width: 992px) and (max-width:1199px) {
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting {
padding:60px 70px 15px
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head {
-ms-flex-direction: column;
flex-direction: column
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .guide-measure {
width: calc(50% - 20px/2)
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide {
width: 100%
}
.cms-how-to-fit-blinds .columns .column .guide-landing-measure-and-fitting .block-static-block .guide-content-head .fitting-guide .content-guide {
display: -ms-flexbox;
display: flex
}
.content-banner-icon-text {
padding-bottom: 60px
}
.content-banner-icon-text .content-promo {
width: calc(100% - 2*70px)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain {
width: 28% !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide {
padding: 40px 70px 70px 0
}
.content-type-banner .left-content {
margin: 50px 70px
}
}
@media only screen and (max-width: 768px) {
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text {
display:block
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text .content-promo .item-promo .icon {
background: url(../images/guides/plus.svg) !important;
width: 20px;
height: 20px
}
.cms-how-to-fit-blinds .guide-mobile.content-banner-icon-text .content-promo .item-promo.active .icon {
background: url(../images/guides/minus.svg) !important;
width: 20px;
height: 20px
}
.cms-how-to-fit-blinds .content-banner-icon-text {
display: none
}
}
@media (min-width: 768px) and (max-width:992px) {
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .guide-becrum-custom {
margin-left:30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content {
width: 64%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .text-guides .head-text {
font-size: 12px;
line-height: 14px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .head-content .head-text {
font-size: 37px;
line-height: 45px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .becrum-and-banner .banner-guide .content-type-banner .content .body-content .text-content {
font-size: 70px;
line-height: 70px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain {
-ms-flex-preferred-size: unset;
flex-basis: unset;
width: 30% !important;
padding-left: 30px;
transform: translateY(-150px)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content {
//:90px;margin-bottom: -70px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .jump-to {
font-size: 17px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu a {
font-size: 15px;
line-height: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu a:nth-child(1) {
font-size: 15px;
line-height: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .content-sidebar .sidebar-guide-menu ul li a:nth-child(1) {
font-size: 15px;
line-height: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar img {
width: 24px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .video-sidebar span {
font-size: 15px;
line-height: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar img {
width: 24px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .sidebar-contain .sidebar-content .sidebar-guide .download-sidebar a {
font-size: 15px;
line-height: 18px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide {
padding: 40px 30px 70px 0;
width: 64% !important
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .heading-drag-h3 {
font-size: 25px;
line-height: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy p {
font-size: 17px;
line-height: 24px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul {
padding-left: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .pull-out-copy ul li {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy p {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul {
padding-left: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .body-copy ul li {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .body-title-content span {
font-size: 25px;
line-height: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-title-content span {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .body-content span ul li {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-right .left-content .actions a {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-title-content span {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .body-content span ul li {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .text-and-image .content-banner-text-two-image .image-left .right-content .actions a {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-header span {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .body-content span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .left-content .body-text .text-note span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-header span {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .body-content span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .column-image-and-text .content-banner-promo .content-promo .right-content .body-text .text-note span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left {
gap: 30px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .left-content {
width: calc((100vw - 2*30px)*0.6*0.26);
height: calc((100vw - 2*30px)*0.6*0.26)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-title-content span {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .body-content span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-left .right-content .actions a {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .right-content {
width: calc((100vw - 2*30px)*0.6*0.26);
height: calc((100vw - 2*30px)*0.6*0.26)
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .head-content .head1-text {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-title-content span {
font-size: 19px;
line-height: 27px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .body-content span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .quater-image .content-banner-text-two-image .image-right .left-content .actions a {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .head-content .head-text {
font-size: 19px;
line-height: 23px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content {
gap: 25px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo {
width: calc((100%/4) - (75px/4))
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .image {
width: 60px;
height: 60px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .image img {
width: 100%;
height: 100%
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .up-to-four-row .content-banner-icon-text .content-promo .top-content .item-promo .body-text .body-content span {
font-size: 15px;
line-height: 21px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .header .header-title {
font-size: 19px;
line-height: 23px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span {
font-size: 15px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p {
font-size: 15px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .body-content span p span {
font-size: 15px;
line-height: 20px
}
.page-layout-full-width-new-design-page .cms-page-guide-full_width .columns .column .pagebuilder-column-group .content-guide .highlight-text .content-banner-highlight .promo-contant .content-promo .body-text .actions .button-text-image {
height: 37px
}
.page-layout-full-width-new-design-page .modal-inner-wrap {
width: calc(100% - 2*30px);
height: calc(75vw*0.8)
}
.page-layout-full-width-new-design-page .modal-inner-wrap .modal-content #custom_popup .youtube-video iframe {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%
}
}
@media only screen and (max-width: 767px) {
.content-type-banner {
display:-ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: auto
}
.content-type-banner .left-content {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 2;
order: 2;
width: calc(100% - (20px*2));
margin: 20px
}
.content-type-banner .left-content .head-content {
font-size: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.content-type-banner .left-content .head-content img {
width: 40px;
height: 40px;
margin-bottom: 10px
}
.content-type-banner .left-content .head-content .head-text {
margin: 0;
font-size: 40px;
font-style: italic;
font-weight: 600;
line-height: 36px;
color: #e81f76;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px
}
.content-type-banner .left-content .head-content .head-text .bold-banner {
font-size: 40px;
font-style: italic;
font-weight: 900;
line-height: 36px;
color: #e81f76
}
.content-type-banner .left-content .head-content .head-text.no-logo {
font-family: fave-script-pro;
font-size: 50px;
line-height: 62px;
font-weight: 400;
margin-bottom: unset
}
.content-type-banner .left-content .body-content .text-content {
font-size: 14px;
font-weight: 600;
line-height: 18px;
color: #232f3b
}
.content-type-banner .right-content {
width: 100%;
height: auto;
-ms-flex-order: 1;
order: 1
}
.content-type-banner .right-content img {
width: 100%
}
.content-widget-faqs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 0;
border: none !important
}
.content-widget-faqs .head-faqs {
margin: 13px 0 0 20px
}
.content-widget-faqs .head-faqs .head-faqs-text {
font-size: 20px;
line-height: 24px;
font-weight: 600
}
.content-widget-faqs .head-faqs .head-faqs-text .color-pink {
font-family: fave-script-pro;
font-size: 40px;
font-weight: 400;
line-height: 50px
}
.content-widget-faqs .content-faqs {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.content-widget-faqs .content-faqs .faqs-item {
background-color: #fff;
margin-bottom: 0;
padding: 10px 10px 10px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0;
border-bottom: 1px solid #eff2f7
}
.content-widget-faqs .content-faqs .faqs-item .question {
font-size: 14px;
font-weight: 600;
//:18px;color: #232f3b;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.content-widget-faqs .content-faqs .faqs-item .question .text-content {
max-width: calc(100% - 84px)
}
.content-widget-faqs .content-faqs .faqs-item .question .icon {
width: 20px;
height: 20px;
background: url('../images/add.svg');
background-size: 100% 100%
}
.content-widget-faqs .content-faqs .faqs-item .answer {
//:14px;font-weight: 400;
//:18px;margin-top: 10px;
max-width: 100%;
width: 100%
}
.content-widget-faqs .content-faqs .faqs-item .answer .text-content {
max-width: 100%
}
.content-widget-faqs .content-faqs .faqs-item .answer .text-content ul {
padding-left: 0;
list-style-type: none
}
.content-widget-faqs .content-faqs .active {
border: none;
background-color: #eff2f7 !important
}
.content-widget-faqs .content-faqs .active .question {
color: #e81f76 !important
}
.content-widget-faqs .content-faqs .active .question .icon {
background: url('../images/minus.svg') !important
}
.trackmyorder-index-index .confidence_messages-container-247 {
background-color: #e8eaf1
}
.trackmyorder-index-index .content-widget-faqs {
margin: 0
}
.trackmyorder-index-index .page-footer .page-footer_inner .element-newsletter {
top: 45px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside {
display: block;
padding: 20px 20px 40px !important
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside .track-order-title-div {
margin-top: 0
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside .track-order-title {
font-size: 25px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child {
margin-top: 20px;
padding: 20px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside>div:last-child .help-header .help-title {
font-size: 20px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order_req_div {
margin-top: 27px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list {
margin-top: 10px
}
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside #track_order .form-list .buttons-set button {
padding: 9px 20px;
width: 100%
}
.trackmyorder-index-index .content-widget-faqs .content-faqs>:last-child {
margin-top: 0
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help .row-full-width-inner .pagebuilder-column-group {
column-gap:30px
}
.cms-contact-hub .page-wrapper main .columns .column.main .looking-for-help {
padding-top: 50px;
padding-bottom: 50px
}
}
@media only screen and (max-width: 1199px) {
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside {
padding:40px 30px 40px 70px
}
}
@media only screen and (max-width: 991px) {
.trackmyorder-index-index .columns .column.main .track-my-order-content .track-my-order-content-inside {
padding:40px 30px
}
}
@media all and (min-width: 769px) {
.page-title-wrapper h1 {
font-size: 40px;
margin-bottom: 40px
}
.column.main {
min-height: 300px
}
.abs-blocks-2columns:nth-child(odd), .column .block-addbysku .block-content .box:nth-child(odd), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd), [class^=sales-guest-] .column.main .block:not(.widget) .block-content .box:nth-child(odd), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd), .login-container .block:nth-child(odd), .account .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
clear: left;
float: left;
width: 48.8%;
}
}
.page-main .block .block-title {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 0;
display: -ms-flexbox;
display: flex;
}
.page-main .block-title h1 {
margin-bottom: 0;
}
.page-main .form-center {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.page-main .customer-register .block-title {
margin-bottom: 15px !important;
border-bottom: 1px solid #e8e8e8;
}
.block{
clear:both;
}
.modal-header {
padding: 0 1rem;
border-bottom: none;
}
.modal-footer {
border-top: none;
}