@charset "UTF-8";
.contact-box, .staff { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

html, body { margin: 0; padding: 0; }

body { font-family: "San Francisco", "Helvetica Neue", "Helvetica", "Arial"; -webkit-font-smoothing: antialiased; color: #333; }

a { color: #202020; text-decoration: none; }

a:hover { text-decoration: underline; }

img { max-width: 100%; }

h1 strong, h2 strong { font-weight: 700; }

h1 { font-weight: 300; font-size: 2.3em; margin: 0; }

h2 { font-weight: 300; font-size: 2.2em; margin: 0; }

h3 { font-size: 2rem; margin: 20px 0 10px 0; }

h4 { font-size: 1.4rem; }

h4 a { color: #000; }

p, address, label, ul { font-size: 1.2rem; color: inherit; margin-bottom: 20px; line-height: 1.4em; }

ul { padding-left: 1em; }

.mb-2 { margin-bottom: 2rem; }

.container, .text-container { margin: 0 auto; position: relative; padding: 0 20px; }

.text-container { max-width: 750px; }

.container { max-width: 1140px; }

.container.max-container { max-width: 100%; padding: 0; }

.hidden-content { display: none; }

.hero { color: #ffffff; text-align: center; position: relative; z-index: 99; }

.hero h2 { font-size: 3.2rem; line-height: 1.5; font-weight: bold; }

@media (min-width: 500px) { .hero h2 { font-size: 3.5rem; } }

.hero p { color: #fff; }

.content { background: #fff; position: relative; }

.home-hero { padding: 0; }

.home-hero img { width: 100%; object-fit: cover; }

.company-name { display: inline-block; position: relative; max-width: 200px; }

.company-name a { display: block; line-height: 0.5; padding: 10px 0; }

.company-name svg { display: inline-block; height: 25px; width: 25px; }

.company-name span { font-size: 16px; position: relative; top: -6px; left: 3px; }

.screenshot { height: auto; display: block; margin: 0 auto; border-radius: 2px; padding: 20px 0 0; background: #DDD url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="12" viewBox="0 0 44 12"><circle cx="6" cy="6" r="4" fill="#eee" /><circle cx="22" cy="6" r="4" fill="#eee" /><circle cx="38" cy="6" r="4" fill="#eee" /></svg>') 4px 4px no-repeat; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); }

section { padding: 50px 0; }

section + section { padding-top: 0; }

.subtext { margin-top: 10px; text-align: center; }

.cta { margin: 60px 0; }

.page h2 { text-align: center; }

blockquote { padding: 18px 25px; margin: 0 auto; quotes: "“" "”" "‘" "’"; font-style: italic; line-height: 2.5; font-size: 1.1em; max-width: 900px; }

blockquote .author { display: block; font-weight: bold; margin: 20px 0 0 0; font-size: 1.1em; font-style: normal; text-align: right; }

blockquote p { display: inline; }

blockquote .quote:before, blockquote .quote:after { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.1em; vertical-align: -0.4em; }

blockquote .quote:after { content: close-quote; }

.page { margin-bottom: 0; padding-bottom: 80px; }

.center-text { text-align: center; }

.thirds { display: flex; margin: 0 -20px 0 -40px; flex-wrap: wrap; }

.thirds div { flex: 1 1 200px; padding: 100px 40px 0 40px; }

.social-share { display: flex; justify-content: space-between; margin-bottom: 20px; }

.social-share .icon { width: 32.5%; padding: 8px 0 0px; text-align: center; border-radius: 5px; }

.social-share .icon img { max-width: 14px; }

.social-share .facebook { background-color: #3A579D; }

.social-share .twitter { background-color: #00AAF0; }

.social-share .pinterest { background-color: #DF4A32; }

.rocking { animation: rocking 2s infinite; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); transition: .2s; }

.wiggle { animation: wiggle 3s infinite; }

.wiggle:hover { animation: none; }

@keyframes wiggle { 0% { transform: rotate(0deg); }
  80% { transform: rotate(0deg); }
  85% { transform: rotate(2deg); }
  95% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); } }

@keyframes wobble { 16.65% { transform: translateX(8px); }
  33.3% { transform: translateX(-6px); }
  49.95% { transform: translateX(4px); }
  66.6% { transform: translateX(-2px); }
  83.25% { transform: translateX(1px); }
  100% { transform: translateX(0); } }

@keyframes rocking { 0% { transform: rotate(0deg); }
  25% { transform: rotate(0deg); }
  50% { transform: rotate(2deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); } }

@keyframes rotate { 0% { transform: rotate(0) skew(1deg); }
  10% { transform: rotate(0) skew(1deg); }
  20% { transform: rotate(0) skew(1deg); }
  30% { transform: rotate(-1deg) skew(1deg); }
  31% { transform: rotate(1deg) skew(1deg); }
  40% { transform: rotate(0) skew(1deg); }
  50% { transform: rotate(0) skew(1deg); }
  60% { transform: rotate(0) skew(1deg); }
  70% { transform: rotate(0) skew(1deg); }
  80% { transform: rotate(0) skew(1deg); }
  90% { transform: rotate(0) skew(1deg); }
  100% { transform: rotate(0) skew(1deg); } }

@keyframes xyTransition { 0% { transform: translateX(0); }
  5% { transform: translateX(-10px); }
  10% { transform: translateX(10px); }
  15% { transform: translateX(-8px); }
  20% { transform: translateX(8px); }
  25% { transform: translateX(-5px); }
  30% { transform: translateX(5px); }
  31% { transform: translateX(0); }
  100% { transform: translateX(0); } }

@keyframes visible-show { 0% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@keyframes visible-hide { 0% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: hidden; } }

@keyframes scale-in { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

@keyframes slideup { 0% { transform: translateY(100%);
    opacity: 0; }
  100% { transform: translateY(0);
    opacity: 1; } }

.styles { width: 100%; background: #eee; position: relative; padding: 20px; box-sizing: border-box; border-radius: 3px; }

.styles .style-picker { z-index: 2; display: block; line-height: 0; position: absolute; bottom: 20px; right: 20px; }

.styles .style-picker > div { width: 20px; height: 20px; border: 1px solid #000; display: inline-block; margin: 0 5px 0 0; border-radius: 20px; cursor: pointer; }

.styles > div + div { display: none; }

.styles i { font-size: 14rem; color: #fff; }

.no-bg { background: none; }

.bg-grey { background: rgba(0, 0, 0, 0.05); }

.product-list { display: flex; flex-flow: wrap; margin: 0 -20px; }

.product-list, .product-list > li { list-style: none; padding: 0; }

.product-list > li { flex: 1 1 300px; }

.product-list > li:not(:empty) { margin: 20px; }

.product-list h4 { margin: 10px 0 0 0; padding-right: 10px; }

.product-list p { line-height: 1; margin: 10px 0 0 0; }

.product-list .product-description p { font-size: 1.1rem; }

.product-list .snipcart-add-item { -webkit-appearance: none; color: #222; text-decoration: none; border: 0; background: none; font-weight: bold; font-size: 1.2em; padding: 10px 15px 15px; float: right; cursor: pointer; line-height: 1; margin-top: 10px; }

.product-list .snipcart-add-item:hover { background: #f5f5f5; color: #000; }

.flex-wrap { display: flex; justify-content: space-between; }

.product h1 { font-weight: 700; font-size: 3.2em; }

.product h2 { font-weight: 700; }

.product .text-center { text-align: center; }

.product .blue-text { color: blue; }

.product__hero { padding: 40px 0; }

.product__hero .flex-wrap { flex-direction: row-reverse; }

.product__hero h3 { font-weight: 500; }

.product__hero .image-wrap { width: 45%; }

.product__hero .product-details { width: 45%; }

.product__hero ul { list-style: none; margin-left: 0; padding-left: 0; }

.product__hero ul li { display: flex; align-items: center; }

.product__hero ul li:before { left: -5px; color: transparent; content: " "; font-size: 0; padding: 10px; margin-right: 10px; background-color: #6462ff; -webkit-mask-image: url(../images/check-circle-solid.svg); -webkit-mask-size: cover; }

.product__logos { padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.product__services { padding: 20px 0; background: #31607d; }

.product__services .service { display: flex; align-items: center; }

.product__services .service img { width: 30%; }

.product__services .service div { width: 65%; }

.product__services .service div h3 { font-size: 20px; color: #fff; }

.product__services .service div p { font-size: 1rem; color: #fff; }

.product__property { padding: 50px 0; }

.product__property .flex-wrap { align-items: center; }

.product__property br { display: block; content: ""; margin: 20px 0; }

.product__property .text-wrap { width: 47%; }

.product__property .image-wrap { width: 47%; text-align: center; }

.product__property .image-wrap img { width: 100%; max-width: 400px; }

.product__video { padding: 50px 0; text-align: center; }

.product__video h2 { max-width: 600px; margin: auto; }

.product__video p { max-width: 700px; margin: 20px auto; }

.product__video video { width: 100%; max-width: 700px; margin: auto; }

.product__howtouse { padding: 50px 0; text-align: center; }

.product__howtouse h2 { max-width: 600px; margin: auto; }

.product__howtouse .title-border { width: 100px; height: 1px; margin: 15px auto 30px; }

.product__howtouse img { max-width: 300px; }

.product__howtouse__item { padding: 0 15px; }

.product__howtouse__item h4 { font-size: 1.6rem; }

.product__imageshow { width: 100%; padding: 0; margin: 0; display: flex; }

.product__imageshow .img-item { width: 25%; margin: 0; }

.product__imageshow .img-item img { width: 100%; height: 100%; margin: 0; }

.product__features { position: relatve; padding: 50px 0; }

.product__features h2 { text-align: center; margin-bottom: 40px; }

.product__features .feature-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.product__features__list { width: 32%; position: relative; }

.product__features__list li { position: relative; list-style: none; margin-left: 10px; padding-left: 20px; }

.product__features__list li:before { position: absolute; top: 3px; left: -5px; color: transparent; content: " "; font-size: 0; padding: 10px; margin-right: 10px; background-color: #6462ff; -webkit-mask-image: url(../images/check-circle-solid.svg); -webkit-mask-size: cover; }

.product__reviews { padding: 50px 0; background: rgba(0, 0, 0, 0.05); }

.product__reviews .review-card { width: 48%; margin-top: 50px; }

.product__reviews .review-card img { width: 100%; }

.product__reviews .review-card .h3 { font-weight: 700; }

.product__reviews .review-card p { padding: 20px 10px; background: white; border-radius: 10px; font-style: italic; font-size: 20px; color: #333; }

.product__specialOff { padding: 50px 0; }

.product__specialOff h2 { color: red; text-transform: uppercase; }

.product__specialOff h3 { font-size: 24px; font-weight: 700; max-width: 500px; margin: 20px auto; }

.product__specialOff .bottom-image { margin-top: 30px; }

.product__specialOff .ip-countryflag { margin-left: 10px; }

.product__specialOff .off-item { padding: 10px; display: flex; align-items: center; margin: 0 auto 10px; border-radius: 8px; background: #ffffe8; border: 1px solid #7f7f7f; max-width: 700px; }

.product__specialOff .off-item:hover { cursor: pointer; animation: wobble 1s 1; text-decoration: none; }

.product__specialOff .off-item .red-text { color: red; text-transform: uppercase; font-weight: 600; }

.product__specialOff .off-item .image-wrap { width: 25%; text-align: center; }

.product__specialOff .off-item .image-wrap img { height: 80px; aspect-ratio: auto 80 / 80; }

.product__specialOff .off-item .text-wrap { width: 50%; }

.product__specialOff .off-item .text-wrap label { font-size: 14px; }

.product__specialOff .off-item .text-wrap p { font-size: 1.4rem; line-height: 1.6; font-weight: bold; margin: 5px 0 0; color: #000; }

.product__specialOff .off-item .off-wrap { width: 15%; }

.product__specialOff .off-item .off-wrap .was { text-decoration: line-through; }

.product__specialOff .off-item .off-wrap p { font-size: 14px; margin: 5px 0; }

.product__specialOff .popular { border: 2px dashed black; background: #ffff5e; }

.product__testimonials { padding: 100px 0; background: rgba(0, 0, 0, 0.05); }

.product__testimonials .stars { width: 200px; margin: 20px auto; }

.product__testimonials .stars svg { width: 100%; }

.product__testimonials h3 { font-size: 24px; margin-bottom: 30px; }

.product__testimonials .card-list { display: flex; justify-content: space-between; }

.product__testimonials .card { width: calc(31% - 40px); padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background: #fff; }

.product__testimonials .card .flex-wrap { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 5px; }

.product__testimonials .card .flex-wrap .left { display: flex; align-items: flex-start; color: #333; }

.product__testimonials .card .flex-wrap .left img { max-width: 58px; border-radius: 5px; margin-right: 10px; }

.product__testimonials .card .flex-wrap .stars { width: 100px; float: right; border-bottom: 0; padding-bottom: 0; }

.product__testimonials .card .description { padding-top: 15px; font-size: 20px; font-style: Italic; color: #333333; }

.product__faqs { padding: 70px 0; background: rgba(0, 0, 0, 0.05); }

.product__faqs h2 { margin-bottom: 30px; }

.product__faqs .faq { margin-bottom: 8px; }

.product__faqs .faq .question { display: flex; align-items: center; justify-content: space-between; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); padding: 10px 20px; background: #fff; color: #333; }

.product__faqs .faq .question h4 { font-weight: 400; line-height: 1; margin: 10px 0; }

.product__faqs .faq .question .question-text { width: 80%; }

.product__faqs .faq .question question-symbole { width: 20px; }

.product__faqs .faq .question:hover { cursor: pointer; color: #656565; }

.product__faqs .faq .question .rotate { transform: rotate(45deg); }

.product__faqs .faq .answer { padding: 20px; background: white; height: auto; opacity: 1; color: #333; transition: opacity 1s ease-out; }

.product__faqs .faq .hidden { opacity: 0; height: 0; padding: 0; overflow: hidden; }

.special-off-popup { position: fixed; display: none; width: 100%; height: 100vh; top: 0; }

.special-off-popup .special-off-popup-bg { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.special-off-popup .popup-container { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.special-off-popup .popup-content { position: relative; width: 650px; margin: auto; box-sizing: border-box !important; border-radius: 6px; background-color: #ffffff; padding: 20px 15px; text-align: left; overflow: visible; border: 4px dashed #333333 !important; animation-name: scale-in; animation-duration: .4s; }

.special-off-popup .popup-content .close-button { position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; border-radius: 10px; border: 1px solid white; color: white; background: black; font-size: 12px; line-height: 1; text-align: center; z-index: 4; }

.special-off-popup .popup-content .close-button:hover { cursor: pointer; }

.special-off-popup .popup-content h2 { text-align: center; color: red; margin-bottom: 20px; }

.special-off-popup .popup-content .image-wrap { width: 48%; text-align: center; }

.special-off-popup .popup-content .image-wrap img:first-child { border: 1px solid gray; width: 60%; }

.special-off-popup .popup-content .image-wrap img:last-child { width: 60%; margin-top: 10px; }

.special-off-popup .popup-content .text-wrap { width: 48%; }

.special-off-popup .popup-content .text-wrap h3 { color: red; margin: 5px 0; font-size: 1.4rem; }

.special-off-popup .popup-content .text-wrap h4 { margin: 10px 0; font-weight: 700; font-size: 22px; }

.special-off-popup .popup-content .text-wrap svg { width: 10px; fill: blue; margin-right: 15px; }

.special-off-popup .popup-content .text-wrap ul { padding-left: 0; }

.special-off-popup .popup-content .text-wrap li { list-style: none; margin-left: 0; }

.special-off-popup .popup-content .text-wrap .regular-price { font-style: Italic; text-decoration: line-through; }

.special-off-popup .popup-content .text-wrap p { margin: 0; font-size: 16px; }

.special-off-popup .popup-content .buttons-wrap { margin-top: 30px; }

.special-off-popup .popup-content .buttons-wrap a:hover { text-decoration: none; }

.special-off-popup .popup-content .buttons-wrap .button-order { display: block; width: calc(100% - 20px); font-size: 20px; font-weight: 700; color: white; text-transform: uppercase; text-align: center; padding: 12px 10px; border-radius: 8px; background: red; }

.special-off-popup .popup-content .buttons-wrap .button-order:hover { cursor: pointer; animation: wobble 1s 1; }

.special-off-popup .popup-content .buttons-wrap .button-no { display: block; width: calc(100% - 20px); font-size: 20px; font-weight: 700; color: gray; text-transform: uppercase; text-align: center; padding: 10px; border-radius: 8px; border: 2px solid gray; margin-top: 10px; }

.special-off-popup .popup-content .buttons-wrap .button-no:hover { opacity: 0.8; }

.exitpop { position: fixed; visibility: hidden; z-index: 100; width: 100%; height: 100%; top: 0; }

.exitpop__bg { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.exitpop__container { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.exitpop__window { position: relative; width: 400px; margin: auto; box-sizing: border-box !important; padding: 0; text-align: left; overflow: visible; animation-name: scale-in; animation-duration: .4s; }

.exitpop__header-bar { width: 100%; position: relative; background: red; padding: 10px 20px; }

.exitpop__header-bar p { margin: 0; color: white; text-transform: uppercase; font-weight: bold; text-align: center; }

.exitpop__header-bar .close { position: absolute; z-index: 10; top: 10px; right: 10px; width: 20px; height: 20px; border-radius: 20px; border: 1px solid; font-size: 18px; color: white; line-height: 1; text-align: center; }

.exitpop__header-bar .close:hover { cursor: pointer; }

.exitpop__body { width: 100%; text-align: center; padding: 20px; background: #ffffff; }

.exitpop__body h3 { margin: 0; font-size: 30px; text-transform: uppercase; }

.exitpop__body h4 { text-transform: uppercase; margin: 5px 0; font-weight: 400; }

.exitpop__body p { margin: 15px 0 10px; }

.exitpop__body button { width: 100%; margin: 10px 0; background: red; color: #ffffff; text-transform: uppercase; border: 0; border-radius: 3px; padding: 10px 20px; font-weight: 700; }

.exitpop__body .descripton p { font-size: 14px; line-height: 1.2; margin: 0; }

.successPop { position: fixed; visibility: hidden; z-index: 101; width: 100%; height: 100%; top: 0; }

.successPop__bg { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.successPop__container { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.successPop__window { position: relative; width: 450px; margin: auto; background: white; padding: 20px; box-sizing: border-box !important; border-radius: 5px; text-align: center; overflow: visible; animation-name: scale-in; animation-duration: .4s; }

.successPop__window h2 { text-transform: uppercase; }

.successPop__window .close { position: absolute; z-index: 10; top: 5px; right: 5px; width: 20px; height: 20px; border-radius: 20px; border: 1px solid; font-size: 18px; color: white; line-height: 1; text-align: center; background: rgba(0, 0, 0, 0.5); }

.successPop__window .close:hover { cursor: pointer; }

@media (max-width: 1024px) { .exitpop { opacity: 0; animation-name: visible-show; animation-delay: 30s; animation-fill-mode: forwards; } .exitpop__container { position: absolute; z-index: 2; bottom: 0px; top: auto; left: 50%; transform: translateX(-50%); } .exitpop__bg { opacity: 0; animation-name: slideup; animation-delay: 30s; animation-fill-mode: forwards; } .exitpop__window { opacity: 0; animation-name: slideup; animation-delay: 30s; animation-fill-mode: forwards; } }

@media (max-width: 767px) { .flex-wrap { flex-wrap: wrap; } .product__hero { padding: 20px 0 60px 0; } .product__hero .image-wrap { width: 100%; } .product__hero .product-details { width: 100%; } .product__hero .product-details h1 { margin-top: 10px; font-size: 2.8em; } .product__logos img { margin: 10px auto; } .product__property .flex-wrap { flex-direction: column-reverse; } .product__property .text-wrap { width: 100%; } .product__property .image-wrap { width: 100%; } .product__property .image-wrap img { margin-bottom: 30px; } .product__property h2 { font-size: 2.0em; } .product__reviews .review-card { width: 100%; } .product__imageshow { flex-wrap: wrap; } .product__imageshow .img-item { width: 50%; } .product__features .feature-image { position: relative; width: 100%; } .product__features__list { width: 100%; } .product__testimonials { padding: 50px 0; } .product__testimonials .flex-wrap { flex-wrap: nowrap; } .product__testimonials .card-list { flex-wrap: wrap; } .product__testimonials .card-list .card { width: 100%; margin-bottom: 30px; } .product__faqs { padding: 50px 0; } .special-off-popup .popup-container { position: absolute; z-index: 2; left: 50%; width: 100%; top: 50%; transform: translate(-50%, -50%); } .special-off-popup .popup-content { position: relative; width: 90%; max-width: 90%; margin: auto; overflow: scroll; height: 90vh; } .special-off-popup .popup-content .image-wrap { width: 100%; } .special-off-popup .popup-content .text-wrap { width: 100%; } .special-off-popup .popup-content .close-button { top: 5px; right: 5px; } }

@media (max-width: 520px) { .product__specialOff .off-item .image-wrap { width: 20%; text-align: center; } .product__specialOff .off-item .image-wrap img { height: 60px; aspect-ratio: auto 1; } .product__specialOff .off-item .text-wrap { width: 55%; padding: 0px 10px 0 5px; } .product__specialOff .off-item .text-wrap label { font-size: 14px; } .product__specialOff .off-item .text-wrap p { font-size: 18px; } .product__specialOff .off-item .off-wrap { width: 25%; } .product__faqs .question h4 { font-size: 20px; } .special-off-popup .popup-content .image-wrap { width: 100%; text-align: center; } .special-off-popup .popup-content .image-wrap img:first-child { border: 1px solid gray; width: 30%; } .special-off-popup .popup-content .image-wrap img:last-child { width: 50%; margin-top: 10px; } .special-off-popup .popup-content h2 { margin-bottom: 10px; font-size: 1.2em; } ul { margin: 0 10px; } }

@media (max-width: 480px) { .exitpop__container { width: calc(100% - 40px); padding: 0; left: 0; transform: none; } .exitpop__window { width: 100%; } .special-off-popup .popup-container .popup-content { height: auto; } .successpop__container { width: calc(100% - 40px); left: 0; transform: 0, -50%; } .successpop__window { width: 100%; } }

@media (max-width: 375px) { .special-off-popup .popup-container { height: calc(100vh - 100px); top: 0; padding: 30px 0; transform: translate(-50%, 0); overflow-y: scroll; } }

.staff-image { margin: 25px auto 0 auto; background: no-repeat center center; background-size: cover; border-radius: 300px; width: 70%; padding-bottom: 70%; }

.staff { padding: 0; list-style: none; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; text-align: center; margin: -175px 0 0 0; justify-content: center; }

.staff li { padding: 30px 20px; box-sizing: border-box; flex: 0 1 300px; background: #fff; margin: 0 60px; border-radius: 3px; box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.1); }

.staff .square-image { width: 400px; height: 400px; }

.staff .square-image img { border-radius: 400px; }

.staff .name { font-size: 1.2rem; margin-top: 20px; }

.staff .position { font-size: 1.3rem; color: #666; }

.story-points h3 { font-size: 1.3rem; margin: 0; color: #202020; }

.map { height: 499px; border: 1px solid #DDDDDD; border-radius: 3px; }

.contact-box { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; max-width: 1000px; margin: 0 auto 20px auto; padding: 0 0 50px 0; }

.contact-box form { width: 100%; }

.contact-box h3 { margin: 0; font-size: 1.8rem; }

.contact-box .contact-form, .contact-box .contact-details { padding: 20px; width: 100%; box-sizing: border-box; }

@media (min-width: 768px) { .contact-box .contact-form, .contact-box .contact-details { -webkit-flex: 1; flex: 1; order: 2; } }

.contact-box .contact-details { font-size: .8em; }

@media (min-width: 768px) { .contact-box .contact-details { order: 1; } }

.contact-box .contact-details a svg { position: relative; top: 5px; }

.contact-box .contact-details a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.button a, .button button, input[type=submit] { color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 600; text-decoration: none; width: 100%; padding: 20px 30px; background: #ff1f1f; border-radius: 5px; border: 0px solid #3a3a3a; -webkit-appearance: none; }

.button a:hover, .button button:hover, input[type=submit]:hover { background: #eb0000; cursor: pointer; }

.button a:active, .button button:active, input[type=submit]:active { border-width: 1px; border-top: 3px solid transparent; }

.button.alt a { background: rgba(255, 255, 255, 0.15); border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 16px 50px; }

.button.alt a:hover { background: #fff; color: #202020; }

textarea, input, button, select { font-family: inherit; font-size: inherit; }

input[type=submit] { margin: 20px 0 0 0; }

label, input, textarea, select { display: block; width: 100%; box-sizing: border-box; border-radius: 3px; }

.radio-input { line-height: 1; margin: 20px 0; cursor: pointer; }

.radio-input input { display: inline-block; width: auto; cursor: pointer; }

textarea { resize: vertical; height: 150px; }

label { margin: 20px 0 5px 0; }

label:first-child { margin: 0 0 5px 0; }

label:last-child, input:last-child { margin-bottom: 0; }

input, textarea, select { padding: 10px; font-size: 1em; }

input, textarea { outline: none; border: 1px solid #DDDDDD; }

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { box-shadow: 0 0 5px #202020; border: 1px solid #202020; }

@media (max-width: 849px) { .nav-open nav { border: 0; z-index: 2; } .nav-open nav a { display: block; } }

header { color: #fff; padding: 6px 0; background: linear-gradient(135deg, #202020 0%, #383838 100%); position: relative; }

header .container { display: flex; align-items: center; }

header p { margin: 0; }

header a { color: #fff; text-decoration: none; z-index: 1; position: relative; }

header a:hover { text-decoration: none; }

header .ip-countryflag { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }

header .ip-countryflag img { margin-top: auto; }

header .mobile-show { display: none; }

header .mobile-hidden { display: block; }

@media (max-width: 849px) { header { padding: 5px 0; } header .container { flex-wrap: wrap; } header .ip-countryflag { right: 10px; top: 50%; height: 16px; } header .ip-countryflag.mobile-show { right: 30px; top: 50%; height: 16px; } header .mobile-show { display: block; } header .mobile-hidden { display: none; } }

nav { width: 100%; padding: 20px 0 0 0; }

nav .ip-countryflag { position: absolute; right: 100px; }

@media (min-width: 850px) { nav { display: inline-block; /* vertical-align: top; */ width: auto; padding: 0 0 0 40px; } }

nav a { margin: 0 3px; padding: 20px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0.6); transition: 200ms ease-in color; display: none; }

@media (min-width: 850px) { nav a { display: inline-block; padding: 10px; } }

nav a.nav-toggle { display: inline; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.7em; border: 0; z-index: 2; padding: 20px; }

@media (min-width: 850px) { nav a.nav-toggle { display: none; } }

nav a.nav-toggle:hover { border: 0; }

nav a:hover { color: #fff; }

nav a.cart { line-height: 1; }

nav a.cart i { font-size: 18px; line-height: 1; display: inline-block; vertical-align: middle; padding: 0 6px; }

nav a.cart span { display: inline-block; vertical-align: middle; position: relative; top: 2px; }

@media (min-width: 850px) { nav a.cart { border-radius: 43px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: .8em; transition: border .3s ease; } nav a.cart:hover { border-color: #fff; } }

nav a.active { color: #fff; }

@media (max-width: 849px) { nav { padding-top: 0; } nav .mobile-header { position: relative; } nav .mobile-header a { padding: 10px 0; } }

footer { padding: 50px 0 50px 0; font-size: 1.1 0.1rem; position: relative; border: 1px solid #eee; }

footer .copyright { font-size: .9rem; margin: 20px auto 0; }

footer h2 { font-size: 1.4rem; margin: 30px 0; }

footer .footer-columns { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; list-style: none; padding: 0; }

@media (min-width: 850px) { footer .footer-columns { display: flex; } }

@media (min-width: 850px) { footer .footer-columns { margin: -10px -60px 10px -60px; } }

footer .footer-columns > li { box-sizing: border-box; }

@media (min-width: 850px) { footer .footer-columns > li { flex: 1; padding: 0 60px; } }

@media (min-width: 850px) { footer .footer-columns > li.footer-nav { flex: 0; } }

footer .footer-columns > li ul { padding: 0; list-style: none; }

footer .footer-columns > li ul li { font-size: 1.1rem; margin: 11px 0; }

footer .footer-columns > li ul li a { white-space: nowrap; color: #999; }

footer .footer-columns .about svg path { fill: #202020; }

footer .footer-columns p { font-size: 1.1rem; color: #999; }

footer .footer-columns .email { margin: 0; }

footer .footer-columns h4 { margin: 0 0 1.1rem 0; font-size: .9em; }

footer a { text-decoration: none; }

.social-icons svg { width: 100%; height: 100%; }

.social-icons svg, .social-icons svg path { fill: #fff; }

.social-icons a { display: inline-block; width: 20px; height: 20px; padding: 8px; line-height: 0; margin: 0 10px 20px 0; border-radius: 50px; }

.social-icons a.email { background-color: #ff9d09; }

.social-icons a.facebook { background-color: #3b5998; }

.social-icons a.twitter { background-color: #55acee; }

.social-icons a.google-plus { background-color: #db4437; }

.social-icons a.youtube { background-color: #cd201f; }

.social-icons a.instagram { background-color: #f167f5; }

.social-icons a.linkedin { background-color: #0077b5; }

.social-icons a.pinterest { background-color: #C92228; }

.editor-link { display: none !important; margin-top: 0; }

.editor-link .btn { border: 0; border-radius: 2px; width: 100%; max-width: 500px; box-sizing: border-box; font-size: 2rem; text-decoration: none; padding: 10px 15px; margin: 0; font-size: 18px; }

nav .editor-link, .editor-link .btn { cursor: pointer; background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; line-height: 1; }

nav .editor-link:hover, .editor-link .btn:hover { background-color: #f4d525; color: #333; }

.cms-editor-active .editor-link { display: block !important; }

.cms-editor-active nav .editor-link { display: inline !important; }

@keyframes scaleInOut { 0% { transform: scale(1); }
  30% { transform: scale(1.05); }
  50% { transform: scale(1.1); }
  70% { transform: scale(1.05); }
  100% { transform: scale(1); } }

.lander { padding: 20px 0 200px 0; }

.lander .container { display: flex; flex-wrap: wrap; max-width: 1080px; }

.lander .left-content { width: calc(100% - 350px); margin-right: 50px; }

.lander .left-content h1 { font-size: 2.8em; line-height: 1.2em; font-weight: 700; }

.lander .left-content h1 p { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; margin: 15px 0; }

.lander .left-content h1 * { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; }

.lander .left-content h2 { font-size: 2.4em; margin: 20px 0; }

.lander .left-content h2 p { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; }

.lander .left-content h2 * { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; }

.lander .left-content .sub-title { font-size: 1.6em; font-weight: 400; }

.lander .left-content .sub-title p { color: #f30000; font-size: 1.6rem; }

.lander .left-content .sub-title a { color: blue; text-decoration: underline; }

.lander .left-content p { font-size: 1.4em; line-height: 1.4em; }

.lander .left-content img { width: 100%; }

.lander .left-content .date { margin-bottom: 5px; font-size: 1rem; }

.lander .left-content .markdown-content h2, .lander .left-content .markdown-content h3, .lander .left-content .markdown-content h4, .lander .left-content .markdown-content h5 { font-weight: 700; }

.lander .left-content .markdown-content a { color: blue; }

.lander .left-content .markdown-content blockquote { background: #ecffc6; padding: 18px 25px; margin: 0; font-style: italic; }

.lander .left-content .markdown-content blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }

.lander .left-content .markdown-content .highlight { background: #f4fd23; }

.lander .left-content .markdown-content ul { list-style: none; padding-left: 0; font-size: 1.4em; }

.lander .left-content .markdown-content ul li { display: flex; align-items: flex-start; margin: 18px 0; }

.lander .left-content .markdown-content ul li:before { color: transparent; content: " "; font-size: 0; padding: 10px; margin-top: 6px; margin-right: 10px; background-color: #6569ef; -webkit-mask-image: url(../images/check-circle-solid.svg); -webkit-mask-size: cover; }

.lander .left-content .discount-box { background: #ecffc6; border-radius: 5px; border: 3px dashed #333; padding: 20px; margin: 20px 0; }

.lander .left-content .discount-box h3 { font-size: 1.6em; font-weight: 700; line-height: 1.2em; text-align: left; margin: 0; padding: 14px 0; }

.lander .left-content .discount-box .ip-track { margin-bottom: 10px; }

.lander .left-content .discount-box p { margin: 0; margin-bottom: 15px; }

.lander .left-content .discount-box a { color: blue; }

.lander .left-content .wiggle { width: calc(100% - 56px); margin-bottom: 30px; }

.lander .left-content .wiggle a { display: block; text-align: center; }

.lander .left-content .comments { margin-bottom: 20px; }

.lander .right-content { position: relative; width: 300px; }

.lander .right-content .side-box { position: sticky; position: -webkit-sticky; top: 30px; width: 100%; text-align: center; }

.lander .right-content .side-box .ip-track { margin: 20px 0 10px; }

.lander .right-content .side-box .ip-track .ip-countryflag { margin-left: 10px; content: ""; }

.lander .right-content .side-box img { width: 100%; }

.lander .right-content .side-box p { margin: 0px; font-size: 16px; font-weight: 600; line-height: 26px; color: black; }

.lander .right-content .side-box .button { margin-top: 30px; }

.lander .right-content .side-box .style-2 { border: 2px solid gray; padding: 20px; }

.lander .right-content .side-box .style-2 .ip-track { margin-top: 0px; font-size: 13px; }

.lander .right-content .side-box .style-2 h3 { color: blue; width: 100%; font-weight: 600; text-align: center; text-transform: uppercase; }

.lander .right-content .side-box .style-2 h4 { margin: 5px 0; }

.lander .right-content .side-box .style-2 a { text-decoration: underline; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 600; color: blue; }

.lander .sticky-bar { position: sticky; display: none; bottom: 0; left: 0; width: 100%; padding: 10px 0; background: #3a579d; color: white; }

.lander .sticky-bar .flex-wrap { justify-content: center; align-items: center; }

.lander .sticky-bar .flex-wrap h3 { font-weight: 600; margin: 10px 0; }

.lander .sticky-bar .flex-wrap .button { width: 300px; background: #e00000; padding: 10px 0; margin: 0; margin-left: 50px; border: 1px dashed #fff; letter-spacing: 1px; color: white; text-align: center; font-size: 20px; text-transform: uppercase; }

.lander .articles { margin: 50px 0; }

.lander .trending-articles { display: flex; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 1px 15px rgba(171, 174, 209, 0.3); background-color: #fff; padding: 10px 20px; }

.lander .trending-articles .header { width: 100%; display: flex; align-items: center; }

.lander .trending-articles .header img { width: 30px; margin-right: 10px; }

.lander .trending-articles .header h3 { font-size: 24px; margin: 0; }

.lander .trending-articles .card { width: 31%; box-shadow: 0 1px 15px rgba(171, 174, 209, 0.3); margin: 10px 0; }

.lander .trending-articles .card:hover { cursor: pointer; animation: 1s alternate scaleInOut; }

.lander .trending-articles .card .image-wrap { width: 100%; }

.lander .trending-articles .card .image-wrap img { object-fit: cover; height: 100%; width: 100%; }

.lander .trending-articles .card .text-wrap { position: relative; padding: 5px 10px; }

.lander .trending-articles .card .text-wrap .title { font-size: 18px; font-weight: 500; line-height: 1.6; text-align: center; margin: 0; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.lander .trending-articles .card .text-wrap .author { font-size: 14px; line-height: 1.6; color: #484848; text-align: left; font-style: italic; margin: 0; }

.lander .trending-articles-pop { position: fixed; visibility: hidden; z-index: 100; width: 100%; height: 100%; top: 0; }

.lander .trending-articles-pop .close { position: absolute; z-index: 3; top: 30px; right: 30px; }

.lander .trending-articles-pop .close:hover { cursor: pointer; }

.lander .trending-articles-pop__bg { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.lander .trending-articles-pop__container { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.lander .trending-articles-pop__window { position: relative; width: 900px; margin: auto; box-sizing: border-box !important; padding: 0; text-align: left; overflow: visible; animation-name: scale-in; animation-duration: .4s; }

@media (max-width: 1023px) { .lander .trending-articles-pop { display: none; } }

@media (max-width: 767px) { .lander .left-content { width: 100%; margin-right: 0; } .lander .left-content h1 { font-size: 32px; } .lander .right-content { width: 100%; margin-top: 40px; } .lander .trending-articles .card { width: 48%; } .lander .sticky-bar .flex-wrap { display: block; } .lander .sticky-bar .flex-wrap h3 { width: 100%; text-align: center; font-size: 20px; } .lander .sticky-bar .flex-wrap .button { display: block; margin: 10px auto; } }

@media (max-width: 480px) { .lander .trending-articles .card { width: 100%; } }

.disclosureHeader { background: #3d60ac; }

.disclosureHeader p { font-size: 0.9em; color: #fff; text-align: center; margin: 0; }

.disclosureFooter p { font-size: 0.9em; }

header.landerAdvert { background: #fff; border-bottom: 1px solid #efefef; }

header.landerAdvert .container { max-width: 1080px; }

.listicle { padding: 20px 0 200px 0; }

.listicle .container { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; }

.listicle .container h1 { font-size: 2.8em; line-height: 1.2em; font-weight: 700; }

.listicle .container h2 { font-size: 2.4em; margin: 20px 0; }

.listicle .container .sub-title { font-size: 1.6em; font-weight: 400; }

.listicle .container .sub-title p { color: #f30000; font-size: 1.6rem; margin: 18px 0; }

.listicle .container .sub-title a { color: blue; text-decoration: underline; }

.listicle .container p { font-size: 1.4em; line-height: 1.4em; }

.listicle .container img { width: 100%; }

.listicle .container .date { margin-bottom: 5px; font-size: 1rem; }

.listicle .container .markdown-content h2, .listicle .container .markdown-content h3, .listicle .container .markdown-content h4, .listicle .container .markdown-content h5 { font-weight: 700; }

.listicle .container .markdown-content a { color: blue; }

.listicle .container .markdown-content blockquote { background: #ecffc6; padding: 18px 25px; margin: 0; font-style: italic; }

.listicle .container .markdown-content blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }

.listicle .container .markdown-content .highlight { background: #f4fd23; }

.listicle .container .markdown-content ul { list-style: none; padding-left: 0; font-size: 1.4em; }

.listicle .container .markdown-content ul li { display: flex; align-items: flex-start; margin: 18px 0; }

.listicle .container .markdown-content ul li:before { color: transparent; content: " "; font-size: 0; padding: 10px; margin-top: 6px; margin-right: 10px; background-color: #6569ef; -webkit-mask-image: url(../images/check-circle-solid.svg); -webkit-mask-size: cover; }

.listicle .container .content-section h2 { font-size: 30px; line-height: 1.2; font-weight: 600; }

.listicle .container .content-section .markdown-content br { display: block; margin: 10px 0; line-height: 16px; content: " "; }

.listicle .container .discount-box { background: #ecffc6; border-radius: 5px; border: 3px dashed #333; padding: 20px; margin: 20px 0; }

.listicle .container .discount-box h3 { font-size: 1.6em; font-weight: 700; line-height: 1.2em; text-align: left; margin: 0; padding: 14px 0; }

.listicle .container .discount-box p { margin: 0; margin-bottom: 15px; }

.listicle .container .discount-box a { color: blue; }

.listicle .container .cta { width: calc(100% - 56px); margin: 30px 0 60px 0; }

.listicle .container .cta a { display: block; text-align: center; }

@media (max-width: 767px) { .listicle .container h1 { font-size: 32px; } }

header.landerListicle { background: #fff; border-bottom: 1px solid #efefef; }

header.landerListicle .container { max-width: 800px; }

.onSale { color: #ff0000; font-size: 1rem; font-weight: 600; }

.pull-right { float: right; }

.pull-left { float: left; display: flex; }

.pull-left input { width: 20px; margin-top: 3px; }

.pull-left label { width: 200px; margin-top: 0; }

#fbcomment { background: #fff; border: 1px solid #dddfe2; border-radius: 3px; color: #4b4f56; padding: 50px; }

.header_comment { font-size: 14px; overflow: hidden; border-bottom: 1px solid #e9ebee; line-height: 25px; margin-bottom: 24px; padding: 10px 0; }

.header_comment .row { display: flex; justify-content: space-between; }

.sort_title { color: #4b4f56; }

.sort_by { background-color: #f5f6f7; color: #4b4f56; line-height: 22px; cursor: pointer; vertical-align: top; font-size: 12px; font-weight: bold; vertical-align: middle; padding: 4px; justify-content: center; border-radius: 2px; border: 1px solid #ccd0d5; }

.count_comment { font-weight: 600; }

.body_comment { padding: 0 8px; font-size: 14px; display: block; line-height: 25px; word-break: break-word; }

.body_comment .row { display: flex; flex-wrap: wrap; align-items: flex-start; }

.avatar_comment { display: block; width: 60px; }

.avatar_comment img { height: 48px; width: 48px !important; }

.box_comment { display: block; position: relative; width: calc(100% - 60px); line-height: 1.358; word-break: break-word; border: 1px solid #d3d6db; word-wrap: break-word; background: #fff; box-sizing: border-box; cursor: text; font-family: Helvetica, Arial, sans-serif; font-size: 16px; padding: 0; }

.box_comment textarea { min-height: 40px; padding: 12px 8px; width: 100%; border: none; resize: none; }

.box_comment textarea:focus { outline: none !important; }

.box_comment .box_post { border-top: 1px solid #d3d6db; background: #f5f6f7; padding: 8px; display: block; overflow: hidden; }

.box_comment label { display: inline-block; vertical-align: middle; font-size: 11px; color: #90949c; line-height: 22px; }

.box_comment button { margin-left: 8px; background-color: #4267b2; border: 1px solid #4267b2; color: #fff; text-decoration: none; line-height: 22px; border-radius: 2px; font-size: 14px; font-weight: bold; position: relative; text-align: center; }

.box_comment button:hover { background-color: #29487d; border-color: #29487d; }

.box_comment .cancel { margin-left: 8px; background-color: #f5f6f7; color: #4b4f56; text-decoration: none; line-height: 22px; border-radius: 2px; font-size: 14px; font-weight: bold; position: relative; text-align: center; border-color: #ccd0d5; }

.box_comment .cancel:hover { background-color: #d0d0d0; border-color: #ccd0d5; }

.box_comment img { height: 16px; width: 16px; }

.box_result { margin-top: 24px; }

.box_result .result_comment h4 { font-weight: 600; white-space: nowrap; color: #365899; cursor: pointer; text-decoration: none; font-size: 14px; line-height: 1.358; margin: 0; padding-top: 0; }

.box_result .result_comment { display: block; overflow: hidden; width: calc(100% - 60px); padding: 0; }

.child_replay { border-left: 1px dotted #d3d6db; margin-top: 12px; list-style: none; padding: 0 0 0 8px; }

.reply_comment { margin: 12px 0; width: 100%; }

.box_result .result_comment p { margin: 4px 0; font-size: 16px; }

.box_result .result_comment .tools_comment { font-size: 12px; line-height: 1.358; }

.box_result .result_comment .tools_comment a { color: #4267b2; cursor: pointer; text-decoration: none; }

.box_result .result_comment .tools_comment span { color: #90949c; }

.body_comment .show_more { background: #3578e5; border: none; box-sizing: border-box; color: #fff; font-size: 14px; margin-top: 24px; padding: 12px; text-shadow: none; width: 100%; font-weight: bold; position: relative; text-align: center; vertical-align: middle; border-radius: 2px; cursor: pointer; }

.list-comment li:before { display: none; }

.list-comment .box_result { display: flex; align-items: flex-start; }

@media (max-width: 480px) { #fbcomment { padding: 30px 10px; } }

/*# sourceMappingURL=screen.css.map */