.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.wcpay-express-checkout-wrapper{width:100%;clear:both;display:flex;flex-direction:column}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element{opacity:0;transition:all .3s ease-in-out;min-height:0;margin:0}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready{opacity:1}.wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready:not(:first-child){margin-top:12px}.woocommerce-cart .wcpay-express-checkout-wrapper{margin-bottom:0}.woocommerce-checkout .wcpay-express-checkout-wrapper #wcpay-express-checkout-element.is-ready:first-child{margin-top:4px}.woocommerce-checkout .wcpay-express-checkout-wrapper #wcpay-woopay-button{margin-top:4px}.woocommerce .type-product .wcpay-express-checkout-wrapper,.wp-block-add-to-cart-form .wcpay-express-checkout-wrapper,.wc-proceed-to-checkout .wcpay-express-checkout-wrapper{margin-top:1em;margin-bottom:1em}.wcpay-express-checkout-wrapper,.wc-block-components-express-payment__event-buttons{list-style:none}.wcpay-express-checkout-wrapper .StripeElement iframe,.wc-block-components-express-payment__event-buttons .StripeElement iframe{max-width:unset}@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
} .swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: "Whitney Medium";
font-style: normal;
font-weight: normal;
src: local("Whitney Medium"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneymedium.woff) format("woff");
}
@font-face {
font-family: "Whitney Medium Italic";
font-style: normal;
font-weight: normal;
src: local("Whitney Medium Italic"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneymediumitalic.woff) format("woff");
}
@font-face {
font-family: "Whitney Bold";
font-style: normal;
font-weight: normal;
src: local("Whitney Bold"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneybold.woff) format("woff");
}
@font-face {
font-family: "Whitney Semibold Regular";
font-style: normal;
font-weight: normal;
src: local("Whitney Semibold Regular"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneysemibold.woff) format("woff");
}
@font-face {
font-family: "Whitney Book Regular";
font-style: normal;
font-weight: normal;
src: local("Whitney Book Regular"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneybook.woff) format("woff");
}
@font-face {
font-family: "Whitney Light Regular";
font-style: normal;
font-weight: normal;
src: local("Whitney Light Regular"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneylight.woff) format("woff");
}
@font-face {
font-family: "Whitney Semibold Italic";
font-style: normal;
font-weight: normal;
src: local("Whitney Semibold Italic"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneysemibolditalic.woff) format("woff");
}
@font-face {
font-family: "Whitney Book Italic";
font-style: normal;
font-weight: normal;
src: local("Whitney Book Italic"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneybookitalic.woff) format("woff");
}
@font-face {
font-family: "Whitney Light Italic";
font-style: normal;
font-weight: normal;
src: local("Whitney Light Italic"), url(//quantum-solutions.com/wp-content/themes/qdots-main/public/fonts/whitney/whitneylightitalic.woff) format("woff");
}
.container {
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
max-width: 750px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
body {
font-family: "Whitney Book Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
font-style: normal;
color: #515151;
}
* {
font-weight: inherit;
font-style: inherit;
box-sizing: border-box;
}
.page-content {
width: 100%;
min-height: 100vh;
overflow-x: hidden;
overflow-y: visible;
max-width: 1920px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.page-content > * {
width: 100%;
}
.display-none, .d-none, [data-hidden], [hidden] {
display: none !important;
}
a:focus {
outline: none !important;
}
svg {
overflow: visible;
}
.section-title, .woocommerce.woocommerce-order-received .woocommerce-order-details__title, .woocommerce.woocommerce-order-received .woocommerce-column__title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 30px;
line-height: 1.2;
color: #186EDC;
}
@media (min-width: 768px) {
.section-title, .woocommerce.woocommerce-order-received .woocommerce-order-details__title, .woocommerce.woocommerce-order-received .woocommerce-column__title {
font-size: 44px;
}
}
.section-title--center {
text-align: center;
}
.section-title--light {
color: white;
}
.section-title--left, .woocommerce.woocommerce-order-received .woocommerce-order-details__title, .woocommerce.woocommerce-order-received .woocommerce-column__title {
font-size: 20px;
line-height: 1.2;
text-align: left;
text-transform: uppercase;
}
@media (min-width: 768px) {
.section-title--left, .woocommerce.woocommerce-order-received .woocommerce-order-details__title, .woocommerce.woocommerce-order-received .woocommerce-column__title {
font-size: 24px;
}
}
.screen-reader-text {
display: none !important;
}
.grecaptcha-badge {
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
}
.grecaptcha-badge.show {
opacity: 1;
pointer-events: all;
}
#wpadminbar li#wp-admin-bar-customize {
display: none;
}
@media (max-width: 1199px) {
#wpadminbar li#wp-admin-bar-wpseo-menu {
display: none;
}
}
[type=text], .select2-container .select2-selection--single, [type=email], [type=tel], [type=password], .input-text, textarea {
background: var(--input-background-color, #EAEAEA);
color: #515151;
height: 48px;
padding: 0 18px;
border: none;
outline: none;
font-size: 18px;
line-height: 1.2;
width: 100%;
border-radius: 0;
}
[type=text]::placeholder, .select2-container .select2-selection--single::placeholder, [type=email]::placeholder, [type=tel]::placeholder, [type=password]::placeholder, .input-text::placeholder, textarea::placeholder {
color: #939393;
opacity: 1;
}
textarea, textarea.input-text {
min-height: 94px;
resize: vertical;
padding: 12px 18px;
}
.select2-container .select2-selection--single {
display: flex;
align-items: center;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.select2-container .select2-selection--single .select2-selection__arrow {
width: 30px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: center center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.028' height='5.185'%3E%3Cpath d='M1.148.196a.672.672 0 00-.951.951l3.841 3.841a.672.672 0 00.951 0L8.83 1.147a.672.672 0 00-.951-.951L4.511 3.564z' fill='%23939393'/%3E%3C/svg%3E");
}
.select2-container .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--open .select2-selection--single .select2-selection__arrow {
transform: scaleY(-1);
}
.single-product__variations-dropdown {
--select-font-size: 18px;
--select-padding: 12px 18px;
--select-height: 48px;
--select-bg-color: white;
height: var(--select-height);
display: inline-flex;
position: relative;
background: var(--select-bg-color);
}
.single-product__variations-dropdown select {
background: none;
border: none;
padding: var(--select-padding);
font-size: var(--select-font-size);
line-height: 1.2;
color: #515151;
width: 100%;
height: 100%;
padding-right: var(--select-height);
}
.single-product__variations-dropdown::after {
content: "";
display: flex;
width: var(--select-height);
height: 100%;
background: var(--select-bg-color) center center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.028' height='5.185'%3E%3Cpath d='M1.148.196a.672.672 0 00-.951.951l3.841 3.841a.672.672 0 00.951 0L8.83 1.147a.672.672 0 00-.951-.951L4.511 3.564z' fill='%23939393'/%3E%3C/svg%3E");
pointer-events: none;
position: absolute;
top: 0;
right: 0;
}
.qdot-wysiwyg {
font-size: 14px;
line-height: 1.666;
--list-bullet-color: #186EDC;
}
@media (min-width: 768px) {
.qdot-wysiwyg {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.qdot-wysiwyg {
font-size: 18px;
}
}
.qdot-wysiwyg ul:not([class*=woocommerce-]) {
list-style: none !important;
padding-left: 0;
margin: 1em 0;
}
.qdot-wysiwyg ul:not([class*=woocommerce-]) li {
padding-left: 20px;
position: relative;
}
.qdot-wysiwyg ul:not([class*=woocommerce-]) li + li {
margin-top: 0.666em;
}
.qdot-wysiwyg ul:not([class*=woocommerce-]) li::before {
content: "";
display: block;
border-radius: 100%;
background: var(--list-bullet-color, #186EDC);
width: 7px;
height: 7px;
position: absolute;
top: calc(1.666em / 2 - 3px);
left: 0;
}
.qdot-wysiwyg p {
margin: 1em 0;
}
.qdot-wysiwyg p:first-child {
margin-top: 0;
}
.qdot-wysiwyg p:last-child {
margin-bottom: 0;
}
.qdot-wysiwyg p[data-style*="text-align: center"] {
text-align: center;
}
.qdot-wysiwyg p[data-style*="text-align: left"] {
text-align: left;
}
.qdot-wysiwyg p[data-style*="text-align: right"] {
text-align: right;
}
.qdot-wysiwyg a {
color: #186EDC;
}
.qdot-wysiwyg .h1, .qdot-wysiwyg .h2, .qdot-wysiwyg .h3, .qdot-wysiwyg .h4, .qdot-wysiwyg .h5, .qdot-wysiwyg .h6, .qdot-wysiwyg h1, .qdot-wysiwyg h2, .qdot-wysiwyg h3, .qdot-wysiwyg h4, .qdot-wysiwyg h5, .qdot-wysiwyg h6 {
margin-top: 2em;
margin-bottom: 0.5em;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
line-height: 1.2;
color: var(--wysiwyg-heading-color, #186EDC);
}
.qdot-wysiwyg .h1, .qdot-wysiwyg h1 {
font-size: 2.2em;
}
.qdot-wysiwyg .h2, .qdot-wysiwyg h2 {
font-size: 1.7em;
}
.qdot-wysiwyg .h5, .qdot-wysiwyg .h6, .qdot-wysiwyg h5, .qdot-wysiwyg h6 {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.qdot-wysiwyg .h3, .qdot-wysiwyg h3 {
font-size: 1.44em;
}
.qdot-wysiwyg .h4, .qdot-wysiwyg h4 {
font-size: 1.2em;
}
.qdot-wysiwyg .h5, .qdot-wysiwyg h5 {
font-size: 1em;
}
.qdot-wysiwyg .h6, .qdot-wysiwyg h6 {
font-size: 1em;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.qdot-wysiwyg figure {
width: auto !important;
max-width: 100%;
}
.qdot-wysiwyg figure.wp-caption {
display: flex !important;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
text-align: center;
}
.qdot-wysiwyg .wp-caption-text {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-bottom: 15px;
}
.qdot-wysiwyg img {
max-width: 100%;
width: auto;
height: auto;
}
.qdot-wysiwyg .alignleft {
float: left;
}
.qdot-wysiwyg .alignright {
float: right;
}
.qdot-wysiwyg .aligncenter {
margin: 3em auto;
display: block;
}
.qdot-wysiwyg mark {
background: #348DFF;
color: white;
padding: 0 4px;
}
.qdot-wysiwyg em {
font-family: "Whitney Book Italic", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.qdot-wysiwyg strong, .qdot-wysiwyg b {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.qdot-wysiwyg iframe {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.content-404 {
background: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/bg-404.jpg) center center no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content-404 .container {
width: 100%;
}
.content-404 p {
margin: 0;
}
@media (min-width: 1200px) {
.content-404 {
height: 70vh;
min-height: 640px;
}
}
.content-404__wrapper {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px 0;
text-align: center;
}
@media (min-width: 1200px) {
.content-404__wrapper {
flex-direction: row;
text-align: left;
}
}
.content-404__image {
max-width: 160px;
margin-bottom: 45px;
}
@media (min-width: 1200px) {
.content-404__image {
max-width: 500px;
margin-bottom: 0;
margin-right: 50px;
}
}
.content-404__image img {
max-width: 100%;
width: auto;
height: auto;
}
.content-404__title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 30px;
line-height: 1;
margin-bottom: 16px;
}
@media (min-width: 1200px) {
.content-404__title {
font-size: 44px;
margin-bottom: 26px;
}
}
.content-404__tagline {
font-size: 15px;
}
@media (min-width: 1200px) {
.content-404__tagline {
font-size: 18px;
}
}
.content-404__actions {
display: flex;
justify-content: center;
}
@media (min-width: 1200px) {
.content-404__actions {
justify-content: flex-start;
margin-left: -10px;
margin-top: 25px;
}
}
.content-404__actions > * {
margin: 10px;
}
.benefits {
padding: 37px 0 66px;
background: #EAEAEA;
--benefits-cards-gap: 10px;
--benefits-cards-in-row: 2;
}
@media (min-width: 768px) {
.benefits {
padding: 52px 0 98px;
}
}
@media (min-width: 1200px) {
.benefits {
padding: 60px 0 95px;
--benefits-cards-in-row: 4;
}
}
.benefits__cards-wrapper {
display: flex;
flex-wrap: wrap;
margin: calc(var(--benefits-cards-gap) / 2 * -1);
}
@media (min-width: 768px) {
.benefits__cards-wrapper {
--benefits-cards-gap: 48px;
}
}
@media (min-width: 1200px) {
.benefits__cards-wrapper {
--benefits-cards-gap: 54px;
}
}
.benefits__title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #515151;
margin-bottom: 38px;
}
@media (min-width: 768px) {
.benefits__title {
margin-bottom: 65px;
}
}
.benefits__card {
margin: calc(var(--benefits-cards-gap) / 2);
height: 100%;
min-height: 196px;
width: calc(100% / var(--benefits-cards-in-row) - var(--benefits-cards-gap));
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: white !important;
padding: 15px;
text-decoration: none;
text-align: center;
border-radius: 12px;
background-color: #515151;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
@media (min-width: 768px) {
.benefits__card {
min-height: 252px;
}
}
.benefits__card-icon {
display: inline-flex;
height: 60px;
width: 100%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 18px;
}
@media (min-width: 768px) {
.benefits__card-icon {
height: 76px;
margin-bottom: 37px;
}
}
.benefits__card-title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
line-height: 21px;
}
@media (min-width: 768px) {
.benefits__card-title {
font-size: 20px;
}
}
.blog-posts {
padding: 55px 0 65px;
--blog-posts-gap: 30px;
--blog-posts-number: 1;
--blog-posts-thumbnail-aspect: 64.8275862%;
}
@media (min-width: 768px) {
.blog-posts {
padding: 75px 0 85px;
--blog-posts-gap: 48px;
--blog-posts-number: 2;
}
}
@media (min-width: 1200px) {
.blog-posts {
--blog-posts-number: 3;
}
}
.blog-posts__title {
margin-bottom: 34px;
}
@media (min-width: 768px) {
.blog-posts__title {
margin-bottom: 43px;
--blog-posts-gap: 52px;
}
}
.blog-posts__items-wrapper {
margin: calc(var(--blog-posts-gap) / 2 * -1);
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-posts__item {
margin: calc(var(--blog-posts-gap) / 2);
display: none;
flex-direction: column;
width: calc(100% / var(--blog-posts-number) - var(--blog-posts-gap));
}
.blog-posts__item:nth-child(1) {
display: flex;
}
@media (min-width: 768px) {
.blog-posts__item:nth-child(2) {
display: flex;
}
}
@media (min-width: 1200px) {
.blog-posts__item {
display: flex;
}
}
.blog-posts a {
text-decoration: none;
}
.blog-posts__item-thumbnail {
display: flex;
border-radius: 12px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #EAEAEA;
margin-bottom: 18px;
}
.blog-posts__item-thumbnail::after {
content: "";
display: flex;
padding-top: var(--blog-posts-thumbnail-aspect);
}
.blog-posts__item-categories {
margin-bottom: 7px;
color: #939393;
}
.blog-posts__item-category {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 12px;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
color: inherit !important;
}
.blog-posts__item-category[class$="--pbs"] {
text-transform: none;
}
.blog-posts__item-title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 21px;
line-height: 25px;
margin-bottom: 12px;
color: #515151 !important;
}
@media (min-width: 768px) {
.blog-posts__item-title {
font-size: 22px;
margin-bottom: 14px;
}
}
.blog-posts__item-date {
font-size: 12px;
line-height: 1;
color: #939393;
}
.blog-posts__more-wrapper {
display: flex;
justify-content: center;
margin-top: 38px;
}
@media (min-width: 768px) {
.blog-posts__more-wrapper {
margin-top: 60px;
}
}
.news {
padding: 55px 0 65px;
background: #EAEAEA;
--news-gap: 30px;
--news-number: 1;
--news-thumbnail-aspect: 64.8275862%;
}
@media (min-width: 768px) {
.news {
padding: 75px 0 85px;
--news-gap: 48px;
--news-number: 2;
}
}
@media (min-width: 1200px) {
.news {
--news-number: 3;
}
}
.news__title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #515151;
margin-bottom: 34px;
}
@media (min-width: 768px) {
.news__title {
margin-bottom: 43px;
--news-gap: 52px;
}
}
.news__items-wrapper {
margin: calc(var(--news-gap) / 2 * -1);
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.news__item {
position: relative;
padding-bottom: 24px;
margin: calc(var(--news-gap) / 2);
display: none;
flex-direction: column;
width: calc(100% / var(--news-number) - var(--news-gap));
border-radius: 12px;
background: white;
}
.news__item:nth-child(1) {
display: flex;
}
@media (min-width: 768px) {
.news__item:nth-child(2) {
display: flex;
}
}
@media (min-width: 1200px) {
.news__item {
display: flex;
}
}
.news a {
text-decoration: none;
}
.news__item-thumbnail {
display: flex;
border-radius: 12px 12px 0 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: white;
margin-bottom: 18px;
}
.news__item-thumbnail::after {
content: "";
display: flex;
padding-top: var(--news-thumbnail-aspect);
}
.news__item-title {
padding: 0 24px;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 21px;
line-height: 25px;
margin-bottom: 12px;
color: #515151 !important;
}
@media (min-width: 768px) {
.news__item-title {
font-size: 22px;
margin-bottom: 14px;
}
}
.news__item-date {
padding: 0 24px;
font-size: 12px;
line-height: 1;
color: #939393;
}
.news__item-arrow {
position: absolute;
bottom: 16px;
right: 16px;
}
.news__item-arrow .qdot-slider__arrow-path {
fill: #186EDC;
}
.news__more-wrapper {
display: flex;
justify-content: center;
margin-top: 38px;
}
@media (min-width: 768px) {
.news__more-wrapper {
margin-top: 60px;
}
}
.qdot-breadcrumbs {
font-size: 12px;
line-height: 1.2;
color: #939393;
padding: 16px 0;
}
@media (min-width: 768px) {
.qdot-breadcrumbs {
padding: 21px 0;
}
}
.qdot-breadcrumbs a {
color: inherit;
text-decoration: none;
}
.qdot-breadcrumbs__sep {
margin: 0 3px;
position: relative;
bottom: -1px;
}
.qdot-button, .woocommerce-Address-title .edit, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.submit, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.submit, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.submit, .woocommerce #respond input#submit.button, .woocommerce #respond input#submit.submit {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
color: white !important;
min-height: 32px;
font-size: 16px;
font-weight: normal;
line-height: 1.1;
text-decoration: none;
transition: 0.3s;
border-radius: 100px;
background-color: #186EDC;
border: none;
padding: 3px 20px;
cursor: pointer;
}
.qdot-button--lg {
padding: 12px 30px;
font-size: 18px;
font-family: "Whitney Semibold Regular", sans-serif;
}
.qdot-button--border {
border: solid white 2px;
}
.qdot-button:hover, .woocommerce-Address-title .edit:hover, .woocommerce a.button:hover, .woocommerce a.submit:hover, .woocommerce button.button:hover, .woocommerce button.submit:hover, .woocommerce input.button:hover, .woocommerce input.submit:hover, .woocommerce #respond input#submit.button:hover, .woocommerce #respond input#submit.submit:hover {
background-color: #348DFF !important;
color: white;
}
.qdot-button:active, .woocommerce-Address-title .edit:active, .woocommerce a.button:active, .woocommerce a.submit:active, .woocommerce button.button:active, .woocommerce button.submit:active, .woocommerce input.button:active, .woocommerce input.submit:active, .woocommerce #respond input#submit.button:active, .woocommerce #respond input#submit.submit:active, .qdot-button:focus, .woocommerce-Address-title .edit:focus, .woocommerce a.button:focus, .woocommerce a.submit:focus, .woocommerce button.button:focus, .woocommerce button.submit:focus, .woocommerce input.button:focus, .woocommerce input.submit:focus, .woocommerce #respond input#submit.button:focus, .woocommerce #respond input#submit.submit:focus {
background-color: #1562C3;
color: white;
}
.qdot-button[disabled], .woocommerce-Address-title [disabled].edit, .woocommerce a[disabled].button, .woocommerce a[disabled].submit, .woocommerce button[disabled].button, .woocommerce button[disabled].submit, .woocommerce input[disabled].button, .woocommerce input[disabled].submit, .woocommerce #respond input[disabled]#submit.button, .woocommerce #respond input[disabled]#submit.submit, .qdot-button[data-disabled], .woocommerce-Address-title [data-disabled].edit, .woocommerce a[data-disabled].button, .woocommerce a[data-disabled].submit, .woocommerce button[data-disabled].button, .woocommerce button[data-disabled].submit, .woocommerce input[data-disabled].button, .woocommerce input[data-disabled].submit, .woocommerce #respond input[data-disabled]#submit.button, .woocommerce #respond input[data-disabled]#submit.submit, .qdot-button.disabled, .woocommerce-Address-title .disabled.edit, .woocommerce a.disabled.button, .woocommerce a.disabled.submit, .woocommerce button.disabled.button, .woocommerce button.disabled.submit, .woocommerce input.disabled.button, .woocommerce input.disabled.submit, .woocommerce #respond input.disabled#submit.button, .woocommerce #respond input.disabled#submit.submit {
opacity: 0.7;
pointer-events: none;
}
.cart-variation, .wc-item-meta {
font-size: 80%;
line-height: 1.2;
color: #939393;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
}
.cart-variation p, .wc-item-meta p {
margin: 0;
}
.cart-variation__item, .cart-variation li, .wc-item-meta__item, .wc-item-meta li {
display: flex;
flex-wrap: wrap;
}
.cart-variation__item + .cart-variation__item, .cart-variation__item + .cart-variation li, .cart-variation__item + .wc-item-meta__item, .cart-variation__item + .wc-item-meta li, .cart-variation li + .cart-variation__item, .cart-variation li + .cart-variation li, .cart-variation li + .wc-item-meta__item, .cart-variation li + .wc-item-meta li, .wc-item-meta__item + .cart-variation__item, .wc-item-meta__item + .cart-variation li, .wc-item-meta__item + .wc-item-meta__item, .wc-item-meta__item + .wc-item-meta li, .wc-item-meta li + .cart-variation__item, .wc-item-meta li + .cart-variation li, .wc-item-meta li + .wc-item-meta__item, .wc-item-meta li + .wc-item-meta li {
margin-top: 5px;
}
.cart-variation__item-key, .cart-variation__item strong, .cart-variation li-key, .cart-variation li strong, .wc-item-meta__item-key, .wc-item-meta__item strong, .wc-item-meta li-key, .wc-item-meta li strong {
margin-right: 4px;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
}
.woocommerce-billing-fields h3 {
display: none;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table {
border: none;
border-radius: 0;
margin-bottom: 0;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr td {
padding-left: 0;
padding-right: 0;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr td {
display: table-cell;
vertical-align: top;
padding-bottom: 20px;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr td.product-name {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr td.product-remove {
display: none;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr td.product-remove {
display: table-cell;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr:nth-child(2n) td {
background: none;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr + tr td:first-child {
padding-top: 30px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table tr + tr td:first-child {
padding-top: 15px;
}
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table th {
font-family: "Whitney Book Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
font-size: 14px;
line-height: 1;
padding: 10px;
text-align: center;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout table.shop_table th:first-child {
padding-left: 0;
text-align: left;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart {
margin-top: 42px;
margin-bottom: 20px;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart-title {
margin-bottom: 20px;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-thumbnail {
display: inline-flex !important;
align-self: flex-start;
margin-right: 13px;
width: 72px;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-thumbnail a {
display: flex;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-thumbnail img {
width: 100%;
height: auto;
border: solid #EAEAEA 1px;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name {
text-align: left !important;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name::before {
display: none !important;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__wrapper {
display: flex;
align-items: center;
width: 100%;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
line-height: 21px;
width: calc(100% - 72px - 13px - 16px - 14px);
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__title:only-child {
width: 100%;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__title a {
color: #515151;
text-decoration: none;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__remove {
display: inline-flex;
margin-left: auto;
width: 16px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__remove {
display: none;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__remove span.product-remove {
display: inline-flex;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-name__meta {
width: 100%;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-remove {
text-align: center !important;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-subtotal, .woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-price {
font-size: 18px;
line-height: 1;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .product-subtotal .amount {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 1200px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .cart-variation {
margin-bottom: 0;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__cart .tax_label {
margin-left: 5px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .cell-wrapper--tablet {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 72px;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-title {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-title {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-login {
font-size: 18px;
margin-top: 16px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-login {
margin-top: 0;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-login .showlogin {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
text-decoration: none;
color: #186EDC;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-billing-fields__field-wrapper label,
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-shipping-fields__field-wrapper label,
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-additional-fields__field-wrapper label, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-billing-fields__field-wrapper label,
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-shipping-fields__field-wrapper label,
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-additional-fields__field-wrapper label, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-billing-fields__field-wrapper label,
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-shipping-fields__field-wrapper label,
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-additional-fields__field-wrapper label {
display: none;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-additional-fields__field-wrapper {
margin-top: 20px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-additional-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-additional-fields__field-wrapper {
margin-top: 40px;
}
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .form-row {
padding: 0;
margin-bottom: 20px;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .form-row:last-child, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .form-row:last-child, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .form-row:last-child {
margin-bottom: 0;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .form-row.create-account, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .form-row.create-account, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .form-row.create-account {
margin-top: 20px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .form-row.create-account, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .form-row.create-account, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .form-row.create-account {
margin-top: 0;
}
}
@media (min-width: 768px) {
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-shipping-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-shipping-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-billing-fields__field-wrapper, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-shipping-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-billing-fields__field-wrapper .form-row, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-shipping-fields__field-wrapper .form-row {
width: calc(50% - 27px);
}
.woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-billing-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-shipping-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-billing-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-billing-fields__field-wrapper .form-row#shipping_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-shipping-fields__field-wrapper .form-row#billing_address_1_field, .woocommerce-page:not(.woocommerce-order-received) .checkout__order-additional-fields .woocommerce-shipping-fields__field-wrapper .form-row#shipping_address_1_field {
width: 100%;
}
}
.woocommerce-page:not(.woocommerce-order-received) .woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
font-size: 18px !important;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #186EDC;
}
.woocommerce-page:not(.woocommerce-order-received) .woocommerce-form__label-for-checkbox input {
margin: 0 7px 0 0 !important;
}
.woocommerce-page:not(.woocommerce-order-received) .woocommerce-form__label-for-checkbox span {
text-decoration: underline;
}
.lost_password {
font-size: 16px;
line-height: 1;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.lost_password a {
color: #186EDC;
text-decoration: none;
}
.checkout__order-billing-fields {
margin-left: -15px;
width: calc(100% + 30px);
background: #EAEAEA;
--input-background-color: white;
padding: 50px 15px;
}
@media (min-width: 768px) {
.checkout__order-billing-fields {
padding: 70px 48px;
margin: 0;
width: 100%;
}
}
.woocommerce-cart-form-subtotal {
border-top: solid #EAEAEA 1px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 15px;
margin-top: 15px;
}
.woocommerce-cart-form-subtotal__title {
margin-right: 15px;
}
.woocommerce-cart-form-subtotal__amount {
display: inline-flex;
align-items: center;
}
.woocommerce-cart-form-subtotal .amount {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 22px;
position: relative;
top: -3px;
}
@media (min-width: 768px) {
.woocommerce-cart-form-subtotal {
justify-content: flex-end;
text-align: right;
padding-right: 0;
padding-top: 20px;
}
.woocommerce-cart-form-subtotal__title {
margin-bottom: 0;
}
.woocommerce-cart-form-subtotal .amount {
font-size: 26px;
}
}
.woocommerce .checkout__order-review {
margin: 15px -15px;
width: calc(100% + 30px);
padding: 15px;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.woocommerce .checkout__order-review {
width: 100%;
margin: 15px 0;
}
}
.woocommerce .checkout__order-review ul#shipping_method li label {
font-size: 0;
line-height: 0;
}
.woocommerce .checkout__order-review ul#shipping_method li label * {
font-size: 18px;
line-height: 1;
}
.woocommerce .checkout__order-review .order-total th {
padding-top: 30px !important;
}
.woocommerce .checkout__order-review .order-total .amount bdi {
font-size: 26px;
margin-bottom: 5px;
display: block;
}
.woocommerce .checkout__order-review table.shop_table {
max-width: 240px;
}
.woocommerce .checkout__order-review table.shop_table tfoot td, .woocommerce .checkout__order-review table.shop_table tfoot th {
padding: 25px 0 0 0 !important;
border: 0;
display: table-cell;
}
.woocommerce .checkout__order-review table.shop_table tfoot tr:first-child td, .woocommerce .checkout__order-review table.shop_table tfoot tr:first-child th {
padding-top: 0;
}
.woocommerce .checkout__order-review table.shop_table tfoot th {
font-size: 18px;
font-weight: normal;
vertical-align: top;
line-height: 1;
}
.woocommerce .checkout__order-review table.shop_table tfoot td {
text-align: right;
vertical-align: top;
font-size: 18px;
line-height: 1;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal !important;
}
.woocommerce .checkout__order-review table.shop_table tfoot td strong, .woocommerce .checkout__order-review table.shop_table tfoot td .amount {
font-weight: normal !important;
}
.woocommerce .checkout__order-review table.shop_table tfoot td .tax_label, .woocommerce .checkout__order-review table.shop_table tfoot td .includes_tax {
font-family: "Whitney Book Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
display: block;
line-height: 1;
margin-top: 3px;
font-size: 14px !important;
}
@media (min-width: 768px) {
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
display: none;
}
}
#order_review.woocommerce-checkout-review-order .cart-subtotal .tax_label, #order_review.woocommerce-checkout-review-order .shipping .tax_label {
display: none !important;
}
@media (min-width: 768px) {
#order_review.woocommerce-checkout-review-order .order-total .amount {
display: flex;
align-items: center;
margin-top: 5px;
}
}
@media (min-width: 768px) {
#order_review.woocommerce-checkout-review-order .order-total .includes_tax {
display: flex;
align-items: center;
justify-content: center;
}
#order_review.woocommerce-checkout-review-order .order-total .includes_tax .amount {
margin: 0 3px;
}
}
#order_review.woocommerce-checkout-review-order .includes_tax {
white-space: nowrap;
}
#order_review.woocommerce-checkout-review-order tfoot td {
justify-content: center !important;
flex-direction: column;
}
@media (min-width: 768px) {
#order_review.woocommerce-checkout-review-order tfoot {
display: flex;
justify-content: center;
align-items: flex-start;
}
#order_review.woocommerce-checkout-review-order tfoot tr {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 15px;
}
#order_review.woocommerce-checkout-review-order tfoot td, #order_review.woocommerce-checkout-review-order tfoot th {
padding: 0 !important;
margin-bottom: 5px !important;
display: flex !important;
}
#order_review.woocommerce-checkout-review-order tfoot td {
min-height: 40px;
align-items: center;
}
#order_review.woocommerce-checkout-review-order tfoot li {
margin: 0;
}
}
.checkout__order-payment-title {
margin-bottom: 18px;
}
.checkout__order-payment #payment {
background: none;
}
.checkout__order-payment #payment ul.payment_methods {
margin: 0 -15px;
width: calc(100% + 30px);
background: #EAEAEA;
padding: 50px 15px;
display: flex;
flex-direction: column;
justify-content: center;
border: none;
}
.checkout__order-payment #payment ul.payment_methods p {
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
.checkout__order-payment #payment ul.payment_methods {
padding: 70px 48px;
margin: 50px 0;
width: 100%;
}
}
.checkout__order-payment #payment ul.payment_methods .wc_payment_method + .wc_payment_method {
margin-top: 15px;
}
.checkout__order-payment #payment ul.payment_methods .wc_payment_method > label {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
line-height: 1;
}
.checkout__order-payment #payment ul.payment_methods .wc_payment_method > .input-radio {
position: relative;
top: -1px;
margin-right: 10px;
}
.checkout__order-payment #payment .place-order {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.checkout__order-payment #payment .place-order .woocommerce-form__label-for-checkbox {
display: flex;
justify-content: center;
align-items: flex-start;
color: #515151;
line-height: 1.2;
cursor: pointer;
}
.checkout__order-payment #payment .place-order .woocommerce-form__label-for-checkbox span {
text-decoration: none !important;
}
.checkout__order-payment #payment .place-order .woocommerce-form__label-for-checkbox a {
color: #186EDC;
}
.checkout__order-payment #payment .place-order .woocommerce-form__label-for-checkbox .input-checkbox {
margin-top: 4px !important;
}
.checkout__order-payment #payment .woocommerce-terms-and-conditions-wrapper {
width: 100%;
text-align: center;
}
.checkout__order-payment #payment .woocommerce-privacy-policy-link {
color: #186EDC;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-decoration: none;
}
.checkout__order-payment #payment #place_order {
width: auto;
font-size: 18px;
margin: 15px 0 0 0;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
min-height: 48px;
min-width: 153px;
border-radius: 24px;
}
.checkout__order-payment #ppc-button {
text-align: center;
}
.checkout__order-payment .paypal-buttons {
margin-left: auto;
margin-right: auto;
}
.restore-item {
color: #186EDC;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-decoration: none;
}
article.checkout {
padding-bottom: 100px;
}
@media (min-width: 768px) {
article.checkout {
padding-bottom: 150px;
}
}
.woocommerce.woocommerce-order-received .woocommerce-order-details, .woocommerce.woocommerce-order-received .woocommerce-customer-details {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.woocommerce.woocommerce-order-received .woocommerce-thankyou-order-received {
text-align: center;
}
.woocommerce.woocommerce-order-received .woocommerce-thankyou-order-details {
display: flex;
flex-direction: column;
margin: 40px 0;
padding: 0;
}
.woocommerce.woocommerce-order-received .woocommerce-thankyou-order-details li {
margin: 10px 0 0 0;
float: none;
text-align: center;
border: none;
padding: 0;
}
.woocommerce.woocommerce-order-received .woocommerce-thankyou-order-details li strong {
font-weight: normal;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.woocommerce.woocommerce-order-received .woocommerce-order-details__title, .woocommerce.woocommerce-order-received .woocommerce-column__title {
text-align: center;
}
.woocommerce.woocommerce-order-received .woocommerce-table--order-details td.product-name {
font-size: 18px;
line-height: 21px;
width: calc(100% - 72px - 13px - 16px - 14px);
}
.woocommerce.woocommerce-order-received .woocommerce-table--order-details td.product-name a {
color: #515151;
text-decoration: none;
}
.woocommerce.woocommerce-order-received .shipped_via {
display: none;
}
.woocommerce-terms-and-conditions {
padding: 5px;
text-align: left;
margin-bottom: 12px;
}
.woocommerce-terms-and-conditions a {
color: #186EDC;
}
@media (min-width: 768px) {
.woocommerce-terms-and-conditions {
padding: 12px;
}
}
.cta {
margin-top: auto;
padding: 40px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 248px;
background: #186EDC url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/cta-bg.png) center center no-repeat;
background-size: cover;
color: white;
text-align: center;
}
@media (min-width: 768px) {
.cta {
min-height: 198px;
}
}
.cta__title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 24px;
line-height: 29px;
margin-bottom: 26px;
letter-spacing: -0.02em;
}
@media (min-width: 768px) {
.cta__title {
letter-spacing: 0;
font-size: 26px;
margin-bottom: 20px;
}
}
.cta + .footer, .cta ~ .footer + .footer {
margin-top: 0;
}
.customers {
padding: 37px 0 67px;
--customers-items-in-row: 4;
--customers-items-gap: 10px;
}
@media (min-width: 768px) {
.customers {
padding: 55px 0 97px;
--customers-items-in-row: 7;
--customers-items-gap: 20px;
}
}
@media (min-width: 1200px) {
.customers {
padding: 58px 0 140px;
--customers-items-in-row: 10;
--customers-items-gap: 14px;
}
}
.customers__header {
margin-bottom: 44px;
}
@media (min-width: 768px) {
.customers__header {
margin-bottom: 67px;
}
}
@media (min-width: 1200px) {
.customers__header {
margin-bottom: 74px;
}
.customers__header br {
display: none;
}
}
.customers__header-title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #515151;
margin-bottom: 21px;
}
@media (min-width: 768px) {
.customers__header-title {
margin-bottom: 36px;
}
}
@media (min-width: 1200px) {
.customers__header-title {
margin-bottom: 33px;
}
}
.customers__header-tagline {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 19px;
line-height: 22px;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.customers__header-tagline {
font-size: 22px;
line-height: 32px;
}
}
@media (min-width: 1200px) {
.customers__header-tagline {
margin-bottom: 10px;
}
}
.customers__header-outro {
font-size: 17px;
line-height: 21px;
}
@media (min-width: 768px) {
.customers__header-outro {
font-size: 18px;
line-height: 30px;
}
}
.customers__logos-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: calc(var(--customers-items-gap) / 2 * -1);
}
.customers__logo {
width: calc(100% / var(--customers-items-in-row) - var(--customers-items-gap));
margin: calc(var(--customers-items-gap) / 2);
display: flex;
justify-content: center;
align-items: center;
}
.customers__logo img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.qdot-datatable {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1.17;
text-align: left;
margin: 3em auto;
}
.qdot-datatable__caption {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-bottom: 2em;
}
@media (min-width: 768px) {
.qdot-datatable__caption {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
}
.qdot-datatable--align-left {
text-align: left;
}
.qdot-datatable--align-center {
text-align: center;
}
.qdot-datatable--align-right {
text-align: right;
}
.qdot-datatable--breaks-pre {
white-space: pre;
}
.qdot-datatable table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
margin: 0 auto;
}
.qdot-datatable--width-auto .qdot-datatable__caption {
text-align: center;
}
.qdot-datatable--width-auto table {
width: auto;
}
.qdot-datatable__scroll-tip {
display: none;
justify-content: flex-end;
align-items: center;
}
.qdot-datatable__scroll-button {
display: inline-flex;
border: none;
outline: none;
padding: 0;
margin: 0;
background: none;
--slider-arrow-color: #939393;
}
.qdot-datatable__scroller {
overflow-x: auto;
overflow-y: visible;
padding-bottom: 1em;
}
.qdot-datatable--scroll .qdot-datatable__scroll-tip {
display: flex;
margin-bottom: 22px;
}
@media (min-width: 768px) {
.qdot-datatable--scroll .qdot-datatable__scroll-tip {
display: none;
}
}
.qdot-datatable--scroll .qdot-datatable__wrapper {
min-width: 720px;
}
@media (min-width: 768px) {
.qdot-datatable--scroll .qdot-datatable__wrapper {
min-width: min-content;
}
}
.qdot-datatable--scroll table {
width: 100%;
}
.qdot-datatable td, .qdot-datatable th {
text-align: inherit;
border: solid #EAEAEA 1px;
padding: 20px 8px;
}
@media (min-width: 1200px) {
.qdot-datatable td, .qdot-datatable th {
padding: 22px 18px;
}
}
.qdot-datatable th {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #186EDC;
padding-top: 0;
padding-bottom: 8px;
}
@media (min-width: 768px) {
.qdot-datatable th {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
}
@media (min-width: 1200px) {
.qdot-datatable th {
padding-bottom: 10px;
}
}
.qdot-datatable thead th {
border-top: none;
}
.qdot-datatable td {
font-family: "Whitney Book Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
vertical-align: top;
transition: background-color 0.3s;
}
@media (min-width: 1200px) {
.qdot-datatable tr:hover td {
background-color: #C9DBF1;
}
}
.footer {
background: linear-gradient(90deg, #434343 0%, #252525 100%);
color: white;
margin-top: auto;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
margin-left: -20px;
margin-right: -20px;
}
.footer__col {
padding: 0 20px;
}
.footer__logo {
display: inline-flex;
justify-content: center;
align-items: center;
}
.footer__logo img {
max-width: 200px;
width: auto;
height: auto;
}
.footer__socials-wrapper {
display: inline-flex;
justify-content: center;
align-items: center;
margin: -10px;
}
.footer__socials-item {
margin: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: #7E858D;
transition: 0.3s;
}
.footer__socials-item:hover {
color: white;
}
.footer__socials-item svg, .footer__socials-item path {
fill: currentColor;
}
.footer__copyright {
color: #969595;
font-size: 11px;
line-height: 1.1;
}
@media (min-width: 768px) {
.footer__copyright {
font-size: 13px;
}
.footer__copyright br {
display: none;
}
}
.footer__menu {
font-size: 14px;
line-height: 1.1;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.footer__menu .menu, .footer__menu ul, .footer__menu li {
margin: 0;
padding: 0;
list-style: none;
}
.footer__menu li + li {
margin-top: 15px;
}
.footer__menu a, .footer__menu a:visited {
color: inherit;
text-decoration: none;
}
.footer__menu .current-menu-item a {
color: #348DFF;
}
@media (min-width: 768px) {
.footer__menu .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
margin: -20px;
}
.footer__menu .menu-item {
margin: 20px;
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.03em;
}
}
@media (min-width: 1200px) {
.footer__menu .menu-item {
letter-spacing: 0;
}
}
.footer--mobile {
padding-top: 40px;
padding-bottom: 55px;
}
@media (min-width: 768px) {
.footer--mobile {
display: none;
}
}
.footer--mobile .footer__col {
width: 50%;
}
.footer--mobile .footer__logo {
margin-bottom: 38px;
}
.footer--mobile .footer__socials {
margin-bottom: 42px;
}
.footer--mobile .footer__menu {
margin-top: 15px;
}
.footer--tablet {
display: none;
padding: 30px 0 18px;
}
@media (min-width: 768px) {
.footer--tablet {
display: flex;
}
}
@media (min-width: 1200px) {
.footer--tablet {
display: none;
}
}
.footer--tablet .footer__wrapper {
margin: 0;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer--tablet .footer__logo {
margin-bottom: 40px;
}
.footer--tablet .footer__menu {
margin-bottom: 37px;
}
.footer--tablet .footer__socials {
margin-bottom: 32px;
}
.footer--desktop {
display: none;
padding: 22px 0 24px;
}
@media (min-width: 1200px) {
.footer--desktop {
display: flex;
}
}
.footer--desktop .footer__wrapper {
align-items: center;
justify-content: space-between;
text-align: center;
flex-wrap: wrap;
}
.footer--desktop .footer__menu {
max-width: 730px;
}
.footer--desktop .footer__copyright {
width: 100%;
margin-top: 20px;
}
.contact-form__title {
font-size: 24px;
line-height: 1.2;
color: #186EDC;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-transform: uppercase;
display: block;
text-align: center;
margin-bottom: 28px;
}
.contact-form__sub {
font-size: 16px;
line-height: 1.2;
color: #939393;
margin-bottom: 24px;
}
.form-submit {
margin-top: 44px;
}
.form-submit__wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.form-submit__loading {
--form-submit-size: 18px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 5px;
color: #939393;
height: var(--form-submit-size);
position: relative;
transition: 0.3s;
opacity: 0;
pointer-events: none;
}
.form-submit__loading svg {
animation: spin 2s linear infinite;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: auto;
fill: currentColor;
}
.invalid .form-submit {
margin-top: 15px;
}
.submitting .form-submit {
pointer-events: none;
opacity: 0.7;
}
.submitting .form-submit__loading {
opacity: 1;
}
.wpcf7 br {
display: none;
}
.wpcf7 p {
margin: 0;
font-size: 0;
line-height: 0;
}
.wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
margin-top: 22px;
}
.wpcf7-form-control-wrap:first-child {
margin-top: 0;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {
display: block;
font-size: 14px;
line-height: 1.2;
margin-top: 5px;
}
.wpcf7-response-output {
margin: 20px 0 0 0 !important;
text-align: center;
padding: 1em !important;
}
.wpcf7-form-control-wrap.source {
display: none !important;
}
.header-placeholder {
display: none;
position: relative;
z-index: 20;
}
.header-placeholder--mobile {
display: flex;
min-height: 80px;
}
@media (min-width: 768px) {
.header-placeholder--mobile {
display: none;
}
}
.header-placeholder--tablet {
min-height: 100px;
}
@media (min-width: 768px) {
.header-placeholder--tablet {
display: flex;
}
}
@media (min-width: 1200px) {
.header-placeholder--tablet {
display: none;
}
}
.header-placeholder--desktop {
min-height: 100px;
}
@media (min-width: 1200px) {
.header-placeholder--desktop {
display: flex;
}
}
.header {
position: relative;
z-index: 10;
width: 100%;
background: white;
}
.header a, .header a:visited {
color: inherit;
}
body.header-scrolled .header--tablet, body.header-scrolled .header--desktop {
position: fixed;
top: 0;
left: 0;
min-height: 50px;
animation: fadein 0.5s;
box-shadow: 2px 2px 36px rgba(52, 59, 69, 0.2);
}
body.header-scrolled.admin-bar .header--tablet {
top: 46px;
}
body.header-scrolled.admin-bar .header--desktop {
top: 32px;
}
.header--mobile {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 768px) {
.header--mobile {
display: none;
}
}
.header--mobile .sub-menu {
display: none;
}
.header--tablet {
display: none;
border-bottom: solid #EAEAEA 1px;
}
@media (min-width: 768px) {
.header--tablet {
display: flex;
}
}
@media (min-width: 1200px) {
.header--tablet {
display: none;
}
}
.header--tablet .sub-menu {
display: none;
}
.header--desktop {
display: none;
border-bottom: solid #EAEAEA 1px;
}
@media (min-width: 1200px) {
.header--desktop {
display: flex;
}
}
.header__wrapper {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.header__wrapper {
justify-content: space-between;
flex-direction: row;
height: 100px;
transition: height 0.3s;
}
.header-scrolled .header__wrapper {
height: 50px;
}
}
.header__logo {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100%;
}
.header__logo-link {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 5px 0;
}
.header__logo-link img {
max-width: 200px;
max-height: 100%;
width: auto;
height: auto;
margin-top: -5px;
transition: height 0.3s;
}
.header__logo--mobile {
max-width: 160px;
height: 80px;
}
.header__toolbar {
height: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
--header-toolbar-bg-color: white;
--header-toolbar-item-size: 43px;
background-color: var(--header-toolbar-bg-color);
}
.header__toolbar--mobile {
width: 100%;
height: 80px;
display: flex;
--header-toolbar-bg-color: #EAEAEA;
}
.header__toolbar-items {
display: inline-flex;
justify-content: center;
align-items: center;
}
.header__toolbar-item {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100%;
border: solid #186EDC 2px;
background: rgba(24, 110, 220, 0);
transition: 0.3s;
width: var(--header-toolbar-item-size);
height: var(--header-toolbar-item-size);
margin: 0 13px;
}
.header__toolbar-item--minicart {
width: auto;
}
.header__toolbar-item path {
fill: currentColor;
transition: 0.3s;
}
.header__toolbar-item--open {
background: #186edc;
color: white;
}
@media (min-width: 1200px) {
.header__toolbar-item:hover {
background: #EAEAEA;
cursor: pointer;
}
}
.header__toolbar-item--minicart {
border: none;
}
.header__toolbar {
position: relative;
}
.header__toolbar-items {
position: relative;
z-index: 20;
}
.header__toolbar-dropdown {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -20px);
opacity: 0;
pointer-events: none;
transition: 0.3s;
width: 100%;
padding: 0;
z-index: 10;
box-shadow: 0 10px 21px rgba(59, 59, 59, 0.3);
background: #EAEAEA;
}
.header__toolbar--open .header__toolbar-dropdown {
pointer-events: all;
opacity: 1;
transform: translate(-50%, 0);
}
.header__toolbar .icon-menu {
display: inline-flex;
}
.header__toolbar .icon-x {
display: none;
}
.header__toolbar--open .icon-menu {
display: none;
}
.header__toolbar--open .icon-x {
display: inline-flex;
}
.header__toolbar--tablet .header__toolbar-dropdown {
width: 300px;
left: auto;
right: 0;
transform: none;
}
.hero-slider {
position: relative;
width: 100%;
padding-bottom: 84px;
--slider-text-color: #515151;
}
@media (min-width: 1366px) {
.hero-slider {
--slider-text-color: white;
padding-bottom: 0;
}
}
.hero-slider__slide {
overflow: hidden;
}
@media (min-width: 1366px) {
.hero-slider__slide::before {
content: "";
position: absolute;
width: 1154px;
height: 490px;
right: 40%;
top: 0px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 15.89%, rgba(0, 0, 0, 0.8) 28.45%, rgba(0, 0, 0, 0.9) 59.19%, rgba(0, 0, 0, 0.4) 81.83%, rgba(0, 0, 0, 0) 100%) no-repeat;
overflow: hidden;
}
}
.hero-slider__slide-image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 187px;
}
@media (min-width: 768px) {
.hero-slider__slide-image {
height: 336px;
}
}
@media (min-width: 1366px) {
.hero-slider__slide-image {
height: 490px;
}
}
.hero-slider__slide-content {
color: var(--slider-text-color, white);
text-align: center;
}
@media (min-width: 1366px) {
.hero-slider__slide-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 1170px;
max-width: 100%;
text-align: left;
}
}
.hero-slider__slide-title {
font-family: "Whitney Semibold Regular", sans-serif;
font-size: 36px;
line-height: 39px;
margin: 25px 0;
}
@media (min-width: 768px) {
.hero-slider__slide-title {
font-size: 64px;
line-height: 64px;
}
}
@media (min-width: 1366px) {
.hero-slider__slide-title {
max-width: 50%;
margin-top: 0;
}
}
.hero-slider__slide-tagline {
font-family: "Whitney Semibold Regular", sans-serif;
font-size: 20px;
line-height: 26px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.hero-slider__slide-tagline {
font-size: 26px;
line-height: 40px;
margin-bottom: 35px;
}
}
.hero-slider__controls {
width: 1318px;
bottom: 84px;
max-width: 100%;
position: absolute;
z-index: 1000;
display: flex;
font-size: 0;
justify-content: space-between;
left: 50%;
transform: translate(-50%, 100%);
padding: 24px;
}
.hero-slider__pagination {
display: flex;
align-items: center;
justify-content: center;
--swiper-pagination-bullet-size: 15px;
--swiper-pagination-color: white;
--swiper-pagination-bullet-inactive-color: transparent;
--swiper-pagination-bullet-inactive-opacity: 1;
}
.hero-slider .swiper-pagination-bullet {
border: 2px solid #186EDC;
width: 17px;
height: 17px;
margin: 4px;
}
@media (min-width: 1366px) {
.hero-slider .swiper-pagination-bullet {
border: 2px solid white;
}
}
.hero-slider .swiper-pagination-bullet-active {
background: #186EDC;
}
@media (min-width: 1366px) {
.hero-slider .swiper-pagination-bullet-active {
background: white;
}
}
.hero-slider__button {
cursor: pointer;
}
.hero-slider__button .qdot-slider__arrow-path {
--slider-arrow-color: #186EDC;
}
@media (min-width: 1366px) {
.hero-slider__button .qdot-slider__arrow-path {
--slider-arrow-color: white;
}
}
.hero-slider__button--prev {
transform: rotate(180deg);
}
@media (min-width: 768px) {
.about-slider {
--slider-arrow-padding-x: 24px;
--slider-arrow-padding-y: 24px;
}
}
.about-slider .qdot-slider__container {
padding-left: 0;
padding-right: 0;
max-width: 100% !important;
}
@media (min-width: 1200px) {
.about-slider .swiper-buttons {
max-width: 1170px !important;
left: 50%;
transform: translateX(-50%);
}
}
.about-slider .qdot-slider__slide {
height: 490px;
font-size: 0;
line-height: 0;
}
@media (min-width: 768px) {
.about-slider .qdot-slider__slide {
height: 638px;
}
}
.lang {
position: relative;
display: inline-flex;
}
.lang__dropdown {
position: absolute;
top: calc(100% + 15px);
left: -35px;
opacity: 0;
pointer-events: none;
transition: 0.3s;
width: 100vw;
background: #EAEAEA;
padding: 21px 0;
z-index: 10;
transform: translate(0, -20px);
color: #515151;
box-shadow: 0 10px 20px rgba(59, 59, 59, 0.3);
}
@media (min-width: 768px) {
.lang__dropdown {
width: 200px;
left: 50%;
top: 100%;
transform: translate(-50%, -20px);
}
}
.lang__dropdown-item {
display: flex;
align-items: center;
padding-left: 35px;
height: 49px;
text-decoration: none;
transition: background-color 0.3s;
}
@media (min-width: 768px) {
.lang__dropdown-item {
padding-left: 55px;
}
}
.lang__dropdown-item:hover {
background-color: #C9DBF1;
color: #2D2D2D;
}
.lang__dropdown-item-flag {
height: 20px;
margin-right: 9px;
}
.lang__dropdown-item:active, .lang__dropdown-item:focus {
background-color: #C9DBF1;
}
.lang--open .lang__dropdown {
pointer-events: all;
opacity: 1;
transform: translate(0, 0);
}
@media (min-width: 768px) {
.lang--open .lang__dropdown {
transform: translate(-50%, 0);
}
}
.lang__selected-item {
display: flex;
align-items: center;
position: relative;
transition: 0.3s;
z-index: 20;
cursor: pointer;
}
.lang__selected-item-flag {
width: 20px;
height: auto;
border-radius: 100%;
}
.lang__selected-item-name {
margin: 0 5px;
text-transform: uppercase;
font-size: 12px;
}
.lang__selected-item-icon {
transition: 0.3s;
}
.lang__selected-item:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background-color: #186EDC;
left: 0;
bottom: -5px;
display: none;
}
.lang--open .lang__selected-item:after {
z-index: 5;
display: block;
}
.lang--open .lang__selected-item-icon {
transform: rotate(180deg);
}
.learn-more {
padding: 46px 0 68px;
--learn-more-gap: 24px;
}
@media (min-width: 768px) {
.learn-more {
padding: 54px 0 92px;
--learn-more-gap: 33px;
}
}
@media (min-width: 1200px) {
.learn-more {
padding: 54px 0 96px;
--learn-more-gap: 54px;
}
}
.learn-more__title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 30px;
line-height: 36px;
color: #515151;
margin-bottom: 56px;
}
@media (min-width: 768px) {
.learn-more__title {
font-size: 44px;
line-height: 52px;
margin-bottom: 72px;
}
}
@media (min-width: 1200px) {
.learn-more__title {
margin-bottom: 64px;
}
.learn-more__title br {
display: none;
}
}
.learn-more__cards-wrapper {
display: flex;
flex-direction: column;
margin: calc(var(--learn-more-gap) / 2 * -1);
}
@media (min-width: 1200px) {
.learn-more__cards-wrapper {
flex-direction: row;
}
}
.learn-more__card {
margin: calc(var(--learn-more-gap) / 2);
border-radius: 12px;
overflow: hidden;
padding: 32px 19px;
background-color: #EAEAEA;
--card-bg-image: none;
background-image: var(--card-bg-image);
background-size: cover;
background-position: center center;
min-height: 267px;
text-align: var(--card-text-alignment, left);
--card-overlay-color: rgba(255, 255, 255, 0);
position: relative;
}
.learn-more__card::before {
content: "";
display: flex;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: var(--card-overlay-color);
z-index: 1;
pointer-events: none;
}
@media (min-width: 768px) {
.learn-more__card {
padding: 40px 78px;
}
}
@media (min-width: 1200px) {
.learn-more__card {
width: calc(50% - var(--learn-more-gap));
padding: 40px 46px;
}
}
.learn-more__card-title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 24px;
line-height: 1.2;
--card-text-color: $color-text-dark;
color: var(--card-text-color);
margin-bottom: 9px;
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.learn-more__card-title {
margin-bottom: 13px;
font-size: 30px;
}
}
.learn-more__card-link {
position: relative;
z-index: 2;
}
.links-slider {
padding: 50px 0;
background: #EAEAEA;
--slider-arrow-padding-y: 0;
--slider-arrows-margin-top: 48px;
--links-slider-thumbnail-aspect: 61.6666667%;
}
@media (min-width: 768px) {
.links-slider {
padding: 60px 0;
--slider-arrows-margin-top: 67px;
}
}
@media (min-width: 1200px) {
.links-slider {
padding: 78px 0 50px;
}
}
.links-slider__title {
margin-bottom: 38px;
}
@media (min-width: 768px) {
.links-slider__title {
margin-bottom: 48px;
}
}
.links-slider .swiper-container {
padding-bottom: calc(var(--slider-arrow-size) + var(--slider-arrows-margin-top));
}
.links-slider .qdot-slider__arrows {
width: 100%;
left: 0;
}
.links-slider__item-thumbnail {
display: flex;
border-radius: 12px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.links-slider__item-thumbnail {
margin-bottom: 20px;
}
}
.links-slider__item-thumbnail::after {
content: "";
display: flex;
padding-top: var(--links-slider-thumbnail-aspect);
}
.links-slider__item-title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 21px;
line-height: 25px;
margin-bottom: 7px;
color: #515151 !important;
text-decoration: none;
display: flex;
}
@media (min-width: 768px) {
.links-slider__item-title {
font-size: 22px;
margin-bottom: 10px;
}
}
.links-slider__item-tagline {
color: #939393;
font-size: 15px;
line-height: 1.2;
}
@media (min-width: 768px) {
.links-slider__item-tagline {
font-size: 16px;
}
}
[class^=menu-header-][class$=-container] {
background: white;
display: inline-flex;
width: 100%;
}
[class^=menu-header-][class$=-container] ul, [class^=menu-header-][class$=-container] li {
list-style: none;
padding: 0;
margin: 0;
}
[class^=menu-header-][class$=-container] .menu {
width: 100%;
font-size: 18px;
line-height: 1.2;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #515151;
}
[class^=menu-header-][class$=-container] .menu a {
text-decoration: none;
font-size: inherit;
line-height: inherit;
font-family: inherit;
}
[class^=menu-header-][class$=-container] .menu .current-menu-item > a, [class^=menu-header-][class$=-container] .menu .current-menu-parent > a, [class^=menu-header-][class$=-container] .menu .current-menu-parent .current-menu-item > a {
color: #186EDC;
text-decoration: underline;
}
[class^=menu-header-][class$=-container] .menu .current-menu-item > a[href*=about][href*="#"], [class^=menu-header-][class$=-container] .menu .current-menu-parent > a[href*=about][href*="#"], [class^=menu-header-][class$=-container] .menu .current-menu-parent .current-menu-item > a[href*=about][href*="#"] {
text-decoration: none;
color: #515151;
}
[class^=menu-header-][class$=-container] .menu .current-menu-item > a[href*=about][href*="#"]:hover, [class^=menu-header-][class$=-container] .menu .current-menu-parent > a[href*=about][href*="#"]:hover, [class^=menu-header-][class$=-container] .menu .current-menu-parent .current-menu-item > a[href*=about][href*="#"]:hover {
color: #186EDC;
}
[class^=menu-header-][class$=-container] .menu > .menu-item {
border-bottom: solid #EAEAEA 1px;
}
[class^=menu-header-][class$=-container] .menu > .menu-item:last-child {
border-bottom: none;
}
[class^=menu-header-][class$=-container] .menu > .menu-item > a {
display: flex;
align-items: center;
width: 100%;
min-height: 50px;
padding-left: 35px;
padding-right: 50px;
}
[class^=menu-header-][class$=-container] .sub-menu {
color: #939393;
border-top: solid #EAEAEA 1px;
padding-top: 15px;
padding-bottom: 15px;
}
[class^=menu-header-][class$=-container] .sub-menu a {
padding-left: 60px;
padding-right: 50px;
display: flex;
align-items: center;
width: 100%;
min-height: 40px;
}
[class^=menu-header-][class$=-container] .menu-item-has-children > a {
position: relative;
}
[class^=menu-header-][class$=-container] .menu-item-has-children > a::after {
content: "";
display: inline-flex;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.028' height='5.185' viewBox='0 0 9.028 5.185'%3E%3Cpath id='arrow' d='M288.15,624.11a.672.672,0,1,0-.951.951l3.841,3.841a.673.673,0,0,0,.951,0l3.841-3.841a.672.672,0,1,0-.951-.951l-3.368,3.367Z' transform='translate(-287.002 -623.913)' fill='%23186edc'/%3E%3C/svg%3E%0A") center center no-repeat;
transition: 0.3s;
}
[class^=menu-header-][class$=-container] .menu-item-has-children--open > a::after {
transform: rotate(180deg);
}
.header--desktop [class^=menu-header-][class$=-container] .menu {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
}
.header--desktop [class^=menu-header-][class$=-container] .menu > .menu-item {
border: none;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 15px;
}
.header--desktop [class^=menu-header-][class$=-container] .menu > .menu-item > a {
padding: 0 5px;
margin: 0;
border: none;
}
.header--desktop [class^=menu-header-][class$=-container] .menu-item-has-children {
position: relative;
}
.header--desktop [class^=menu-header-][class$=-container] .menu-item-has-children > a {
padding-right: 15px !important;
}
.header--desktop [class^=menu-header-][class$=-container] .menu-item-has-children > a::after {
width: 10px;
}
.header--desktop [class^=menu-header-][class$=-container] .menu-item-has-children:hover > a::after {
transform: rotate(180deg);
}
.header--desktop [class^=menu-header-][class$=-container] .menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all;
transform: translate(-50%, 0);
}
.header--desktop [class^=menu-header-][class$=-container] .sub-menu {
position: absolute;
left: 50%;
top: 100%;
opacity: 0;
pointer-events: none;
transform: translate(-50%, -20px);
transition: 0.3s;
background: white;
box-shadow: 0 10px 20px rgba(59, 59, 59, 0.3);
min-width: 295px;
padding: 35px 0;
}
.header--desktop [class^=menu-header-][class$=-container] .sub-menu::before {
content: "";
display: block;
width: 70px;
height: 3px;
background: #186EDC;
pointer-events: none;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.header--desktop [class^=menu-header-][class$=-container] .sub-menu a {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
color: #515151;
transition: color 0.3s;
padding: 0;
}
.header--desktop [class^=menu-header-][class$=-container] .sub-menu a:hover {
color: #186EDC;
}
.minicart {
position: relative;
}
.minicart__icon-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--header-toolbar-item-size);
text-decoration: none;
}
.minicart__icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: var(--header-toolbar-item-size);
height: var(--header-toolbar-item-size);
border-radius: 100%;
border: solid #186EDC 2px;
background-color: var(--header-toolbar-bg-color);
transition: 0.3s;
pointer-events: none;
}
.minicart__icon svg {
overflow: visible;
}
.minicart__icon-count {
position: relative;
padding-right: 25px;
padding-left: 5px;
color: white;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
pointer-events: none;
}
.minicart__icon-count::after {
pointer-events: none;
content: "";
display: inline-flex;
width: 10px;
height: 100%;
position: absolute;
right: 10px;
top: 0;
transition: 0.3s;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.027' height='5.185' viewBox='0 0 9.027 5.185'%3E%3Cpath id='cart-arrow' d='M1248.15,78.11a.672.672,0,0,0-.951.951l3.841,3.841a.672.672,0,0,0,.951,0l3.841-3.841a.672.672,0,0,0-.951-.951l-3.368,3.368Z' transform='translate(-1247.002 -77.913)' fill='%23fff'/%3E%3C/svg%3E%0A") center center no-repeat;
}
.minicart--full .minicart__icon-wrapper {
background-color: #186EDC;
}
.minicart__contents {
position: absolute;
top: calc(100% + 15px);
left: 50%;
width: 300px;
pointer-events: none;
transition: 0.3s;
opacity: 0;
transform: translate(-150px, -20px);
box-shadow: 0 10px 20px rgba(59, 59, 59, 0.3);
background: white;
padding: 15px;
}
.header-scrolled .minicart__contents {
top: calc(100% + 3px);
}
@media (min-width: 1200px) {
.minicart__contents {
left: auto;
right: 0;
transform: translate(0, -20px);
}
}
.minicart .mini_cart_item {
position: relative;
padding-left: 30px !important;
padding-top: 0 !important;
padding-bottom: 15px !important;
}
.minicart .mini_cart_item a.remove {
position: absolute;
top: 9px;
left: 0;
}
.minicart .mini_cart_item a:not(.remove) {
display: flex;
justify-content: space-between;
align-items: center;
color: #515151;
-webkit-text-decoration-color: #939393;
text-decoration-color: #939393;
}
.minicart .mini_cart_item a:not(.remove) img {
order: 2;
align-self: flex-start;
}
.minicart .mini_cart_item .quantity {
font-size: 90%;
line-height: 1;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #186EDC;
}
.minicart .mini_cart_item .amount {
color: #515151;
}
.minicart .total, .minicart .buttons {
text-align: center;
}
.minicart--open .minicart__icon-count::after {
transform: rotate(180deg);
}
.minicart--open .minicart__contents {
opacity: 1;
transform: translate(-150px, 0);
pointer-events: all;
}
@media (min-width: 1200px) {
.minicart--open .minicart__contents {
transform: translate(0, 0);
}
}
.woocommerce a.remove, .remove {
background: none !important;
display: inline-flex;
font-size: 0;
line-height: 0;
color: #939393 !important;
width: 16px;
height: 16px;
border: none;
transition: 0.3s;
}
.woocommerce a.remove svg, .remove svg {
overflow: visible;
fill: currentColor;
}
.woocommerce a.remove:hover, .remove:hover {
color: #ff0000 !important;
}
.woocommerce a.remove:focus, .woocommerce a.remove:active, .remove:focus, .remove:active {
color: #186EDC !important;
}
.modal {
display: none;
}
.modal--open {
display: block;
}
.modal__overlay {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(68, 78, 91, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.modal__container {
max-height: 95vh;
max-width: 480px;
position: relative;
background: white;
box-shadow: 0 5px 40px rgba(51, 59, 64, 0.8);
padding-top: 55px;
display: flex;
flex-direction: column;
}
.modal__content {
height: calc(100% - 25px);
padding: 0 25px 25px 25px;
overflow-y: auto;
}
.modal__close {
width: 18px;
height: 18px;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
top: 18px;
right: 18px;
color: #C9C9C9;
transition: 0.3s;
border: none;
background: none;
outline: none !important;
padding: 0;
margin: 0;
}
.modal__close:hover {
color: #186EDC;
}
.modal__close svg {
pointer-events: none;
}
@media (min-width: 768px) {
#modal-contact-us .modal__content {
padding: 0 85px 65px 85px;
}
}
#modal-team-item .modal__container {
min-width: 320px;
max-width: 575px;
}
@media (min-width: 768px) {
#modal-team-item .modal__container {
max-width: calc(100vw - 30px);
}
}
@media (min-width: 1200px) {
#modal-team-item .modal__container {
max-width: 1200px;
}
}
@media (min-width: 768px) {
#modal-team-item .modal__content {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
@media (min-width: 1200px) {
#modal-team-item .modal__content {
padding: 0 50px 50px 50px;
}
}
@media (min-width: 768px) {
.at__top {
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
}
.at__modal-photo {
width: 100%;
display: flex;
background: center center no-repeat;
background-size: cover;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.at__modal-photo {
width: 150px;
margin-right: 25px;
}
}
@media (min-width: 1200px) {
.at__modal-photo {
width: 200px;
}
}
.at__modal-photo::before {
content: "";
display: flex;
padding-top: 100%;
}
@media (min-width: 768px) {
.at__person {
max-width: calc(100% - 150px - 25px);
margin-bottom: 25px;
}
}
@media (min-width: 1200px) {
.at__person {
max-width: calc(100% - 200px - 25px);
}
}
.at__name {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
text-align: center;
}
@media (min-width: 768px) {
.at__name {
text-align: left;
}
}
@media (min-width: 1200px) {
.at__name {
font-size: 30px;
}
}
.at__position {
margin-top: 7px;
font-size: 15px;
color: #939393;
text-align: center;
}
@media (min-width: 768px) {
.at__position {
text-align: left;
}
}
@media (min-width: 1200px) {
.at__position {
font-size: 18px;
}
}
.at__socials {
margin-top: 20px;
}
@media (min-width: 1200px) {
.at__socials {
margin-top: 30px;
}
}
.at__socials-wrapper {
display: flex;
justify-content: center;
align-items: center;
margin-left: -7px;
margin-right: -7px;
}
@media (min-width: 768px) {
.at__socials-wrapper {
justify-content: flex-start;
}
}
.at__socials a, .at__socials a:visited {
font-size: 0;
line-height: 0;
display: inline-flex;
margin: 0 7px;
background: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-star-contact.svg) center center no-repeat;
background-size: contain;
width: 25px;
height: 25px;
}
.at__socials a[href*=facebook], .at__socials a:visited[href*=facebook] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-facebook-contact.svg);
}
.at__socials a[href*=twitter], .at__socials a:visited[href*=twitter] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-twitter-contact.svg);
}
.at__socials a[href*=linkedin], .at__socials a:visited[href*=linkedin] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-linkedin-contact.svg);
}
.at__socials a[href*=google], .at__socials a:visited[href*=google] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-google.svg);
}
.at__content {
margin-top: 20px;
}
@media (min-width: 1200px) {
.at__content {
margin-top: 38px;
}
}
.modal--image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.modal--image .modal__container {
max-width: 100vw;
}
@media (min-width: 1200px) {
.modal--image .modal__container {
max-width: 95vw;
}
}
.myaccount-login {
display: flex;
margin: 15px 0;
}
.myaccount-register-button {
margin-top: 15px !important;
}
.woocommerce-MyAccount-navigation {
margin-top: 30px;
margin-bottom: 30px;
}
.woocommerce-Address-title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.woocommerce-Address-title .edit {
margin-bottom: 20px;
}
.applications-page {
background: #EAEAEA;
border-top: solid #d1d1d1 1px;
padding-bottom: 60px;
position: relative;
z-index: 5;
}
@media (min-width: 768px) {
.applications-page {
border-top: none;
padding-bottom: 120px;
}
}
.applications-page__wrapper {
max-width: 966px;
margin-left: auto;
margin-right: auto;
}
.applications-page__wp-content {
margin-bottom: 40px;
}
.applications-page__items {
--items-gap: 30px;
margin-top: 60px;
}
@media (min-width: 768px) {
.applications-page__items {
--items-gap: 60px;
}
}
@media (min-width: 1200px) {
.applications-page__items {
margin-top: 80px;
}
}
.applications-page__item {
margin-bottom: var(--items-gap);
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
background: white;
}
.applications-page__item:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.applications-page__item {
flex-direction: row;
}
}
.applications-page__item .qdot-button, .applications-page__item .woocommerce a.button, .woocommerce .applications-page__item a.button, .applications-page__item .woocommerce a.submit, .woocommerce .applications-page__item a.submit, .applications-page__item .woocommerce button.button, .woocommerce .applications-page__item button.button, .applications-page__item .woocommerce button.submit, .woocommerce .applications-page__item button.submit, .applications-page__item .woocommerce input.button, .woocommerce .applications-page__item input.button, .applications-page__item .woocommerce input.submit, .woocommerce .applications-page__item input.submit, .applications-page__item .woocommerce #respond input#submit.button, .woocommerce #respond .applications-page__item input#submit.button, .applications-page__item .woocommerce #respond input#submit.submit, .woocommerce #respond .applications-page__item input#submit.submit, .applications-page__item .woocommerce-Address-title .edit, .woocommerce-Address-title .applications-page__item .edit {
min-width: 130px;
}
.applications-page__item-image {
width: 100%;
display: flex;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
--border: solid #EAEAEA 1px;
border-bottom: var(--border);
}
@media (min-width: 768px) {
.applications-page__item-image {
width: 50%;
border-bottom: none;
border-right: var(--border);
}
}
.applications-page__item-image::before {
content: "";
display: block;
padding-top: 64.4958677686%;
}
.applications-page__item-info {
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
@media (min-width: 768px) {
.applications-page__item-info {
width: 50%;
text-align: left;
align-items: flex-start;
padding: 20px 20px 20px 40px;
}
}
@media (min-width: 1200px) {
.applications-page__item-info {
padding: 44px 44px 54px 54px;
}
}
.applications-page__item-title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #186EDC;
font-size: 20px;
line-height: 1.2;
margin-bottom: 1em;
}
@media (min-width: 1200px) {
.applications-page__item-title {
font-size: 26px;
}
}
.applications-page__item-related {
margin-top: 35px;
}
.applications-page__item-related-title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 14px;
line-height: 1;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.applications-page__item-related-title {
font-size: 16px;
}
}
.applications-page__item-related-item {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.2;
}
@media (min-width: 1200px) {
.applications-page__item-related-item {
font-size: 16px;
}
}
.applications-page__item-related-item:last-child {
margin-bottom: 0;
}
.applications-page__item-related-item a {
color: #939393;
text-decoration: none;
}
.contact-page {
padding-bottom: 80px;
}
@media (min-width: 1200px) {
.contact-page {
padding-bottom: 160px;
}
}
.contact-page__top,
.contact-page__bottom {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.contact-page__top,
.contact-page__bottom {
max-width: 100%;
}
}
.contact-page__top {
margin-top: 70px;
margin-bottom: 70px;
}
.contact-page__top-right {
margin-top: 70px;
}
@media (min-width: 1200px) {
.contact-page__top {
display: flex;
justify-content: space-between;
}
.contact-page__top-left {
width: 720px;
}
.contact-page__top-right {
width: 354px;
margin-top: 0;
}
}
.contact-page__bottom {
margin-bottom: 0;
}
.contact-page__bottom .contact-page__title {
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.contact-page__bottom .contact-page__title {
margin-bottom: 100px;
}
}
@media (min-width: 1200px) {
.contact-page__bottom .contact-page__geo-map {
width: 333px;
}
.contact-page__bottom .contact-page__geo-info {
width: calc(100% - 333px - 54px);
}
}
.contact-page__geo {
display: flex;
flex-direction: column-reverse;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 768px) {
.contact-page__geo {
flex-direction: row;
justify-content: space-between;
}
.contact-page__geo-info, .contact-page__geo-map {
width: calc(50% - 24px);
}
}
@media (min-width: 1200px) {
.contact-page__geo-info, .contact-page__geo-map {
width: calc(50% - 27px);
}
}
.contact-page__geo + .contact-page__geo {
margin-top: 80px;
}
@media (min-width: 768px) {
.contact-page__geo + .contact-page__geo {
margin-top: 120px;
}
}
.contact-page__geo-info > *:last-child {
margin-bottom: 0;
}
.contact-page__geo-partner_name {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 20px;
line-height: 22px;
margin-bottom: 20px;
}
.contact-page__geo-logo {
margin-bottom: 20px;
}
.contact-page__geo-email {
margin-bottom: 20px;
}
.contact-page__geo-email + .contact-page__geo-email {
margin-top: -20px;
}
.contact-page__geo-email a, .contact-page__geo-email a:visited {
color: #939393;
font-family: "Whitney Book Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.contact-page__geo-phones {
margin-bottom: 20px;
}
.contact-page__geo-phones a, .contact-page__geo-phones a:visited {
color: #939393;
font-family: "Whitney Book Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-decoration: none;
}
.contact-page__geo-social {
display: flex;
margin-left: -7px;
margin-right: -7px;
}
.contact-page__geo-social a, .contact-page__geo-social a:visited {
font-size: 0;
line-height: 0;
display: inline-flex;
margin: 0 7px;
background: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-star-contact.svg) center center no-repeat;
background-size: contain;
width: 25px;
height: 25px;
}
.contact-page__geo-social a[href*=facebook], .contact-page__geo-social a:visited[href*=facebook] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-facebook-contact.svg);
}
.contact-page__geo-social a[href*=twitter], .contact-page__geo-social a:visited[href*=twitter] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-twitter-contact.svg);
}
.contact-page__geo-social a[href*=linkedin], .contact-page__geo-social a:visited[href*=linkedin] {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-linkedin-contact.svg);
}
.contact-page__geo-address {
margin-bottom: 20px;
}
.contact-page__geo-address > :first-child {
margin-top: 0;
}
.contact-page__geo-address > :last-child {
margin-bottom: 0;
}
.contact-page__geo-address > * {
margin-bottom: 0;
}
.contact-page__geo-address > * + * {
margin-top: 10px;
}
.contact-page__geo-map {
margin-top: 25px;
height: 300px;
}
@media (min-width: 768px) {
.contact-page__geo-map {
margin-top: 0;
}
}
.contact-page__geo-map iframe {
height: 100% !important;
width: 100% !important;
}
.contact-page__geo-title {
margin-bottom: 25px;
}
.contact-page__geo-partner-name {
font-size: 1.222em;
margin-bottom: 0.5em;
line-height: 1.2;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.contact-page__geo-title + .contact-page__geo-partner-name {
margin-top: -10px;
}
.contact-page .contact-form {
--input-background-color: white;
background: #EAEAEA;
padding: 40px 20px;
}
@media (min-width: 1200px) {
.contact-page .contact-form {
padding: 48px 48px 67px 48px;
}
.contact-page .contact-form__title {
text-align: left;
}
.contact-page .contact-form .form-submit__wrapper {
justify-content: flex-start;
}
}
.shipping-page {
padding-bottom: 80px;
font-size: 14px;
}
@media (min-width: 768px) {
.shipping-page {
padding-bottom: 120px;
font-size: 16px;
}
}
@media (min-width: 1200px) {
.shipping-page {
font-size: 18px;
}
}
.shipping-page__subtitle {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
line-height: 1.2;
text-align: center;
}
@media (min-width: 768px) {
.shipping-page__subtitle {
font-size: 22px;
}
}
.shipping-page__row {
margin-top: 40px;
}
@media (min-width: 768px) {
.shipping-page__row {
margin-top: 60px;
}
}
.shipping-page__row-title {
font-size: 1.444em;
line-height: 1.2;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-bottom: 1em;
color: #186EDC;
}
.shipping-page__columns-items, .shipping-page__services {
--columns-count: 1;
--columns-gap: 28px;
padding: calc(var(--columns-gap) / 2);
margin: calc(var(--columns-gap) / 2 * -1);
}
@media (min-width: 768px) {
.shipping-page__columns-items, .shipping-page__services {
--columns-count: 2;
--columns-gap: 54px;
}
}
.shipping-page__columns-wrapper, .shipping-page__services-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin: calc(var(--columns-gap) / 2 * -1);
}
@media (min-width: 768px) {
.shipping-page__columns-wrapper, .shipping-page__services-wrapper {
flex-direction: row;
}
}
.shipping-page__column, .shipping-page__services-item {
width: calc(100% / var(--columns-count) - var(--columns-gap));
margin: calc(var(--columns-gap) / 2);
}
.shipping-page__column:only-child, .shipping-page__services-item:only-child {
width: 100%;
}
.shipping-page__column-title {
font-size: 1.111em;
line-height: 1.2;
margin-bottom: 0.88em;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.shipping-page__services {
margin-top: calc(90px - (var(--columns-gap) / 2));
--image-width: 50px;
--image-margin: 12px;
}
@media (min-width: 768px) {
.shipping-page__services {
--image-width: 90px;
}
}
.shipping-page__services-item {
display: flex;
align-items: center;
color: #186EDC;
line-height: 1.4;
}
.shipping-page__services-image {
width: var(--image-width);
margin-right: var(--image-margin);
display: flex;
justify-content: center;
}
.shipping-page__services-image img {
max-width: 100%;
width: auto;
height: auto;
}
.shipping-page__services-text {
width: calc(100% - var(--image-width) - var(--image-margin));
}
.shipping-page__services-text:only-child {
width: 100%;
}
.page-title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 30px;
line-height: 36px;
color: #515151;
text-align: center;
margin: 12px 0;
}
@media (min-width: 768px) {
.page-title {
font-size: 44px;
line-height: 1.2;
margin: 22px 0;
}
}
.products-portfolio-page__main {
padding-bottom: 80px;
}
@media (min-width: 768px) {
.products-portfolio-page__main {
padding-bottom: 100px;
}
}
@media (min-width: 1200px) {
.products-portfolio-page__main {
padding-bottom: 120px;
}
}
.products-portfolio-page__title-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.products-portfolio-page__title-wrapper {
position: relative;
}
.products-portfolio-page__title-wrapper .qdot-button, .products-portfolio-page__title-wrapper .woocommerce a.button, .woocommerce .products-portfolio-page__title-wrapper a.button, .products-portfolio-page__title-wrapper .woocommerce a.submit, .woocommerce .products-portfolio-page__title-wrapper a.submit, .products-portfolio-page__title-wrapper .woocommerce button.button, .woocommerce .products-portfolio-page__title-wrapper button.button, .products-portfolio-page__title-wrapper .woocommerce button.submit, .woocommerce .products-portfolio-page__title-wrapper button.submit, .products-portfolio-page__title-wrapper .woocommerce input.button, .woocommerce .products-portfolio-page__title-wrapper input.button, .products-portfolio-page__title-wrapper .woocommerce input.submit, .woocommerce .products-portfolio-page__title-wrapper input.submit, .products-portfolio-page__title-wrapper .woocommerce #respond input#submit.button, .woocommerce #respond .products-portfolio-page__title-wrapper input#submit.button, .products-portfolio-page__title-wrapper .woocommerce #respond input#submit.submit, .woocommerce #respond .products-portfolio-page__title-wrapper input#submit.submit, .products-portfolio-page__title-wrapper .woocommerce-Address-title .edit, .woocommerce-Address-title .products-portfolio-page__title-wrapper .edit {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
}
.products-portfolio-page__category-tagline {
max-width: 768px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
}
@media (min-width: 1200px) {
.products-portfolio-page__category-tagline {
padding-bottom: 80px;
}
}
.products-portfolio-page__category-tagline > :first-child {
margin-top: 0;
}
.products-portfolio-page__category-wrapper {
padding-top: 40px;
}
@media (min-width: 1200px) {
.products-portfolio-page__category-wrapper {
padding-top: 60px;
}
}
.about-page__intro {
padding-bottom: 40px;
}
@media (min-width: 768px) {
.about-page__intro {
padding-bottom: 60px;
}
}
@media (min-width: 1200px) {
.about-page__intro {
padding-bottom: 80px;
}
}
.about-page__intro-content {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.about-page__title {
margin-bottom: 40px;
}
}
.about-page__park {
display: flex;
justify-content: center;
background: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/park-bg.jpg) center center no-repeat;
background-size: cover;
}
.about-page__park .container {
display: flex;
justify-content: center;
}
@media (min-width: 1200px) {
.about-page__park .container {
justify-content: flex-end;
}
}
.about-page__park-wrapper {
height: 100%;
background-color: rgba(255, 255, 255, 0.85);
margin-left: -15px;
margin-right: -15px;
padding: 40px 15px;
}
@media (min-width: 768px) {
.about-page__park-wrapper {
margin-left: 0;
margin-right: 0;
padding: 60px 25px;
}
}
@media (min-width: 1200px) {
.about-page__park-wrapper {
width: 50%;
padding: 85px 60px 80px 45px;
}
}
.about-page__park-heading {
font-size: 22px;
line-height: 1.2;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-bottom: 1.23em;
}
.about-page__park-heading a {
color: #186EDC;
text-decoration: underline;
}
@media (min-width: 1200px) {
.about-page__park-heading {
font-size: 30px;
}
}
.about-page__park-content {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.about-page__section-heading {
font-size: 22px;
line-height: 1.2;
color: #186EDC;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-bottom: 1.13em;
text-align: center;
}
@media (min-width: 768px) {
.about-page__section-heading {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.about-page__section-heading {
font-size: 44px;
}
}
.about-page__text-section-wrapper {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.about-page__text-section {
padding: 40px 0 60px;
}
@media (min-width: 768px) {
.about-page__text-section {
padding: 60px 0 80px;
}
}
@media (min-width: 1200px) {
.about-page__text-section {
padding: 65px 0 100px;
}
}
.about-page__image-text {
display: flex;
justify-content: center;
background-size: cover;
background-color: #969595;
color: white;
}
.about-page__image-text .container {
display: flex;
justify-content: center;
}
@media (min-width: 1200px) {
.about-page__image-text .container {
justify-content: flex-end;
}
}
.about-page__image-text a {
color: white;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.about-page__image-text-heading {
font-size: 22px;
line-height: 1.2;
margin-bottom: 1.23em;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 1200px) {
.about-page__image-text-heading {
font-size: 1.66em;
}
}
.about-page__image-text-wrapper {
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
margin-left: -15px;
margin-right: -15px;
padding: 40px 15px;
}
@media (min-width: 768px) {
.about-page__image-text-wrapper {
margin-left: 0;
margin-right: 0;
padding: 60px 25px;
}
}
@media (min-width: 1200px) {
.about-page__image-text-wrapper {
width: 50%;
padding: 110px 0 120px 0;
background-color: transparent;
}
}
.about-page__technology {
background: black url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/tech-bg-v3.jpg) center center no-repeat;
color: white;
}
.about-page__capacity {
background: black url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/capacity-bg.jpg) bottom center no-repeat;
}
.about-page__capacity-wrapper {
background-color: rgba(255, 255, 255, 0.85);
color: #515151;
margin-left: -15px;
margin-right: -15px;
padding: 40px 15px;
}
@media (min-width: 768px) {
.about-page__capacity-wrapper {
margin-left: 0;
margin-right: 0;
padding: 60px 25px;
}
}
@media (min-width: 1200px) {
.about-page__capacity-wrapper {
width: 50%;
padding: 85px 60px 80px 45px;
}
}
.about-page__team-heading {
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.about-page__team-heading {
margin-bottom: 27px;
}
}
.about-page__team {
padding: 40px 0 60px;
}
@media (min-width: 768px) {
.about-page__team {
padding: 60px 0 80px;
}
}
@media (min-width: 1200px) {
.about-page__team {
padding: 80px 0 130px;
}
}
.about-page__team-sub {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
text-align: center;
margin-bottom: 1.36em;
}
@media (min-width: 1200px) {
.about-page__team-sub {
font-size: 22px;
}
}
.about-page__team-content {
max-width: 768px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.about-page__team-row {
margin-top: 40px;
}
.about-page__team-row + .about-page__team-row {
margin-top: 60px;
}
@media (min-width: 1200px) {
.about-page__team-row {
margin-top: 70px;
}
.about-page__team-row + .about-page__team-row {
margin-top: 90px;
}
}
.about-page__team-row-heading {
margin-bottom: 25px;
}
.about-page__team-row {
--grid-row-items: 2;
--grid-gap: 20px;
}
@media (min-width: 768px) {
.about-page__team-row {
--grid-gap: 30px;
}
.about-page__team-row--advisory {
--grid-row-items: 3;
}
}
@media (min-width: 1200px) {
.about-page__team-row {
--grid-row-items: 4;
--grid-gap: 54px;
}
.about-page__team-row--advisory {
--grid-row-items: 5;
}
}
.about-page__team-item {
cursor: pointer;
}
.about-page__team-row-items-wrapper {
margin: calc(var(--grid-gap) / 2 * -1);
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.about-page__team-item-wrapper {
padding: calc(var(--grid-gap) / 2);
width: calc(100% / var(--grid-row-items));
}
.about-page__team-item-modal {
display: none;
}
.about-page__team-item-photo {
display: flex;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #EAEAEA;
}
.about-page__team-item-photo::before {
content: "";
padding-top: 100%;
}
.about-page__team-item-name {
margin-top: 17px;
font-size: 16px;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.about-page__team-item-name--advisory {
margin-top: 15px;
font-size: 14px;
}
@media (min-width: 768px) {
.about-page__team-item-name {
font-size: 18px;
}
.about-page__team-item-name--advisory {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.about-page__team-item-name {
font-size: 22px;
}
.about-page__team-item-name--advisory {
font-size: 18px;
}
}
.about-page__team-item-position {
font-size: 10px;
color: #939393;
margin-top: 3px;
}
@media (min-width: 768px) {
.about-page__team-item-position {
font-size: 13px;
}
}
@media (min-width: 1200px) {
.about-page__team-item-position {
font-size: 16px;
}
}
.about-page__quality {
background: #EAEAEA;
padding: 40px 0 60px;
}
@media (min-width: 768px) {
.about-page__quality {
padding: 60px 0 80px;
}
}
@media (min-width: 1200px) {
.about-page__quality {
padding: 70px 0 100px;
}
}
.about-page__quality-row {
--grid-row-items: 2;
--grid-gap: 20px;
}
.about-page__quality-row + .about-page__quality-row {
margin-top: calc(var(--grid-gap) / 2);
}
@media (min-width: 768px) {
.about-page__quality-row {
--grid-gap: 30px;
}
}
@media (min-width: 1200px) {
.about-page__quality-row {
--grid-row-items: 4;
--grid-gap: 52px;
}
}
.about-page__quality-row-wrapper {
margin: calc(var(--grid-gap) / 2 * -1);
display: flex;
flex-wrap: wrap;
}
.about-page__quality-item-wrapper {
padding: calc(var(--grid-gap) / 2);
width: calc(100% / var(--grid-row-items));
height: 100%;
}
.about-page__quality-item-wrapper--content {
width: 100%;
}
@media (min-width: 1200px) {
.about-page__quality-item-wrapper--content {
width: 50%;
}
}
@media (min-width: 1200px) {
.about-page__quality-item-wrapper--wide {
width: 50%;
}
}
.about-page__quality-item--card {
background: white;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
min-height: 270px;
}
@media (min-width: 768px) {
.about-page__quality-item--card {
min-height: 438px;
}
}
@media (min-width: 1200px) {
.about-page__quality-item--card {
min-height: 364px;
}
}
@media (min-width: 1200px) {
.about-page__quality-item--wide {
text-align: left;
min-height: 256px;
flex-direction: row;
}
}
.about-page__quality-item-photo {
width: 100%;
display: flex;
background: center center no-repeat;
background-size: contain;
}
.about-page__quality-item-photo::before {
display: flex;
content: "";
padding-top: 100%;
}
@media (min-width: 1200px) {
.about-page__quality-item-photo--wide {
width: 256px;
}
}
.about-page__quality-item-copy {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 10px 25px 10px;
}
@media (min-width: 1200px) {
.about-page__quality-item-copy {
padding: 5px 12px 32px 12px;
}
}
@media (min-width: 1200px) {
.about-page__quality-item-copy--wide {
width: calc(100% - 256px);
text-align: left;
align-items: flex-start;
}
}
.about-page__quality-item-name {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
line-height: 1.2;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.about-page__quality-item-name {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.about-page__quality-item-name {
font-size: 22px;
}
}
.about-page__quality-item-tagline {
font-size: 12px;
color: #939393;
}
@media (min-width: 768px) {
.about-page__quality-item-tagline {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.about-page__quality-item-tagline {
font-size: 18px;
}
}
.qdot-product-grid {
--grid-gap-x: 30px;
--grid-gap-y: 60px;
--grid-row-items: 1;
--slider-arrow-padding-y: 0;
--slider-arrows-margin-top: 48px;
}
@media (min-width: 768px) {
.qdot-product-grid {
--grid-row-items: 2;
--slider-arrows-margin-top: 67px;
}
}
@media (min-width: 1200px) {
.qdot-product-grid {
--grid-gap-x: 54px;
--grid-gap-y: 80px;
--grid-row-items: 3;
}
}
.qdot-product-grid .swiper-container {
padding-bottom: calc(var(--slider-arrow-size) + var(--slider-arrows-margin-top) - (var(--grid-gap-y) / 2));
}
.qdot-product-grid__wrapper {
margin: calc((var(--grid-gap-y) / 2) * -1) calc((var(--grid-gap-x) / 2) * -1);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.qdot-product-grid__wrapper--grid {
flex-direction: column;
}
@media (min-width: 768px) {
.qdot-product-grid__wrapper--grid {
flex-direction: row;
}
}
.qdot-product-grid__item {
padding: calc(var(--grid-gap-y) / 2) calc(var(--grid-gap-x) / 2);
}
.qdot-product-grid__item--grid {
width: calc(100% / var(--grid-row-items));
}
.qdot-product-grid__item-wrapper {
display: flex;
flex-direction: column;
border-radius: 12px;
border: solid #EAEAEA 1px;
background: white;
overflow: hidden;
text-align: center;
text-decoration: none;
color: #515151;
transition: 0.3s;
}
.qdot-product-grid__item-wrapper:hover {
box-shadow: 2px 2px 36px rgba(52, 59, 69, 0.2);
}
.qdot-product-grid__item-image {
width: 100%;
display: flex;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.qdot-product-grid__item-image::before {
content: "";
display: flex;
padding-top: 69.491525%;
}
.qdot-product-grid__item-data {
padding: 15px 20px 30px 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1200px) {
.qdot-product-grid__item-data {
padding: 25px 15px 35px 15px;
}
}
.qdot-product-grid__item-title {
display: flex;
justify-content: center;
align-items: center;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 20px;
line-height: 1.2;
text-decoration: none;
color: #186EDC;
}
@media (min-width: 768px) {
.qdot-product-grid__item-title {
min-height: 65px;
}
}
@media (min-width: 1200px) {
.qdot-product-grid__item-title {
font-size: 26px;
line-height: 32px;
}
}
.qdot-product-grid__item-price {
font-size: 16px;
line-height: 1;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-top: 15px;
}
@media (min-width: 1200px) {
.qdot-product-grid__item-price {
font-size: 18px;
}
}
.qdot-product-grid__item-cta {
margin-top: 15px;
}
.qdot-product-grid__item-cta .qdot-button, .qdot-product-grid__item-cta .woocommerce a.button, .woocommerce .qdot-product-grid__item-cta a.button, .qdot-product-grid__item-cta .woocommerce a.submit, .woocommerce .qdot-product-grid__item-cta a.submit, .qdot-product-grid__item-cta .woocommerce button.button, .woocommerce .qdot-product-grid__item-cta button.button, .qdot-product-grid__item-cta .woocommerce button.submit, .woocommerce .qdot-product-grid__item-cta button.submit, .qdot-product-grid__item-cta .woocommerce input.button, .woocommerce .qdot-product-grid__item-cta input.button, .qdot-product-grid__item-cta .woocommerce input.submit, .woocommerce .qdot-product-grid__item-cta input.submit, .qdot-product-grid__item-cta .woocommerce #respond input#submit.button, .woocommerce #respond .qdot-product-grid__item-cta input#submit.button, .qdot-product-grid__item-cta .woocommerce #respond input#submit.submit, .woocommerce #respond .qdot-product-grid__item-cta input#submit.submit, .qdot-product-grid__item-cta .woocommerce-Address-title .edit, .woocommerce-Address-title .qdot-product-grid__item-cta .edit {
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 1200px) {
.qdot-product-grid__item-cta {
margin-top: 28px;
}
.qdot-product-grid__item-cta .qdot-button, .qdot-product-grid__item-cta .woocommerce a.button, .woocommerce .qdot-product-grid__item-cta a.button, .qdot-product-grid__item-cta .woocommerce a.submit, .woocommerce .qdot-product-grid__item-cta a.submit, .qdot-product-grid__item-cta .woocommerce button.button, .woocommerce .qdot-product-grid__item-cta button.button, .qdot-product-grid__item-cta .woocommerce button.submit, .woocommerce .qdot-product-grid__item-cta button.submit, .qdot-product-grid__item-cta .woocommerce input.button, .woocommerce .qdot-product-grid__item-cta input.button, .qdot-product-grid__item-cta .woocommerce input.submit, .woocommerce .qdot-product-grid__item-cta input.submit, .qdot-product-grid__item-cta .woocommerce #respond input#submit.button, .woocommerce #respond .qdot-product-grid__item-cta input#submit.button, .qdot-product-grid__item-cta .woocommerce #respond input#submit.submit, .woocommerce #respond .qdot-product-grid__item-cta input#submit.submit, .qdot-product-grid__item-cta .woocommerce-Address-title .edit, .woocommerce-Address-title .qdot-product-grid__item-cta .edit {
min-width: 170px;
height: 48px;
border-radius: 24px;
font-size: 18px;
}
}
.quantity {
--quantity-buttons-width: 40px;
}
.quantity [type=number] {
position: relative;
z-index: 5;
}
.quantity [type=number]:not(:focus) {
-moz-appearance: textfield;
}
.quantity [type=number]::-webkit-inner-spin-button, .quantity [type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity__wrapper {
display: inline-flex;
width: var(--quantity-width, 100px);
height: 48px;
position: relative;
background: #EAEAEA;
}
.quantity__input {
width: calc(100% - var(--quantity-buttons-width));
}
.quantity__input [type=number] {
width: 100% !important;
height: 100%;
background: none;
border: none;
border-radius: 0;
font-size: 18px;
padding: 0 5px;
}
.quantity__buttons {
width: var(--quantity-buttons-width);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
z-index: 10;
right: 0;
top: 0;
}
.quantity__button {
width: 100%;
height: calc(50% - 5px);
background: none;
border: none;
border-radius: 0;
color: #939393;
transition: color 0.3s;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
.quantity__button:hover {
color: #186EDC;
}
.quantity__button svg {
fill: currentColor;
pointer-events: none;
}
.quantity__button--up svg {
transform: scaleY(-1);
}
.regular-page__wrapper {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
.regular-page .regular-page__title {
margin: 33px 0;
}
.news-page {
background: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/accordion-lines.svg) no-repeat left -200px;
padding: 0 15px 145px;
}
@media screen and (min-width: 768px) {
.news-page .news-page__wrapper {
display: grid;
max-width: 750px;
margin: 0 auto 145px;
grid-template-columns: 3fr 5fr;
gap: 45px;
}
}
@media screen and (min-width: 1200px) {
.news-page .news-page__wrapper {
grid-template-columns: 4fr 8fr;
}
}
@media screen and (min-width: 1200px) {
.news-page .news-page__wrapper {
max-width: 1200px;
}
}
.news-page .news-list {
display: none;
}
.news-page .news-list--active {
display: block;
}
@media screen and (min-width: 768px) {
.news-page .news-list {
display: block;
}
}
.news-page .news-page-accordion {
list-style-type: none;
padding-left: 0;
}
.news-page .news-page-accordion__item--active .news-per-year-list {
display: block;
}
.news-page .news-page-accordion__item--active:last-child .news-per-year-list__year::after {
display: block !important;
}
.news-page .news-page-accordion__item:first-child .news-per-year-list__year::before {
display: none;
}
.news-page .news-page-accordion__item:last-child .news-per-year-list__item:last-child::before {
bottom: 10px;
}
.news-page .news-page-accordion__item:last-child .news-per-year-list__year::after {
display: none;
}
.news-page .news-per-year-list {
display: none;
list-style: none;
padding-left: 0;
position: relative;
z-index: 8;
}
.news-page .news-per-year-list__item {
display: flex;
align-items: center;
padding: 10px 0;
position: relative;
}
.news-page .news-per-year-list__item::before {
position: absolute;
z-index: -1;
content: "";
display: block;
top: 0;
bottom: 0;
left: 28px;
width: 2px;
background: #d3d6d9;
}
.news-page .news-page-recent__title {
color: #939393;
font-size: 14px;
}
.news-page .news-page-recent__list {
list-style: none;
padding-left: 0;
position: relative;
z-index: 8;
}
.news-page .news-page-recent__list__item {
display: flex;
align-items: center;
padding: 10px 0;
position: relative;
}
.news-page .news-page-recent__list__item::before {
position: absolute;
z-index: -1;
content: "";
display: block;
top: 0;
bottom: 0;
left: 28px;
width: 2px;
background: #d3d6d9;
}
.news-page .news-per-year-list__year {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 36px;
line-height: 47px;
cursor: pointer;
position: relative;
z-index: 1;
padding: 10px 0;
}
.news-page .news-per-year-list__year:hover {
font-size: 40px;
}
.news-page .news-per-year-list__year::before {
position: absolute;
z-index: -1;
content: "";
display: block;
top: 0;
height: 20px;
left: 28px;
width: 2px;
background: #d3d6d9;
}
.news-page .news-per-year-list__year::after {
position: absolute;
z-index: -1;
content: "";
display: block;
bottom: 0;
height: 17px;
left: 28px;
width: 2px;
background: #d3d6d9;
}
.news-page .news-page-accordion__link {
display: flex;
flex: 1;
gap: 10px;
align-items: center;
text-decoration: none;
color: #515151;
font-size: 17px;
line-height: 22px;
}
@media screen and (min-width: 768px) {
.news-page .news-page-accordion__link {
font-size: 18px;
line-height: 24px;
}
}
.news-page .news-page-accordion__link:hover {
color: #186EDC;
}
.news-page .news-page-accordion__link:hover .news-page-accordion__date {
background: #515151;
border-color: #515151;
}
.news-page .news-page-accordion__link:hover .news-page-accordion__date .news-page-accordion__day,
.news-page .news-page-accordion__link:hover .news-page-accordion__date .news-page-accordion__month,
.news-page .news-page-accordion__link:hover .news-page-accordion__date .news-page-accordion__year {
color: #FFFFFF;
text-decoration: none;
}
.news-page .news-page-accordion__link:hover .news-page-accordion__title {
text-decoration: underline;
}
.news-page .news-page-accordion__link--current,
.news-page .news-page-accordion__link--current:hover {
color: #186EDC;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-decoration: none;
}
.news-page .news-page-accordion__link--current .news-page-accordion__date,
.news-page .news-page-accordion__link--current:hover .news-page-accordion__date {
background: #186EDC;
border-color: #186EDC;
}
.news-page .news-page-accordion__link--current .news-page-accordion__date .news-page-accordion__day,
.news-page .news-page-accordion__link--current .news-page-accordion__date .news-page-accordion__month,
.news-page .news-page-accordion__link--current .news-page-accordion__date .news-page-accordion__year,
.news-page .news-page-accordion__link--current:hover .news-page-accordion__date .news-page-accordion__day,
.news-page .news-page-accordion__link--current:hover .news-page-accordion__date .news-page-accordion__month,
.news-page .news-page-accordion__link--current:hover .news-page-accordion__date .news-page-accordion__year {
color: #FFFFFF;
text-decoration: none;
}
.news-page .news-page-accordion__link--current .news-page-accordion__title,
.news-page .news-page-accordion__link--current:hover .news-page-accordion__title {
text-decoration: none;
}
.news-page .news-page-accordion__date {
width: 58px;
height: 58px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 100px;
border: 2px solid #d3d6d9;
text-align: center;
line-height: 1;
}
.news-page .news-page-accordion__day {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 23px;
color: #515151;
width: 58px;
}
.news-page .news-page-accordion__month {
font-size: 12px;
color: #186EDC;
}
.news-page .news-page-accordion__year {
font-size: 9px;
color: #a3a3a3;
}
.news-page .news-content {
display: none;
}
.news-page .news-content--active {
display: block;
}
@media screen and (min-width: 768px) {
.news-page .news-content {
display: block;
}
}
.news-page .news-page__title {
color: #186EDC;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin-top: 0;
margin-bottom: 18px;
}
.news-page .news-page__date {
font-size: 12px;
color: #939393;
margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
.news-page .news-page__back-block {
display: none;
}
}
.news-page .news-page__back-block--top {
margin-bottom: 15px;
position: sticky;
top: 15px;
z-index: 9;
}
.news-page .news-page__back-btn {
border: 0;
}
.news-page .news-page__back-btn .news-page__back-icon svg {
vertical-align: middle;
}
.news-page .news-page__back-btn--top {
background: rgba(24, 110, 220, 0.5);
border-radius: 0 18px 18px 0;
padding: 0 15px;
margin-left: -15px;
font-size: 10px;
color: #FFFFFF;
line-height: 30px;
}
.news-page .news-page__back-btn--top svg {
margin-left: -10px;
padding-right: 10px;
}
.news-page .news-page__back-btn--bottom {
font-size: 16px;
color: #FFFFFF;
line-height: 32px;
padding: 0 22px;
margin-top: 15px;
background: #186EDC;
border-radius: 100px;
}
@media screen and (min-width: 768px) {
.news-page .news-page-recent {
display: none;
}
}
.news-page iframe {
aspect-ratio: 16/9;
width: 100%;
height: auto;
}
.application-page {
position: relative;
z-index: 5;
}
.application__wrapper {
max-width: 768px;
margin-left: auto;
margin-right: auto;
display: block;
padding: 0;
}
.application__hero-top {
background-color: #EAEAEA;
background-position: center center;
background-size: cover;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 150px;
}
@media (min-width: 768px) {
.application__hero-top {
min-height: 200px;
}
}
@media (min-width: 1200px) {
.application__hero-top {
min-height: 250px;
}
}
.application__hero-top::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #252525;
background: linear-gradient(0deg, rgba(37, 37, 37, 0.7) 0%, rgba(37, 37, 37, 0.6) 30%, rgba(37, 37, 37, 0) 100%);
z-index: 10;
pointer-events: none;
}
.application__hero-wrapper {
position: relative;
z-index: 20;
padding: 40px 0;
}
@media (min-width: 768px) {
.application__hero-wrapper {
padding: 60px 0;
}
}
@media (min-width: 1200px) {
.application__hero-wrapper {
padding: 100px 0;
}
}
.application__hero-h1 {
font-size: 28px;
line-height: 1.3;
color: white;
text-shadow: 3px 4px 6px black;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: normal;
text-align: center;
margin: 0;
}
@media (min-width: 768px) {
.application__hero-h1 {
font-size: 42px;
}
}
@media (min-width: 1200px) {
.application__hero-h1 {
font-size: 55px;
}
}
.application__hero-intro {
background: #EAEAEA;
}
.application__hero-intro .qdot-breadcrumbs {
padding-bottom: 0;
margin-bottom: 0;
}
.application__hero-intro-content {
padding: 40px 0;
font-size: 14px;
line-height: 1.66;
}
@media (min-width: 768px) {
.application__hero-intro-content {
font-size: 16px;
padding: 60px 0;
}
}
@media (min-width: 1200px) {
.application__hero-intro-content {
font-size: 18px;
padding: 80px 0;
}
}
.application__hero-intro-content > :first-child {
margin-top: 0;
}
.application__hero-intro-content > :last-child {
margin-bottom: 0;
}
.application-page__main {
padding: 50px 0 90px;
}
.application-page__main .qdot-tabs__wrapper {
justify-content: center;
}
@media (min-width: 768px) {
.application-page__main {
padding: 60px 0 100px;
}
}
@media (min-width: 1200px) {
.application-page__main {
padding: 70px 0 110px;
}
}
.application-page__tab-top {
padding-top: 50px;
padding-bottom: 25px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
.application-page__tab-top {
padding-top: 55px;
flex-direction: row;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.application-page__tab-top {
padding-top: 70px;
padding-bottom: 40px;
}
}
.application-page__tab-label {
font-size: 24px;
line-height: 1;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-align: center;
color: #186EDC;
}
@media (min-width: 1200px) {
.application-page__tab-label {
text-align: left;
font-size: 30px;
}
}
.application-page__tab--related .application__wrapper {
max-width: 100%;
}
.application-page__tab--related .application-page__tab-top {
justify-content: center;
}
.application-page__tab--related .application-page__tab-label {
text-align: center;
}
.technical__file {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: left;
font-size: 16px;
line-height: 1;
margin-top: 20px;
}
@media (min-width: 768px) {
.technical__file {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.technical__file {
font-size: 18px;
}
}
.technical__file a {
color: #186EDC;
display: inline-flex;
justify-content: center;
align-items: center;
}
.technical__file .icon {
margin-right: 14px;
}
.single-product__top {
background: #EAEAEA;
border-top: solid #d1d1d1 1px;
padding-bottom: 50px;
}
@media (min-width: 768px) {
.single-product__top {
border-top: none;
padding-bottom: 90px;
}
}
.single-product__title {
text-align: center;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 30px;
line-height: 36px;
margin: 16px 0 35px;
}
@media (min-width: 768px) {
.single-product__title {
font-size: 44px;
line-height: 53px;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
.single-product__title {
margin-bottom: 58px;
}
}
.single-product__presentation {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 1200px) {
.single-product__presentation {
flex-direction: row;
justify-content: center;
align-items: flex-start;
}
}
.single-product__image {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 26px;
max-width: 456px;
margin-left: auto;
margin-right: auto;
}
.single-product__image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
border-radius: 12px;
}
@media (min-width: 768px) {
.single-product__image {
margin-bottom: 45px;
}
}
@media (min-width: 1200px) {
.single-product__image {
margin-bottom: 0;
margin-left: 0;
margin-right: 54px;
width: 456px;
}
}
@media (min-width: 1200px) {
.single-product__presentation-right {
width: calc(100% - 456px - 54px);
}
.single-product__presentation-right:only-child {
margin-left: auto;
margin-right: auto;
}
}
.single-product__presentation-top {
display: flex;
flex-direction: column-reverse;
align-items: center;
margin-bottom: 18px;
}
@media (min-width: 768px) {
.single-product__presentation-top {
margin-bottom: 40px;
flex-direction: row;
justify-content: space-between;
}
}
.single-product__presentation-shipping {
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
color: #515151;
text-decoration: none;
margin-bottom: 28px;
}
@media (min-width: 768px) {
.single-product__presentation-shipping {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.single-product__presentation-shipping {
margin-top: -14px;
transform: translateY(7px);
}
}
.single-product__presentation-shipping-icon {
margin-right: 10px;
width: 34px;
}
.single-product__presentation-shipping-label {
max-width: calc(100% - 34px - 10px);
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 17px;
line-height: 1;
text-decoration: underline;
}
@media (min-width: 768px) {
.single-product__presentation-shipping-label {
font-size: 18px;
}
}
.single-product__presentation-price {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-align: center;
font-size: 17px;
line-height: 1;
}
@media (min-width: 768px) {
.single-product__presentation-price {
font-size: 18px;
}
}
.single-product__presentation-read-more {
color: #186EDC;
}
.single-product__presentation-short {
margin-bottom: 40px;
}
@media (min-width: 768px) {
.single-product__presentation-short {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.single-product__variations-dropdown {
max-width: 252px;
}
}
.single-product__variations-wrapper {
--items-gap-y: 28px;
--items-gap-x: 28px;
--items-count: 1;
display: flex;
flex-wrap: wrap;
margin: calc(var(--items-gap-y) / 2 * -1) calc(var(--items-gap-x) / 2 * -1);
}
@media (min-width: 768px) {
.single-product__variations-wrapper {
--items-count: 2;
max-width: calc(590px + var(--items-gap-x));
}
}
.single-product__variations-item {
display: flex;
flex-direction: column;
width: calc(100% / var(--items-count));
padding: calc(var(--items-gap-y) / 2) calc(var(--items-gap-x) / 2);
}
.single-product__variations-item--reset {
width: 100%;
}
.single-product__variations-item label {
margin-bottom: 4px;
font-size: 16px;
line-height: 1;
}
.reset_variations {
color: #186EDC;
text-decoration: none;
text-align: center;
transform: translateY(-14px);
}
@media (min-width: 768px) {
.reset_variations {
text-align: left;
}
}
.single_variation {
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
.single_variation {
text-align: left;
}
}
.single-product__selected-variation-note {
font-size: 16px;
line-height: 1.2;
margin-bottom: 13px;
margin-top: 15px;
}
@media (min-width: 768px) {
.single-product__selected-variation-note {
margin-top: 0;
}
}
.single-product__selected-variation-price {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 26px;
line-height: 1;
}
.single_variation_wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.single_variation_wrap {
flex-direction: row;
}
.single_variation_wrap > :first-child {
width: 252px;
margin-right: 56px;
}
.single_variation_wrap > :last-child {
max-width: calc(100% - 252px - 56px);
}
}
.woocommerce-variation-add-to-cart, .single-add-to-cart-button-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.woocommerce-variation-add-to-cart, .single-add-to-cart-button-wrapper {
justify-content: flex-start;
}
}
.woocommerce-variation-add-to-cart .quantity__wrapper, .single-add-to-cart-button-wrapper .quantity__wrapper {
background: white;
}
.woocommerce-variation-add-to-cart .quantity, .single-add-to-cart-button-wrapper .quantity {
margin-right: 15px;
}
@media (min-width: 768px) {
.woocommerce-variation-add-to-cart .quantity, .single-add-to-cart-button-wrapper .quantity {
margin-right: 30px;
}
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button, .single-add-to-cart-button-wrapper .single_add_to_cart_button {
height: 48px;
font-size: 18px !important;
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
border-radius: 24px !important;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button.wc-variation-selection-needed, .single-add-to-cart-button-wrapper .single_add_to_cart_button.wc-variation-selection-needed {
background-color: #186EDC !important;
opacity: 0.5 !important;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button svg, .single-add-to-cart-button-wrapper .single_add_to_cart_button svg {
margin-right: 10px;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button svg [fill], .single-add-to-cart-button-wrapper .single_add_to_cart_button svg [fill] {
fill: currentColor !important;
}
[lang=ja] .woocommerce-variation-add-to-cart .single_add_to_cart_button, [lang=ja] .single-add-to-cart-button-wrapper .single_add_to_cart_button, [lang=ko_KR] .woocommerce-variation-add-to-cart .single_add_to_cart_button, [lang=ko_KR] .single-add-to-cart-button-wrapper .single_add_to_cart_button, [lang=zn_CN] .woocommerce-variation-add-to-cart .single_add_to_cart_button, [lang=zn_CN] .single-add-to-cart-button-wrapper .single_add_to_cart_button {
font-size: 15px !important;
}
.woocommerce-variation-add-to-cart-disabled .quantity__wrapper {
pointer-events: none;
opacity: 0.5;
}
.single-product__add-to-cart-contact {
margin-top: 30px;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.single-product__add-to-cart-contact {
text-align: left;
}
}
.single-product__add-to-cart-contact a {
font-family: "Whitney Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #186EDC;
font-size: 16px;
}
.single-product__bottom {
padding: 50px 0 90px;
}
@media (min-width: 768px) {
.single-product__bottom {
padding: 60px 0 110px;
}
}
@media (min-width: 768px) and (max-width: calc(1200px - 1px)) {
.single-product__bottom .qdot-tabs__item {
font-size: 12px;
}
}
.single-product__tab-wrapper {
max-width: 768px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
}
@media (min-width: 768px) {
.single-product__tab-wrapper {
padding-top: 55px;
}
}
@media (min-width: 1200px) {
.single-product__tab-wrapper {
padding-top: 60px;
}
}
.single-product__tab-wrapper--pricing, .single-product__tab-wrapper--related {
max-width: 100%;
}
.single-product__tab-heading {
font-size: 24px;
line-height: 1.2;
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
color: #186EDC;
margin-bottom: 40px;
}
.single-product__tab-heading--applications, .single-product__tab-heading--related {
text-align: center;
}
@media (min-width: 768px) {
.single-product__tab-heading {
font-size: 26px;
}
}
.single-product__tab-content:last-child {
margin-bottom: 0;
}
.single-product__tab-downloads {
margin-bottom: 40px;
}
.single-product__tab-downloads-heading {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.single-product__tab-downloads-heading {
font-size: 20px;
margin-bottom: 30px;
}
}
.single-product__tab-downloads-wrapper {
--grid-row-items: 1;
--grid-gap: 30px;
margin: calc(var(--grid-gap) / 2 * -1);
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.single-product__tab-downloads-wrapper {
--grid-row-items: 2;
--grid-gap: 40px;
}
}
@media (min-width: 1200px) {
.single-product__tab-downloads-wrapper {
--grid-row-items: 3;
--grid-gap: 60px;
}
}
.single-product__tab-downloads-item {
width: calc(100% / var(--grid-row-items));
padding: calc(var(--grid-gap) / 2);
}
.single-product__tab-downloads-item a {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: left;
font-size: 16px;
color: #186EDC;
}
@media (min-width: 768px) {
.single-product__tab-downloads-item a {
font-size: 18px;
}
}
.single-product__tab-downloads-item a::before {
content: "";
display: inline-flex;
width: 27px;
height: 36px;
background: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-file.svg) center center no-repeat;
background-size: contain;
margin-right: 12px;
}
.single-product__tab-downloads-item a[href*=".pdf"]::before, .single-product__tab-downloads-item a.pdf::before {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-pdf.svg);
}
.single-product__tab-downloads-item a[href*=".ppt"]::before, .single-product__tab-downloads-item a[href*=".pptx"]::before, .single-product__tab-downloads-item a.ppt::before {
background-image: url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/icon-ppt.svg);
}
.single-product__tab-applications-items {
margin-top: 40px;
--grid-row-items: 1;
--grid-gap: 30px;
}
@media (min-width: 768px) {
.single-product__tab-applications-items {
margin-top: 70px;
--grid-row-items: 2;
--grid-gap: 54px;
}
}
.single-product__tab-applications-items-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: calc(var(--grid-gap) / 2 * -1);
}
.single-product__tab-applications-item {
width: calc(100% / var(--grid-row-items));
padding: calc(var(--grid-gap) / 2);
display: flex;
justify-content: center;
}
.single-product__tab-applications-item a {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: #515151;
text-decoration: none;
}
.single-product__tab-applications-item .image {
display: flex;
background: center center no-repeat;
background-size: cover;
width: 100%;
border-radius: 12px;
border: solid #EAEAEA 1px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.single-product__tab-applications-item .image {
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.single-product__tab-applications-item .image {
margin-bottom: 30px;
}
}
.single-product__tab-applications-item .image::before {
content: "";
display: flex;
padding-top: 65%;
}
.single-product__tab-applications-item .title {
font-family: "Whitney Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
line-height: 1.2;
}
@media (min-width: 768px) {
.single-product__tab-applications-item .title {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.single-product__tab-applications-item .title {
font-size: 20px;
}
}
.single-product__tab--related .qdot-product-grid {
margin-top: 40px;
}
@media (min-width: 768px) {
.single-product__tab--related .qdot-product-grid {
margin-top: 70px;
}
}
.single-product__tab-testimonials-items {
margin-top: 40px;
--items-gap: 40px;
}
@media (min-width: 768px) {
.single-product__tab-testimonials-items {
margin-top: 70px;
--items-gap: 56px;
}
}
.single-product__tab-testimonials-items-wrapper {
margin: calc(var(--items-gap) / 2 * -1) 0;
}
.single-product__tab-testimonials-item {
padding: calc(var(--items-gap) / 2) 0;
}
.single-product__tab-testimonials-item .top {
display: flex;
margin-bottom: 10px;
--image-size: 60px;
--image-margin: 10px;
}
@media (min-width: 768px) {
.single-product__tab-testimonials-item .top {
--image-size: 120px;
--image-margin: 18px;
margin-bottom: 15px;
}
}
.single-product__tab-testimonials-item .top img {
width: var(--image-size);
height: var(--image-size);
margin-right: var(--image-margin);
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
border: solid #f7f7f7 1px;
}
.single-product__tab-testimonials-item .top .right {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
@media (min-width: 768px) {
.single-product__tab-testimonials-item .top .right {
width: calc(100% - var(--image-size) - var(--image-margin));
}
.single-product__tab-testimonials-item .top .right:only-child {
width: 100%;
}
}
.single-product__tab-testimonials-item .top .title {
font-size: 16px;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 768px) {
.single-product__tab-testimonials-item .top .title {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.single-product__tab-testimonials-item .top .title {
font-size: 22px;
}
}
.single-product__tab-testimonials-item .top .bio {
font-size: 13px;
color: #939393;
margin-top: 2px;
}
@media (min-width: 768px) {
.single-product__tab-testimonials-item .top .bio {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.single-product__tab-testimonials-item .top .bio {
font-size: 16px;
}
}
.single-product__tab-testimonials-item .top .stars {
margin-top: 5px;
}
.single-product__tab-testimonials-item .top .stars:only-child {
margin-top: 0;
}
@media (min-width: 768px) {
.single-product__tab-testimonials-item .top .stars {
margin-top: 13px;
}
}
.single-product__presentation-cart .stock.out-of-stock {
display: none;
}
.single-product__related-heading {
font-family: "Whitney Semibold Regular", sans-serif;
font-size: 24px;
margin: 50px 0 20px;
}
.single-product__grid-related {
display: grid;
gap: 20px;
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: 1fr;
}
@media (min-width: 768px) {
.single-product__grid-related {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px) {
.single-product__grid-related {
grid-template-columns: repeat(3, 1fr);
}
}
.single-product__grid-item {
aspect-ratio: 1/1;
background: white;
border-radius: 12px;
}
.single-product__grid-item a {
height: 100%;
text-decoration: none;
display: flex;
flex-direction: column;
}
.single-product__grid-item-image {
height: auto;
border-radius: 12px 12px 0 0;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #EAEAEA;
overflow: hidden;
text-align: center;
flex: 1;
}
@media (min-width: 768px) {
.single-product__grid-item-image {
height: 312px;
}
}
@media (min-width: 1200px) {
.single-product__grid-item-image {
height: 143px;
}
}
.single-product__grid-item-image img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 1200px) {
.single-product__grid-item-image img {
height: auto;
width: 100%;
}
}
.single-product__grid-item-title {
font-size: 24px;
line-height: 1.2;
width: 100%;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 0 0 12px 12px;
color: #186EDC;
text-align: center;
}
@media (min-width: 768px) {
.single-product__grid-item-title {
font-size: 16px;
}
}
.qdot-slider {
--slider-arrow-size: 36px;
--slider-arrow-padding-x: 15px;
--slider-arrow-padding-y: 15px;
--slider-bullet-size: 17px;
--slider-bullet-stroke: 2px;
--slider-bullet-color: #8793A3;
--slider-arrow-color: #8793A3;
}
.qdot-slider--controls-light {
--slider-bullet-color: #FFFFFF;
--slider-arrow-color: #FFFFFF;
}
.qdot-slider__arrows {
position: absolute;
z-index: 10;
bottom: var(--slider-arrow-padding-y);
left: var(--slider-arrow-padding-x);
width: calc(100% - (var(--slider-arrow-padding-x) * 2));
display: flex;
justify-content: space-between;
}
.qdot-slider__arrow {
width: var(--slider-arrow-size);
height: var(--slider-arrow-size);
margin-top: auto;
position: static;
}
.qdot-slider__arrow-path {
fill: var(--slider-arrow-color);
}
.qdot-slider__arrow::after {
display: none;
}
.qdot-slider__arrow--prev svg {
transform: scaleX(-1);
}
.qdot-slider__slide {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.qdot-slider__slide picture {
min-height: 100%;
width: auto;
height: 100%;
border: none;
}
.qdot-slider__slide img {
width: auto;
height: 100%;
border: none;
}
.swiper-pagination {
display: flex;
justify-content: center;
align-items: center;
height: var(--slider-arrow-size);
width: 100%;
bottom: var(--slider-arrow-padding-y) !important;
}
.swiper-pagination-bullet {
width: var(--slider-bullet-size);
height: var(--slider-bullet-size);
border-radius: 100%;
background: transparent;
border: solid var(--slider-bullet-color) var(--slider-bullet-stroke);
opacity: 1;
}
.swiper-pagination-bullet-active {
background: var(--slider-bullet-color);
}
.qdot-tabs {
position: relative;
padding-bottom: 45px;
}
.qdot-tabs::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 300vw;
transform: translateX(-50%);
background: #EAEAEA;
height: 1px;
}
@media (min-width: 768px) {
.qdot-tabs {
padding-bottom: 0;
}
}
@media (min-width: 1200px) {
.qdot-tabs {
border-bottom: #EAEAEA solid 1px;
}
.qdot-tabs::after {
display: none;
}
}
.qdot-tabs__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: -3px;
}
@media (min-width: 768px) {
.qdot-tabs__wrapper {
justify-content: center;
flex-wrap: nowrap;
margin-bottom: 0;
margin-top: 0;
}
}
.qdot-tabs--centered .qdot-tabs__wrapper {
justify-content: center;
}
.qdot-tabs__item {
margin: 3px;
padding: 10px 12px;
border-radius: 3px;
transition: 0.3s;
color: #186EDC;
text-transform: uppercase;
border: none;
text-shadow: none;
outline: none;
background-color: transparent;
font-size: 12px;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
letter-spacing: 0.05em;
cursor: pointer;
text-decoration: none;
}
@media (min-width: 768px) {
.qdot-tabs__item {
margin-top: 0;
margin-bottom: 0;
border-radius: 3px 3px 0 0;
font-size: 13px;
}
}
@media (min-width: 1200px) {
.qdot-tabs__item {
padding: 12px 22px;
}
.qdot-tabs__item--myaccount {
padding: 12px 15px;
}
}
.qdot-tabs__item--current {
color: #939393 !important;
pointer-events: none;
background-color: #EAEAEA;
}
.qdot-tabs--myaccount {
margin-bottom: 30px;
}
.testimonials {
padding: 50px 0;
background: #1562C3 url(//quantum-solutions.com/wp-content/themes/qdots-main/public/images/testimonials-bg.jpg) center center no-repeat;
background-size: cover;
--testimonials-pagination-margin: 35px;
--testimonials-logo-size: 100px;
}
@media (min-width: 768px) {
.testimonials {
padding: 60px 0;
}
}
@media (min-width: 1200px) {
.testimonials {
--testimonials-pagination-margin: 55px;
padding: 60px 0 50px;
}
}
.testimonials .swiper-container {
padding-bottom: calc(var(--slider-arrow-size) + var(--testimonials-pagination-margin));
}
.testimonials .qdot-slider__arrows {
bottom: 0;
}
.testimonials .swiper-pagination {
bottom: 0 !important;
}
.testimonials__title {
margin-bottom: 44px;
}
@media (min-width: 768px) {
.testimonials__title {
margin-bottom: 58px;
}
}
.testimonials__item {
border-radius: 12px;
background: white;
padding: 30px 18px 55px 18px;
position: relative;
margin-bottom: 50px;
max-width: 870px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.testimonials__item {
padding: 56px 40px 55px 40px;
}
}
@media (min-width: 1200px) {
.testimonials__item {
padding: 55px;
}
}
.testimonials__item-copy {
font-size: 17px;
line-height: 28px;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.testimonials__item-copy {
font-size: 18px;
line-height: 30px;
}
}
.testimonials__item-copy p {
margin: 0;
}
.testimonials__item-copy p + p {
margin-top: 1em;
}
.testimonials__item-stars {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 28px;
}
.testimonials__item-title {
font-family: "Whitney Semibold Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 22px;
line-height: 26px;
text-align: center;
margin-bottom: 7px;
}
.testimonials__item-tagline {
color: #939393;
font-size: 16px;
line-height: 1.2;
text-align: center;
}
.testimonials__item-logo {
width: var(--testimonials-logo-size);
height: var(--testimonials-logo-size);
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
overflow: hidden;
background: white;
}
.testimonials__item-logo img {
max-width: 100%;
width: auto;
height: auto;
}
.testimonials__item .testimonials__item-logo {
margin-left: calc(var(--testimonials-logo-size) / 2 * -1);
position: absolute;
bottom: calc(var(--testimonials-logo-size) / 2 * -1);
left: 50%;
}
@media (min-width: 1200px) {
.testimonials .qdot-slider__arrows {
left: 35px;
width: 1100px;
}
}
.testimonials .qdot-slider__arrow {
position: relative;
left: 0;
right: 0;
}
.testimonials .qdot-slider__arrow:hover .qdot-slider__preview {
opacity: 1;
}
.testimonials .qdot-slider__preview {
position: absolute;
bottom: calc(100% + 50px);
left: 50%;
margin-left: calc(var(--testimonials-logo-size) / 2 * -1);
opacity: 0.5;
transition: 0.3s;
display: none;
}
@media (min-width: 1200px) {
.testimonials .qdot-slider__preview {
display: flex;
}
}
.topbar {
background-color: #EAEAEA;
padding: 3px 0;
color: #939393;
position: relative;
z-index: 20;
}
.topbar a, .topbar a:visited {
color: inherit;
}
.topbar__content {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin: 0 auto;
}
@media (min-width: 1200px) {
.topbar__content {
max-width: 740px;
margin-right: 0;
}
}
.topbar__items {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.topbar__item {
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
}
.topbar__item--name {
margin-left: 5px;
}
.topbar--mobile {
padding-top: 15px;
padding-bottom: 15px;
}
.topbar--mobile .topbar__content, .topbar--mobile .topbar__items {
flex-direction: column;
align-items: flex-start;
}
.topbar--mobile .topbar__content {
padding-left: 35px;
}
.topbar--mobile .topbar__item, .topbar--mobile .lang {
margin-top: 15px;
margin-bottom: 15px;
}
.topbar--desktop {
display: none;
}
@media (min-width: 768px) {
.topbar--desktop {
display: block;
}
}