/*
Theme Name: Wikitude
Description: Wikitude Theme
Author: Eva Triantafillopoulou
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: wikitude
*/
@charset "UTF-8";
/*------------------------------------*\
#BORDERS
\*------------------------------------*/
/**
* Do not edit directly
* Generated on Wed, 17 Jul 2019 11:51:31 GMT
*/
/*------------------------------------*\
#COLORS
\*------------------------------------*/
html {
min-height: 100%;
background-color: #101010;
overflow-x: hidden;
}
*,
*::before,
*::after {
box-sizing: inherit; }
/* Fonts */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 300;
src: url(/wp-content/themes/wikitude/fonts/S6u_w4BMUTPHjxsI9w2_FQftx9897sxZ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
src: url(/wp-content/themes/wikitude/fonts/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url(/wp-content/themes/wikitude/fonts/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: url(/wp-content/themes/wikitude/fonts/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(/wp-content/themes/wikitude/fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(/wp-content/themes/wikitude/fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url(/wp-content/themes/wikitude/fonts/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url(/wp-content/themes/wikitude/fonts/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url(/wp-content/themes/wikitude/fonts/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url(/wp-content/themes/wikitude/fonts/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
font-family: Lato, Roboto, sans-serif;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased;
margin: 0;
background: rgba(16, 16, 16, 0.95);
}
.entry-content {
font-family: Lato, Roboto, sans-serif;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file {
font-family: Lato, Roboto, sans-serif !important;
}
h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3 {
margin: 0;
}
h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 {
margin: 0;
}
.entry-content h4, .entry-content h5, .entry-content h6 {
margin: 0px;
}
/* .user-is-tabbing class is added on tab navigation (see client/initial-render.js) - when this class isn't present, remove focus outlines */
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) video:focus,
body:not(.user-is-tabbing) textarea:focus {
outline: none;
}
input {
font-family: Lato, Roboto, sans-serif !important;
}
input:lang(zh-cn) {
font-family: Lato, Roboto, sans-serif !important;
}
.entry-content {
font-family: Lato, Roboto, sans-serif !important;
}
svg, img, embed, object {
display: unset;
}
img.round_corners {
border-radius: 14px;
}
#site-content {
background-color: #101010;
overflow: hidden;
padding-top: 75px;
}
@media screen and (max-width: 1024px) {
#site-content {
padding-top: 100px;
}
}
@media screen and (max-width: 715px) {
#site-content {
padding-top: 120px;
}
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: unset;
width: 100%;
}
.post-inner {
padding-top: 0rem;
}
section {
padding: 0px;
}
.comments-wrapper.section-inner {
display: none;
}
.footer-inner.section-inner {
width: 100%;
max-width: 100%;
padding: 32px 40px;
background: #101010;
}
@media screen and (min-width: 700px) {
.section-inner {
width: 100%;
}
}
/* Background Templates */
.background_short_template {
margin-bottom: 0px;
background-image: url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02114310/Ellipse-41.png), url(https://cdn.wikitude.com/static-website/2022/08/02113925/Ellipse-3755.png), url(https://cdn.wikitude.com/static-website/2022/07/11113212/Ellipse-3752-1.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px,100%, 100%, -36px;
background-position-y: 300px, 0px,400px, 440px;
}
.background_product_template {
margin-bottom: 0px;
background-image: url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02113925/Ellipse-3755.png), url(https://cdn.wikitude.com/static-website/2022/12/02104547/Ellipse-3753-4.png), url(https://cdn.wikitude.com/static-website/2022/12/02104629/Ellipse-3752-3.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px,100%, 0px, 100%;
background-position-y: -80px, 370%, 0px, 100%;
}
.background_blog_template {
margin-bottom: 0px;
background-image: url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02114310/Ellipse-41.png), url(https://cdn.wikitude.com/static-website/2022/08/02113925/Ellipse-3755.png),url(https://cdn.wikitude.com/static-website/2022/07/11113212/Ellipse-3752-1.png), url(https://cdn.wikitude.com/static-website/2022/09/14105641/Ellipse-3753-1.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px,100%, 100%, -30px, 105%;
background-position-y: -80%, 0px,-150%, 140%, 0;
}
.background_home_ellipse {
background-image: url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02113925/Ellipse-3755.png),url(https://cdn.wikitude.com/static-website/2022/08/01123540/Ellipse-3753.png), url(https://cdn.wikitude.com/static-website/2022/08/01123540/Ellipse-3753.png), url(https://cdn.wikitude.com/static-website/2022/08/01123540/Ellipse-3753.png), url(https://cdn.wikitude.com/static-website/2022/08/02114931/Ellipse-3752.png), url(https://cdn.wikitude.com/static-website/2022/08/02114938/Ellipse-3756.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px, -200px,-60px,100%, 0, 0, 0, 100%, 100%;
background-position-y: 300px, 1800px, 2900px, 1500px, 300px, 2700px, 4450px, 1500px, 3000px;
}
.background_video_ellipse {
background-image: url(https://cdn.wikitude.com/static-website/2022/08/02090526/Ellipse-4.png), url(https://cdn.wikitude.com/static-website/2022/08/02114310/Ellipse-41.png), url(https://cdn.wikitude.com/static-website/2022/08/02114532/Ellipse-3754.png);
background-repeat: no-repeat;
background-size: contain, contain, auto;
background-position-x: -60px, 100%,100%;
background-position-y: 350px, 0px, 100%;
}
.background_polka_dots {
background-image: url(https://cdn.wikitude.com/static-website/2022/09/06110436/Ellipse-1-1.png), url(https://cdn.wikitude.com/static-website/2022/09/06110455/Ellipse-2-1.png), url(https://cdn.wikitude.com/static-website/2022/09/06110436/Ellipse-1-1.png), url(https://cdn.wikitude.com/static-website/2022/09/06110455/Ellipse-2-1.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: 0px, 100%, 0px, 100%;
background-position-y: -300px, 100px, 2000px, 1300px;
position: relative;
}
.background_polka_dots::before {
background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,');
content: '';
position: absolute;
width: 100vw;
height: 100vh;
opacity: 0.5;
filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
transform: matrix(0.71, 0.41, -1.22, 0.71, 0, 0);
/* left: 32%; */
top: 5%;
background-size: initial;
}
.background_smart_ar_glasses {
background-image: url(https://cdn.wikitude.com/static-website/2022/09/26150841/Ellipse-3755-1.png), url(https://cdn.wikitude.com/static-website/2022/09/26151021/Ellipse-2.png), url(https://cdn.wikitude.com/static-website/2022/09/26150729/Ellipse-4-1.png), url(https://cdn.wikitude.com/static-website/2022/09/26150107/Ellipse-3753-2.png), url(https://cdn.wikitude.com/static-website/2022/08/01123540/Ellipse-3753.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px,-60px,100%, 100%, 0;
background-position-y: 105%, 114%, 42%, 34%, 60%;
}
.background_polka_dots::after {
background-image: url('data:image/svg+xml;utf8,');
content: '';
position: absolute;
width: 80vw;
height: 70vh;
opacity: 0.5;
filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
transform: matrix(0.71, 0.41, -1.22, 0.71, 0, 0);
top: 61%;
left: 8%;
background-size: initial;
}
.background_qualcomm_xr_labs {
background-image: url(https://cdn.wikitude.com/static-website/2022/09/26150841/Ellipse-3755-1.png), url(https://cdn.wikitude.com/static-website/2022/12/02104718/Ellipse-3758.png), url(https://cdn.wikitude.com/static-website/2022/09/06110455/Ellipse-2-1.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px,-60px,100%;
background-position-y: 700px, 1700px, 1400px;
}
.background_qualcomm_xr_labs::before {
position: absolute;
z-index: 0;
content: '';
background-image: url(https://cdn.wikitude.com/static-website/2022/12/02104802/Ellipse-3753-3.png), url(https://cdn.wikitude.com/static-website/2022/12/02104837/Ellipse-3752-1.png);
background-repeat: no-repeat;
background-size: initial;
background-position-x: 10%, 100%;
background-position-y: 800px, 1420px;
opacity: 0.8;
width: 100%;
height: 243%;
}
.background_showcases {
background-image: url(https://cdn.wikitude.com/static-website/2022/09/26150841/Ellipse-3755-1.png), url(https://cdn.wikitude.com/static-website/2022/12/02104916/Ellipse-4-1.png), url(https://cdn.wikitude.com/static-website/2022/12/02104952/Ellipse-3752-2.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: -30px,100%, 0px;
background-position-y: 700px, -500px, 50px;
}
.background_store {
background-image: url(https://cdn.wikitude.com/static-website/2022/12/02105032/Ellipse-4.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: 55%;
background-position-y: 20%;
}
.background_download_polka_dots {
background-image: url(https://cdn.wikitude.com/static-website/2022/09/06110455/Ellipse-2-1.png), url(https://cdn.wikitude.com/static-website/2022/09/06110436/Ellipse-1-1.png);
background-repeat: no-repeat;
background-size: auto;
background-position-x: 100%, 0;
background-position-y: -300px, 300px;
position: relative;
}
.background_download_polka_dots::before {
background-image: url('data:image/svg+xml;utf8,');
content: '';
position: absolute;
width: 100vw;
height: 100vh;
opacity: 0.5;
filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
transform: matrix(0.71, 0.41, -1.22, 0.71, 0, 0);
left: 20%;
top: 10%;
background-size: initial;
}
/* End of Background Templates */
/* Herographic sections */
.herographic {
box-sizing: border-box;
overflow: hidden;
}
section.herographic.herographic--about {
background-repeat: no-repeat;
text-align: center;
height: 88vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
background-size: cover;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url(https://cdn.wikitude.com/static-website/2022/12/02105148/XR_Labs_Austria.png);
}
section.herographic--about-values {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%), url(https://cdn.wikitude.com/static-website/2022/12/02105239/Colleagues-enjoying-lunch-together.png);
background-size: cover;
background-position: center;
z-index: 2;
position: relative;
}
.herographic--showcases {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.6%, #000000 100%);
}
section.herographic.herographic--academy {
padding: 100px 200px;
max-width: 100%;
width: 100%;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(https://cdn.spaces.qualcomm.com/wp-content/uploads/2022/04/18071458/MicrosoftTeams-image-scaled-1.jpeg);
background-size: cover;
min-height: 92vh;
display: flex;
justify-content: center;
align-items: end;
}
.herographic--instant-tracking {
background-position: center center;
background-size: cover;
height: calc(100vh - 60%) !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(https://cdn.wikitude.com/static-website/2018/10/10154428/180612_WT_Web_HG_InstantTracking_02.jpg);
}
.herographic--multiple-object-tracking {
background-position: center center;
background-size: cover;
height: calc(100vh - 60%) !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(//cdn.wikitude.com/static-website/2020/03/26111521/Hero-Image-Multiple-Object-Tracking.png);
}
.herographic--multiple-trackers {
background-position: center center;
background-size: cover;
height: calc(100vh - 60%) !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(//cdn.wikitude.com/static-website/2020/03/26111521/Hero-Image-Multiple-Object-Tracking.png);
}
.herographic--cylinder-tracking {
background-position: center center;
background-size: cover;
height: calc(100vh - 60%) !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(//cdn.wikitude.com/static-website/2020/03/26111445/Hero-Image-Cylinder-Tracking-Feature.png);
}
.herographic--multiple-targets {
background-position: center center;
background-size: cover;
height: calc(100vh - 60%) !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(//cdn.wikitude.com/static-website/2018/10/10154329/171129_WT_Web_HG_MultipleTargets_03.jpg);
}
.herographic--cloud-recognition {
background-position: center center;
background-size: cover;
height: calc(100vh - 60%) !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(//www.wikitude.com/wp-content/uploads/2017/03/170324_WT_Web_HG_CloudRecognition.jpg);
}
@media screen and (max-width: 800px) {
section.herographic.herographic--academy {
padding: 100px 50px;
background-position: center;
}
}
@media screen and (max-width: 575px) {
html {
font-size: 100%; }
section.herographic.herographic--about {
height: 50vh;
}
}
@media screen and (min-width: 576px) {
html {
font-size: 112.5%; }
}
body {
font-size: 1rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.6666666667rem;
font-family: Lato, Roboto, sans-serif;
color: #001428;
margin-bottom: 0;
}
/* Paragraphs and headings */
p {
color: #4F4F4F;
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-bottom: 0.6666666667rem;
}
.wt-body-one {
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-bottom: 0.6666666667rem;
}
.wt-body-two {
font-size: 0.8888888889rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
}
h1, .wt-h1 {
font-size: 54px;
font-weight: 700;
line-height: 62px ;
margin-bottom: 24px;
}
h2, .wt-h2 {
font-size: 44px;
font-weight: 700;
line-height: 50.6px;
margin-bottom: 24px;
}
h3, .wt-h3 {
font-size: 35px;
font-weight: 700;
line-height: 40.25px;
margin-bottom: 16px;
}
h4, .wt-h4 {
font-size: 28px;
font-weight: 700;
line-height: 32.2px;
margin-bottom: 16px;
}
h5, .wt-h5 {
font-size: 22px;
font-weight: 700;
line-height: 25px;
margin-bottom: 0px;
}
h6, .wt-h6 {
font-size: 18px;
font-weight: 700;
line-height: 26px;
text-transform: none;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
h7, .wt-h7 {
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-transform: none;
margin-bottom: 0.4444444444rem;
}
.wt-subtitle-one {
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
font-weight: 400;
margin-bottom: 0.6666666667rem;
}
.wt-subtitle-two {
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
font-weight: 400;
margin-bottom: 0.6666666667rem;
}
.wt-subtitle_three {
font-size: 14px;
line-height: 18px;
letter-spacing: 0px;
font-weight: 400;
margin-bottom: 0.6666666667rem;
}
.wt-button-text {
font-size: 0.7777777778rem;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
text-transform: uppercase;
letter-spacing: 0.025em; }
.wt-caption {
font-size: 0.7777777778rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
margin-top: 0.6666666667rem; }
.wt-overline-one {
font-size: 22px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0.4444444444rem;}
.wt-overline-two {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 0.2222222222rem; }
@media screen and (min-width: 700px) {
.entry-content h1, .entry-content h2, .entry-content h3 {
margin: 1rem auto 3rem;}
}
@media screen and (max-width: 1440px) {
h1 {
font-size: 42px;
line-height: 48px;
letter-spacing: -0.5px;
}
.wt-subtitle-one {
font-size: 18px;
line-height: 27px;
}
}
@media screen and (max-width: 950px) {
h1 {
font-size: 36px;
line-height: 40px;
letter-spacing: 0px;
}
h2 {
font-size: 32px;
line-height: 30px;
}
h5 {
font-size: 18px;
line-height: 21px;
}
}
@media (max-width: 550px) {
h1 {
font-size: 26px;
line-height: 30px;
letter-spacing: 0px;
}
h2 {
font-size: 28px;
line-height: 20px;
letter-spacing: 0px;
}
h3, h4 {
font-size: 18px;
line-height: 24px;
}
.wt-subtitle-one {
font-size: 16px;
line-height: 24px;
}
.wt-subtitle-two {
font-size: 14px;
line-height: 18px;
}
}
@media screen and (max-width: 500px) {
h5 {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.5px;
}
}
/* Links */
a {
color: #9FA8DA; }
a, .wt-common-link {
color: #7986CB;
cursor: pointer;
font-weight: 400;
transition: color .1s ease;
border-bottom: 2px solid #D9DCF0;
text-decoration: none;
}
a:hover, .wt-common-link:hover {
color: #4F4F4F;
text-decoration: none;
border-bottom: 2px solid #A0A0A0;
}
a:active, .wt-common-link:active {
color: #ffffff; }
a--arrow:after, .wt-common-link--arrow:after {
content: "\2192";
padding-left: 5px; }
a--arrow-left:after, .wt-common-link--arrow-left:before {
content: "\2190";
padding-right: 5px; }
.wt-common-link-white {
color: #ffffff;
cursor: pointer;
font-weight: 400;
font-size: 18px;
transition: color .1s ease;
border-bottom: 0px;
text-decoration: none;
}
.wt-common-link-white--arrow::after {
content: "\2303";
position: relative;
top: -1px;
padding-left: 7px;
transform: rotate(90deg);
font-weight: 900;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
display: inline-block;
transition: transform .3s ease-out;
}
.wt-common-link-white:hover::after {
-webkit-transform: translateX(10px) rotate(90deg);
-moz-transform:translateX(10px) rotate(90deg);
-o-transform: translateX(10px) rotate(90deg);
transform: translateX(10px) rotate(90deg);
}
.wt-unstyled-link {
cursor: pointer;
border-bottom: 0px;
transition: color .1s ease;
text-decoration: none; }
.wt-unstyled-link:hover {
color: #3f51b5;
border-bottom: 0px;
text-decoration: none; }
a.unstyled-link {
border: none;
}
.showcases_filter_links.active {
font-style: normal;
font-weight: 500;
font-size: 18px;
text-align: center;
color: #FEBF00;
border: 0px
}
.showcases_filter_links {
font-style: normal;
font-weight: 500;
font-size: 18px;
text-align: center;
color: #ffffff;
border: 0px
}
@media screen and (max-width: 480px) {
.showcases_filter_links.active {
font-size: 16px;
}
.showcases_filter_links {
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
a,
.wt-unstyled-link {
padding: 0em; } }
.wt-alert {
font-size: 0.8888888889rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
padding: 0.6666666667rem;
border-left-width: 0.2222222222rem;
border-left-style: solid; }
.wt-alert--info {
background-color: #d9dcf0;
border-color: #3f51b5;
color: #2a3679; }
.wt-alert--error {
background-color: #f9dddd;
border-color: #a52626;
color: #6e1919; }
.wt-alert--success {
background-color: #daefe2;
border-color: #358353;
color: #235837; }
.wt-alert--warning {
background-color: #fff2cc;
border-color: #e39923;
color: #965c10; }
*, :before, :after {
box-sizing: border-box; }
/* Buttons */
.wt-btn {
background-color: #3f51b5;
color: #ffffff;
padding: 10px 24px;
border-radius: 24px;
display: inline-block;
white-space: nowrap;
border: 0px;
}
.wt-btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
background-color: #3F51B5;
color: #FFFFFF;
font-family: Lato, Roboto, sans-serif;
border: 1px solid #3F51B5;
padding: 10px 24px;
border-radius: 24px;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
text-transform: none;
}
.wt-btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
background-color: rgba(63, 81, 181, 0.9);
border-color: rgba(63, 81, 181, 0.9);
color: #FFFFFF;
text-decoration: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.12); }
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
top: 2px;
display: inline-block;
margin: 0;
width: 18px;
min-width: 18px;
height: 18px;
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
border-color: #dcd7ca;
box-shadow: none;
cursor: pointer;
margin-right: 5px;
}
.wpcf7-list-item-label {
font-size: 18px;
line-height: 30px !important;
letter-spacing: 0px;
font-weight: 400;
}
.wt-btn--stretch {
width: 100% !important; }
.wt-btn--secondary,
.wt-btn--text,
input[type="reset"] {
background-color: transparent;
color: #3f51b5;
border: 1.5px solid #3F51B5;
border-radius: 24px;
padding: 10px 24px;
font-size: 18px;
line-height: 22px;
text-decoration: none;
}
.wt-btn--secondary:hover {
background-color: #F2F3F4;
border-color: #3F51B5;
color: #3F51B5; }
.wt-btn--text {
padding: 0.4444444444rem 0.6666666667rem;
border-color: transparent;
box-shadow: none; }
.wt-btn--text:hover {
color: #3F51B5;
background-color: #F2F3F4;
border-color: transparent;
box-shadow: none; }
p + .wt-btn {
margin-top: 16px; }
.wt-btn + .wt-btn {
margin-top: 12px; }
.button-group.filters-button-group.oh {
display: flex;
flex-direction: row;
padding: 1px;
background: #191919;
border-radius: 24px;
}
.filter-btn.active {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 16px;
gap: 8px;
background: #2C2C2C;
border-radius: 24px;
flex: none;
order: 0;
flex-grow: 0;
}
.filter-btn {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 16px;
gap: 8px;
border-radius: 24px;
justify-content: center;
flex: none;
order: 0;
flex-grow: 0;
}
@media screen and (max-width: 480px) {
.filter-btn.active {
padding: 8px 10px;
}
.filter-btn {
padding: 8px 10px;
}
}
@media screen and (min-width: 480px) {
.wt-btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
width: auto; }
.wt-btn + .wt-btn {
margin-top: 0;
margin-left: 12px; } }
.wt-btn--related {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border: 2px solid #E4E6E8;
position: relative;
padding: 16px;
border-radius: 14px;
width: 100%; }
.wt-btn--related:hover {
background-color: #3F51B5;
border-color: #3F51B5;
color: #FFFFFF; }
.wt-btn--related:hover *, .wt-btn--related:hover::after {
color: #FFFFFF; }
.wt-btn--related:hover .wt-btn--related__icon {
background-position: 0 100%; }
.wt-btn--related__icon {
width: 24px;
height: 24px;
margin-right: 8px;
background-size: 24px;
background-position: 0 0; }
.wt-btn--related__icon--documentation {
background-image: url(//cdn.wikitude.com/static-website/2019/04/19085858/documentation.svg); }
.wt-btn--related__icon--references {
background-image: url(//cdn.wikitude.com/static-website/2019/04/19085859/references.svg); }
.wt-btn--related__icon--tutorials {
background-image: url(//cdn.wikitude.com/static-website/2019/04/19085859/tutorials.svg); }
.wt-btn--related__icon--support {
background-image: url(//cdn.wikitude.com/static-website/2019/04/19085859/support.svg); }
.wt-btn--related__icon--dev-blog {
background-image: url(//cdn.wikitude.com/static-website/2019/04/19090433/dev-blog.svg); }
/* Load more Btn */
.alm-btn-wrap {
margin-top: 48px;
text-align: center;
}
.wt-btn,
input[type="button"],
input[type="submit"],
input[type="reset"], .cssbutton, .btnwhite {
font-size: 18px;
font-weight: 700;
line-height: 21.6px;
margin-bottom: 0.4444444444rem; }
.wt-btn::-moz-focus-inner {
padding: 0;
border: 0; }
.wt-btn--stretch {
width: 100%; }
.wt-btn--icon {
padding-left: 0.6666666667rem !important; }
.wt-btn--icon .wt-btn__icon {
margin-right: 0.4444444444rem;
margin-top: -3px;
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
font-size: 18px;
color: inherit; }
.wt-btn:focus, .wt-btn:hover {
background-color: rgba(63, 81, 181, 0.9);
border-color: rgba(63, 81, 181, 0.9);
color: #ffffff;
text-decoration: none;
box-shadow: 0 3px 6px rgb(0 0 0 / 15%), 0 2px 4px rgb(0 0 0 / 12%);
}
.wt-btn--secondary, .wt-btn--text {
background-color: transparent;
color: #3f51b5; }
.wt-btn--secondary:focus, .wt-btn--secondary:hover {
background-color: rgba(63, 81, 181, 0.1);
border-color: #3f51b5;
color: #3f51b5; }
.wt-btn--text {
padding: 0.4444444444rem 0.6666666667rem;
border-color: transparent;
box-shadow: none;
line-height: 1.4em !important; }
.wt-btn--text:focus, .wt-btn--text:hover {
color: #3f51b5;
background-color: #f2f3f4;
border-color: transparent;
box-shadow: none; }
.wt-btn--disabled, button:disabled,
button[disabled] {
border-color: #e4e6e8;
background-color: #e4e6e8;
color: #98a0a8;
box-shadow: none;
cursor: not-allowed; }
.wt-btn--disabled:hover, button:hover:disabled,
button[disabled]:hover {
border-color: #e4e6e8;
background-color: #e4e6e8;
color: #98a0a8;
box-shadow: none; }
/* Columns */
.container {
width: 800px;
max-width: 100%;
padding: 64px 0px;
margin-right: auto;
margin-left: auto; }
.maximum_width {
width: 1040px;
}
.container_product {
width: 1000px;
max-width: 100%;
padding: 64px 0px;
margin-right: auto;
margin-left: auto;
}
.blog_width {
width: 1100px !important;
}
.cart__container {
padding-top: 96px;
padding-bottom: 96px;
width: 1140px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto; }
.container.home_video {
padding: 180px 0px 100px 120px;
width: 83%;
}
@media screen and (max-width: 1150px) {
.container.home_video {
padding: 100px 0px;
}
}
@media screen and (max-width: 1024px) {
.container, .container_product {
padding: 50px;
}
}
@media screen and (max-width: 880px) {
.container.home_video {
padding: 150px 0px;
}
.container, .container_product {
padding: 40px;
}
}
@media screen and (max-width: 480px) {
.container.home_video {
padding: 280px 0px 50px 0px;
}
}
.container.smart_glasses {
padding: 100px 200px;
max-width: 100%;
width: 100%;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) -29.79%, rgba(0, 0, 0, 0.9) 100%), url(https://cdn.wikitude.com/static-website/2022/09/20110757/Wiki-Hero-v6_0019-1_Gelb-1.png);
background-size: cover;
height: 90vh;
}
@media screen and (max-width: 880px) {
.container.smart_glasses {
padding: 100px 50px;
}
}
@media screen and (max-width: 480px) {
.container.smart_glasses {
background-position: center top;
}
}
.container.showcases_header {
width: 1100px;
display: flex;
flex-direction: column;
padding-top: 0px;
max-width: 100%;
}
.first_row_showcases {
justify-content: flex-end;
display: flex;
}
.first_row_showcases img {
width: unset;
}
.second_row_showcases {
display: flex;
justify-content: flex-start;
}
.second_row_showcases img {
width: unset;
height: unset;
}
@media screen and (max-width: 576px) {
.container {
max-width: 90%; }
.container_product {
max-width: 90%;
}
.container.showcases_header {
padding: 0px;
}
.first_row_showcases img {
width: 150px;
}
.second_row_showcases img {
width: 100px;
height: 100px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px; }
.position_center {
justify-content: center;
}
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px; }
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%; }
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; }
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%; }
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; }
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%; }
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media screen and (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%; }
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; }
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%; }
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; }
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%; }
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.333333%; }
.offset-sm-2 {
margin-left: 16.666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.333333%; }
.offset-sm-5 {
margin-left: 41.666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.333333%; }
.offset-sm-8 {
margin-left: 66.666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.333333%; }
.offset-sm-11 {
margin-left: 91.666667%; } }
@media screen and (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%; }
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; }
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%; }
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; }
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%; }
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.333333%; }
.offset-md-2 {
margin-left: 16.666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.333333%; }
.offset-md-5 {
margin-left: 41.666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.333333%; }
.offset-md-8 {
margin-left: 66.666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.333333%; }
.offset-md-11 {
margin-left: 91.666667%; } }
@media screen and (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%; }
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; }
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%; }
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; }
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%; }
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.333333%; }
.offset-lg-2 {
margin-left: 16.666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.333333%; }
.offset-lg-5 {
margin-left: 41.666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.333333%; }
.offset-lg-8 {
margin-left: 66.666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.333333%; }
.offset-lg-11 {
margin-left: 91.666667%; } }
@media screen and (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%; }
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; }
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%; }
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; }
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%; }
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.333333%; }
.offset-xl-2 {
margin-left: 16.666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.333333%; }
.offset-xl-5 {
margin-left: 41.666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.333333%; }
.offset-xl-8 {
margin-left: 66.666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.333333%; }
.offset-xl-11 {
margin-left: 91.666667%; } }
/* Margins and Paddings */
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 4px !important; }
.mt-1,
.my-1 {
margin-top: 4px !important; }
.mr-1,
.mx-1 {
margin-right: 4px !important; }
.mb-1,
.my-1 {
margin-bottom: 4px !important; }
.ml-1,
.mx-1 {
margin-left: 4px !important; }
.m-2 {
margin: 8px !important; }
.mt-2,
.my-2 {
margin-top: 8px !important; }
.mr-2,
.mx-2 {
margin-right: 8px !important; }
.mb-2,
.my-2 {
margin-bottom: 8px !important; }
.ml-2,
.mx-2 {
margin-left: 8px !important; }
.m-3 {
margin: 16px !important; }
.mt-3,
.my-3 {
margin-top: 16px !important; }
.mr-3,
.mx-3 {
margin-right: 16px !important; }
.mb-3,
.my-3 {
margin-bottom: 16px !important; }
.ml-3,
.mx-3 {
margin-left: 16px !important; }
.m-4 {
margin: 24px !important; }
.mt-4,
.my-4 {
margin-top: 24px !important; }
.mr-4,
.mx-4 {
margin-right: 24px !important; }
.mb-4,
.my-4 {
margin-bottom: 24px !important; }
.ml-4,
.mx-4 {
margin-left: 24px !important; }
.m-5 {
margin: 32px !important; }
.mt-5,
.my-5 {
margin-top: 32px !important; }
.mr-5,
.mx-5 {
margin-right: 32px !important; }
.mb-5,
.my-5 {
margin-bottom: 32px !important; }
.ml-5,
.mx-5 {
margin-left: 32px !important; }
.m-6 {
margin: 48px !important; }
.mt-6,
.my-6 {
margin-top: 48px !important; }
.mr-6,
.mx-6 {
margin-right: 48px !important; }
.mb-6,
.my-6 {
margin-bottom: 48px !important; }
.ml-6,
.mx-6 {
margin-left: 48px !important; }
.p-0 {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 4px !important; }
.pt-1,
.py-1 {
padding-top: 4px !important; }
.pr-1,
.px-1 {
padding-right: 4px !important; }
.pb-1,
.py-1 {
padding-bottom: 4px !important; }
.pl-1,
.px-1 {
padding-left: 4px !important; }
.p-2 {
padding: 8px !important; }
.pt-2,
.py-2 {
padding-top: 8px !important; }
.pr-2,
.px-2 {
padding-right: 8px !important; }
.pb-2,
.py-2 {
padding-bottom: 8px !important; }
.pl-2,
.px-2 {
padding-left: 8px !important; }
.p-3 {
padding: 16px !important; }
.pt-3,
.py-3 {
padding-top: 16px !important; }
.pr-3,
.px-3 {
padding-right: 16px !important; }
.pb-3,
.py-3 {
padding-bottom: 16px !important; }
.pl-3,
.px-3 {
padding-left: 16px !important; }
.p-4 {
padding: 24px !important; }
.pt-4,
.py-4 {
padding-top: 24px !important; }
.pr-4,
.px-4 {
padding-right: 24px !important; }
.pb-4,
.py-4 {
padding-bottom: 24px !important; }
.pl-4,
.px-4 {
padding-left: 24px !important; }
.p-5 {
padding: 32px !important; }
.pt-5,
.py-5 {
padding-top: 32px !important; }
.pr-5,
.px-5 {
padding-right: 32px !important; }
.pb-5,
.py-5 {
padding-bottom: 32px !important; }
.pl-5,
.px-5 {
padding-left: 32px !important; }
.p-6 {
padding: 48px !important; }
.pt-6,
.py-6 {
padding-top: 48px !important; }
.pr-6,
.px-6 {
padding-right: 48px !important; }
.pb-6,
.py-6 {
padding-bottom: 48px !important; }
.pl-6,
.px-6 {
padding-left: 48px !important; }
.m-n1 {
margin: -4px !important; }
.mt-n1,
.my-n1 {
margin-top: -4px !important; }
.mr-n1,
.mx-n1 {
margin-right: -4px !important; }
.mb-n1,
.my-n1 {
margin-bottom: -4px !important; }
.ml-n1,
.mx-n1 {
margin-left: -4px !important; }
.m-n2 {
margin: -8px !important; }
.mt-n2,
.my-n2 {
margin-top: -8px !important; }
.mr-n2,
.mx-n2 {
margin-right: -8px !important; }
.mb-n2,
.my-n2 {
margin-bottom: -8px !important; }
.ml-n2,
.mx-n2 {
margin-left: -8px !important; }
.m-n3 {
margin: -16px !important; }
.mt-n3,
.my-n3 {
margin-top: -16px !important; }
.mr-n3,
.mx-n3 {
margin-right: -16px !important; }
.mb-n3,
.my-n3 {
margin-bottom: -16px !important; }
.ml-n3,
.mx-n3 {
margin-left: -16px !important; }
.m-n4 {
margin: -24px !important; }
.mt-n4,
.my-n4 {
margin-top: -24px !important; }
.mr-n4,
.mx-n4 {
margin-right: -24px !important; }
.mb-n4,
.my-n4 {
margin-bottom: -24px !important; }
.ml-n4,
.mx-n4 {
margin-left: -24px !important; }
.m-n5 {
margin: -32px !important; }
.mt-n5,
.my-n5 {
margin-top: -32px !important; }
.mr-n5,
.mx-n5 {
margin-right: -32px !important; }
.mb-n5,
.my-n5 {
margin-bottom: -32px !important; }
.ml-n5,
.mx-n5 {
margin-left: -32px !important; }
.m-n6 {
margin: -48px !important; }
.mt-n6,
.my-n6 {
margin-top: -48px !important; }
.mr-n6,
.mx-n6 {
margin-right: -48px !important; }
.mb-n6,
.my-n6 {
margin-bottom: -48px !important; }
.ml-n6,
.mx-n6 {
margin-left: -48px !important; }
.m-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media screen and (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 4px !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 4px !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 4px !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 4px !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 4px !important; }
.m-sm-2 {
margin: 8px !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 8px !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 8px !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 8px !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 8px !important; }
.m-sm-3 {
margin: 16px !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 16px !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 16px !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 16px !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 16px !important; }
.m-sm-4 {
margin: 24px !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 24px !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 24px !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 24px !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 24px !important; }
.m-sm-5 {
margin: 32px !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 32px !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 32px !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 32px !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 32px !important; }
.m-sm-6 {
margin: 48px !important; }
.mt-sm-6,
.my-sm-6 {
margin-top: 48px !important; }
.mr-sm-6,
.mx-sm-6 {
margin-right: 48px !important; }
.mb-sm-6,
.my-sm-6 {
margin-bottom: 48px !important; }
.ml-sm-6,
.mx-sm-6 {
margin-left: 48px !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 4px !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 4px !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 4px !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 4px !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 4px !important; }
.p-sm-2 {
padding: 8px !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 8px !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 8px !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 8px !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 8px !important; }
.p-sm-3 {
padding: 16px !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 16px !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 16px !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 16px !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 16px !important; }
.p-sm-4 {
padding: 24px !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 24px !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 24px !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 24px !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 24px !important; }
.p-sm-5 {
padding: 32px !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 32px !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 32px !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 32px !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 32px !important; }
.p-sm-6 {
padding: 48px !important; }
.pt-sm-6,
.py-sm-6 {
padding-top: 48px !important; }
.pr-sm-6,
.px-sm-6 {
padding-right: 48px !important; }
.pb-sm-6,
.py-sm-6 {
padding-bottom: 48px !important; }
.pl-sm-6,
.px-sm-6 {
padding-left: 48px !important; }
.m-sm-n1 {
margin: -4px !important; }
.mt-sm-n1,
.my-sm-n1 {
margin-top: -4px !important; }
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -4px !important; }
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -4px !important; }
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -4px !important; }
.m-sm-n2 {
margin: -8px !important; }
.mt-sm-n2,
.my-sm-n2 {
margin-top: -8px !important; }
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -8px !important; }
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -8px !important; }
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -8px !important; }
.m-sm-n3 {
margin: -16px !important; }
.mt-sm-n3,
.my-sm-n3 {
margin-top: -16px !important; }
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -16px !important; }
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -16px !important; }
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -16px !important; }
.m-sm-n4 {
margin: -24px !important; }
.mt-sm-n4,
.my-sm-n4 {
margin-top: -24px !important; }
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -24px !important; }
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -24px !important; }
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -24px !important; }
.m-sm-n5 {
margin: -32px !important; }
.mt-sm-n5,
.my-sm-n5 {
margin-top: -32px !important; }
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -32px !important; }
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -32px !important; }
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -32px !important; }
.m-sm-n6 {
margin: -48px !important; }
.mt-sm-n6,
.my-sm-n6 {
margin-top: -48px !important; }
.mr-sm-n6,
.mx-sm-n6 {
margin-right: -48px !important; }
.mb-sm-n6,
.my-sm-n6 {
margin-bottom: -48px !important; }
.ml-sm-n6,
.mx-sm-n6 {
margin-left: -48px !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media screen and (min-width: 768px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
.my-md-0 {
margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: 4px !important; }
.mt-md-1,
.my-md-1 {
margin-top: 4px !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 4px !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 4px !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 4px !important; }
.m-md-2 {
margin: 8px !important; }
.mt-md-2,
.my-md-2 {
margin-top: 8px !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 8px !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 8px !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 8px !important; }
.m-md-3 {
margin: 16px !important; }
.mt-md-3,
.my-md-3 {
margin-top: 16px !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 16px !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 16px !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 16px !important; }
.m-md-4 {
margin: 24px !important; }
.mt-md-4,
.my-md-4 {
margin-top: 24px !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 24px !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 24px !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 24px !important; }
.m-md-5 {
margin: 32px !important; }
.mt-md-5,
.my-md-5 {
margin-top: 32px !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 32px !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 32px !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 32px !important; }
.m-md-6 {
margin: 48px !important; }
.mt-md-6,
.my-md-6 {
margin-top: 48px !important; }
.mr-md-6,
.mx-md-6 {
margin-right: 48px !important; }
.mb-md-6,
.my-md-6 {
margin-bottom: 48px !important; }
.ml-md-6,
.mx-md-6 {
margin-left: 48px !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0,
.py-md-0 {
padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: 4px !important; }
.pt-md-1,
.py-md-1 {
padding-top: 4px !important; }
.pr-md-1,
.px-md-1 {
padding-right: 4px !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 4px !important; }
.pl-md-1,
.px-md-1 {
padding-left: 4px !important; }
.p-md-2 {
padding: 8px !important; }
.pt-md-2,
.py-md-2 {
padding-top: 8px !important; }
.pr-md-2,
.px-md-2 {
padding-right: 8px !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 8px !important; }
.pl-md-2,
.px-md-2 {
padding-left: 8px !important; }
.p-md-3 {
padding: 16px !important; }
.pt-md-3,
.py-md-3 {
padding-top: 16px !important; }
.pr-md-3,
.px-md-3 {
padding-right: 16px !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 16px !important; }
.pl-md-3,
.px-md-3 {
padding-left: 16px !important; }
.p-md-4 {
padding: 24px !important; }
.pt-md-4,
.py-md-4 {
padding-top: 24px !important; }
.pr-md-4,
.px-md-4 {
padding-right: 24px !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 24px !important; }
.pl-md-4,
.px-md-4 {
padding-left: 24px !important; }
.p-md-5 {
padding: 32px !important; }
.pt-md-5,
.py-md-5 {
padding-top: 32px !important; }
.pr-md-5,
.px-md-5 {
padding-right: 32px !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 32px !important; }
.pl-md-5,
.px-md-5 {
padding-left: 32px !important; }
.p-md-6 {
padding: 48px !important; }
.pt-md-6,
.py-md-6 {
padding-top: 48px !important; }
.pr-md-6,
.px-md-6 {
padding-right: 48px !important; }
.pb-md-6,
.py-md-6 {
padding-bottom: 48px !important; }
.pl-md-6,
.px-md-6 {
padding-left: 48px !important; }
.m-md-n1 {
margin: -4px !important; }
.mt-md-n1,
.my-md-n1 {
margin-top: -4px !important; }
.mr-md-n1,
.mx-md-n1 {
margin-right: -4px !important; }
.mb-md-n1,
.my-md-n1 {
margin-bottom: -4px !important; }
.ml-md-n1,
.mx-md-n1 {
margin-left: -4px !important; }
.m-md-n2 {
margin: -8px !important; }
.mt-md-n2,
.my-md-n2 {
margin-top: -8px !important; }
.mr-md-n2,
.mx-md-n2 {
margin-right: -8px !important; }
.mb-md-n2,
.my-md-n2 {
margin-bottom: -8px !important; }
.ml-md-n2,
.mx-md-n2 {
margin-left: -8px !important; }
.m-md-n3 {
margin: -16px !important; }
.mt-md-n3,
.my-md-n3 {
margin-top: -16px !important; }
.mr-md-n3,
.mx-md-n3 {
margin-right: -16px !important; }
.mb-md-n3,
.my-md-n3 {
margin-bottom: -16px !important; }
.ml-md-n3,
.mx-md-n3 {
margin-left: -16px !important; }
.m-md-n4 {
margin: -24px !important; }
.mt-md-n4,
.my-md-n4 {
margin-top: -24px !important; }
.mr-md-n4,
.mx-md-n4 {
margin-right: -24px !important; }
.mb-md-n4,
.my-md-n4 {
margin-bottom: -24px !important; }
.ml-md-n4,
.mx-md-n4 {
margin-left: -24px !important; }
.m-md-n5 {
margin: -32px !important; }
.mt-md-n5,
.my-md-n5 {
margin-top: -32px !important; }
.mr-md-n5,
.mx-md-n5 {
margin-right: -32px !important; }
.mb-md-n5,
.my-md-n5 {
margin-bottom: -32px !important; }
.ml-md-n5,
.mx-md-n5 {
margin-left: -32px !important; }
.m-md-n6 {
margin: -48px !important; }
.mt-md-n6,
.my-md-n6 {
margin-top: -48px !important; }
.mr-md-n6,
.mx-md-n6 {
margin-right: -48px !important; }
.mb-md-n6,
.my-md-n6 {
margin-bottom: -48px !important; }
.ml-md-n6,
.mx-md-n6 {
margin-left: -48px !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
.my-md-auto {
margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media screen and (min-width: 992px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: 4px !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 4px !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 4px !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 4px !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 4px !important; }
.m-lg-2 {
margin: 8px !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 8px !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 8px !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 8px !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 8px !important; }
.m-lg-3 {
margin: 16px !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 16px !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 16px !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 16px !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 16px !important; }
.m-lg-4 {
margin: 24px !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 24px !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 24px !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 24px !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 24px !important; }
.m-lg-5 {
margin: 32px !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 32px !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 32px !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 32px !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 32px !important; }
.m-lg-6 {
margin: 48px !important; }
.mt-lg-6,
.my-lg-6 {
margin-top: 48px !important; }
.mr-lg-6,
.mx-lg-6 {
margin-right: 48px !important; }
.mb-lg-6,
.my-lg-6 {
margin-bottom: 48px !important; }
.ml-lg-6,
.mx-lg-6 {
margin-left: 48px !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: 4px !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 4px !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 4px !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 4px !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 4px !important; }
.p-lg-2 {
padding: 8px !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 8px !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 8px !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 8px !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 8px !important; }
.p-lg-3 {
padding: 16px !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 16px !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 16px !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 16px !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 16px !important; }
.p-lg-4 {
padding: 24px !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 24px !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 24px !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 24px !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 24px !important; }
.p-lg-5 {
padding: 32px !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 32px !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 32px !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 32px !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 32px !important; }
.p-lg-6 {
padding: 48px !important; }
.pt-lg-6,
.py-lg-6 {
padding-top: 48px !important; }
.pr-lg-6,
.px-lg-6 {
padding-right: 48px !important; }
.pb-lg-6,
.py-lg-6 {
padding-bottom: 48px !important; }
.pl-lg-6,
.px-lg-6 {
padding-left: 48px !important; }
.m-lg-n1 {
margin: -4px !important; }
.mt-lg-n1,
.my-lg-n1 {
margin-top: -4px !important; }
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -4px !important; }
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -4px !important; }
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -4px !important; }
.m-lg-n2 {
margin: -8px !important; }
.mt-lg-n2,
.my-lg-n2 {
margin-top: -8px !important; }
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -8px !important; }
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -8px !important; }
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -8px !important; }
.m-lg-n3 {
margin: -16px !important; }
.mt-lg-n3,
.my-lg-n3 {
margin-top: -16px !important; }
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -16px !important; }
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -16px !important; }
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -16px !important; }
.m-lg-n4 {
margin: -24px !important; }
.mt-lg-n4,
.my-lg-n4 {
margin-top: -24px !important; }
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -24px !important; }
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -24px !important; }
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -24px !important; }
.m-lg-n5 {
margin: -32px !important; }
.mt-lg-n5,
.my-lg-n5 {
margin-top: -32px !important; }
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -32px !important; }
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -32px !important; }
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -32px !important; }
.m-lg-n6 {
margin: -48px !important; }
.mt-lg-n6,
.my-lg-n6 {
margin-top: -48px !important; }
.mr-lg-n6,
.mx-lg-n6 {
margin-right: -48px !important; }
.mb-lg-n6,
.my-lg-n6 {
margin-bottom: -48px !important; }
.ml-lg-n6,
.mx-lg-n6 {
margin-left: -48px !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media screen and (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: 4px !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 4px !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 4px !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 4px !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 4px !important; }
.m-xl-2 {
margin: 8px !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 8px !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 8px !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 8px !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 8px !important; }
.m-xl-3 {
margin: 16px !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 16px !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 16px !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 16px !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 16px !important; }
.m-xl-4 {
margin: 24px !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 24px !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 24px !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 24px !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 24px !important; }
.m-xl-5 {
margin: 32px !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 32px !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 32px !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 32px !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 32px !important; }
.m-xl-6 {
margin: 48px !important; }
.mt-xl-6,
.my-xl-6 {
margin-top: 48px !important; }
.mr-xl-6,
.mx-xl-6 {
margin-right: 48px !important; }
.mb-xl-6,
.my-xl-6 {
margin-bottom: 48px !important; }
.ml-xl-6,
.mx-xl-6 {
margin-left: 48px !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: 4px !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 4px !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 4px !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 4px !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 4px !important; }
.p-xl-2 {
padding: 8px !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 8px !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 8px !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 8px !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 8px !important; }
.p-xl-3 {
padding: 16px !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 16px !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 16px !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 16px !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 16px !important; }
.p-xl-4 {
padding: 24px !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 24px !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 24px !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 24px !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 24px !important; }
.p-xl-5 {
padding: 32px !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 32px !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 32px !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 32px !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 32px !important; }
.p-xl-6 {
padding: 48px !important; }
.pt-xl-6,
.py-xl-6 {
padding-top: 48px !important; }
.pr-xl-6,
.px-xl-6 {
padding-right: 48px !important; }
.pb-xl-6,
.py-xl-6 {
padding-bottom: 48px !important; }
.pl-xl-6,
.px-xl-6 {
padding-left: 48px !important; }
.m-xl-n1 {
margin: -4px !important; }
.mt-xl-n1,
.my-xl-n1 {
margin-top: -4px !important; }
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -4px !important; }
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -4px !important; }
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -4px !important; }
.m-xl-n2 {
margin: -8px !important; }
.mt-xl-n2,
.my-xl-n2 {
margin-top: -8px !important; }
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -8px !important; }
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -8px !important; }
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -8px !important; }
.m-xl-n3 {
margin: -16px !important; }
.mt-xl-n3,
.my-xl-n3 {
margin-top: -16px !important; }
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -16px !important; }
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -16px !important; }
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -16px !important; }
.m-xl-n4 {
margin: -24px !important; }
.mt-xl-n4,
.my-xl-n4 {
margin-top: -24px !important; }
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -24px !important; }
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -24px !important; }
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -24px !important; }
.m-xl-n5 {
margin: -32px !important; }
.mt-xl-n5,
.my-xl-n5 {
margin-top: -32px !important; }
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -32px !important; }
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -32px !important; }
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -32px !important; }
.m-xl-n6 {
margin: -48px !important; }
.mt-xl-n6,
.my-xl-n6 {
margin-top: -48px !important; }
.mr-xl-n6,
.mx-xl-n6 {
margin-right: -48px !important; }
.mb-xl-n6,
.my-xl-n6 {
margin-bottom: -48px !important; }
.ml-xl-n6,
.mx-xl-n6 {
margin-left: -48px !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
/* Account Menu */
nav#page-tabs {
background-color: #ffffff;
position: fixed;
top: 75px;
left: 0;
width: 100%;
padding: 12px 30px;
z-index: 998;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
nav#page-tabs .nav-url {
position: absolute;
right: 2%;
top: 30%; }
nav#page-tabs .nav-url a.wt-navbar-homepageLink.u-unstyled-link {
text-transform: none !important;
color: #3f51b5;
font-weight: normal; }
nav#page-tabs .nav-url a.wt-navbar-homepageLink.u-unstyled-link:hover {
color: #001428; }
nav#page-tabs a {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .005em;
margin-right: 30px;
text-decoration: none;
color: #000;
height: 0px;
line-height: unset;
height: auto;
padding-bottom: 2%;
border-bottom: 0px; }
nav#page-tabs .wt-common-link {
color: #3f51b5 !important;
text-transform: none !important;
font-weight: 400 !important;
text-decoration: none; }
/* BUTTONS */
.woocommerce .button {
background-color: #3F51B5 !important;
color: #FFFFFF !important;
font-family: Lato, Roboto, sans-serif;
font-size: 0.7777777778rem !important;
line-height: 1.4 !important;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 9px 24px 10px !important;
border: 2px solid #3F51B5 !important;
border-radius: 3px !important;
text-align: center;
width: 100%;
float: none !important; }
.woocommerce .button:hover {
background-color: #2A3679 !important;
border-color: #2A3679 !important;
color: #FFFFFF !important;
text-decoration: none; }
@media screen and (min-width: 480px) {
.woocommerce .button {
width: auto; } }
/* ALERTS */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 12px !important;
margin-bottom: 32px !important;
border-top: none !important;
border-left-width: 4px !important;
border-left-style: solid !important; }
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
color: inherit !important; }
.woocommerce-error {
background-color: #F9DDDD !important;
border-color: #A52626 !important;
color: #6E1919 !important; }
.woocommerce-error a:hover {
color: #A52626 !important; }
.woocommerce-info {
background-color: #D9DCF0 !important;
border-color: #3F51B5 !important;
color: #2A3679 !important; }
.woocommerce-info a:hover {
color: #3F51B5 !important; }
p.cart-empty.woocommerce-info {
font-size: 18px;
}
.woocommerce-message {
background-color: #DAEFE2 !important;
border-color: #358353 !important;
color: #235837 !important; }
.woocommerce-message a:hover {
color: #358353 !important; }
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
content: none !important; }
/* TABLES */
table.wt-box.wt-box--sdk.mt-3.mb-3 td {
padding: 10px;
}
.wt-box--sdk td {
width: 33%;
}
td {
border: 0px;
padding: 0px;
}
table.licenseTable {
border-radius: 14px;
border: 0px;
background: #f2f3f4;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
table.licenseTable thead {
background: #ffffff;
}
table.licenseTable tbody {
font-size: 18px;
}
table.licenseTable tbody tr:hover td {
background: none; }
table.licenseTable th {
padding: 0px; }
table.licenseTable th, table.licenseTable td {
border: none; }
table.licenseTable tfoot th,
table.licenseTable tfoot td {
font-weight: 900; }
table.licenseTable tfoot tr {
background-color: #FFFFFF; }
table.licenseTable tfoot tr:last-child {
background-color: #98A0A8;
color: #FFFFFF; }
table.licenseTable tfoot tr:first-child {
border-top: 2px solid #CBCFD3; }
table.licenseTable .button {
margin: 4px; }
th.woocommerce-orders-table__header {
color: #98a0a8; }
/* My Account */
.myAccount {
padding: 96px 126px;
}
.wt-btn--related a.more-link {
font-size: 20px;
}
table.wt-table.wt-table--responsive-md.persist-area {
margin-top: 20px;
margin-bottom: 0px;
font-size: 18px;
color: #4F4F4F;
border: 1px solid rgb(0 0 0 / 18%) !important;
}
table.wt-table.wt-table--responsive-md.persist-area th, table.wt-table.wt-table--responsive-md.persist-area td {
border: 1px solid rgb(0 0 0 / 18%) !important;
padding: 10px;
}
table.wt-table.wt-table--responsive-md.persist-area td {
border: 1px solid rgb(0 0 0 / 18%) !important;
padding: 20px;
}
ul#mega-menu-expanded a {
font-size: 16px !important;
height: 40px !important;
line-height: 40px !important;
color: #4F4F4F !important;
}
ul#mega-menu-expanded {
background: white !important;
}
table.myaccount-orders-table, table.my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions.shop_table.shop_table_responsive.woocommerce-orders-table--subscriptions {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
font-size: 18px;
background: #ffffff;
border: 1px solid rgb(0 0 0 / 18%);
margin-top: 0px;
}
.woocommerce_account_subscriptions {
width: 100%;
}
table.myaccount-orders-table th {
border: none !important;
color: #000;
}
table.myaccount-orders-table th:nth-child(1), table.myaccount-orders-table td:nth-child(1) {
padding-left: 2em;
}
table.myaccount-orders-table tbody {
color: #98A0A8 !important;
}
table.myaccount-orders-table tbody td {
text-align: left;
border-top: 1px solid #ccc;
padding: 1em 0.5em;
}
table.myaccount-orders-table tbody tr.details_row {
background: #f2f3f4;
}
.woocommerce-Address {
font-size: 18px;
}
p.form-row.form-row.form-row-first {
margin-right: 20px;
}
input#vat_number {
width: 450px;
}
table.myAccount_platform {
border: 0px;
width: 55%;
margin: 30px 100px;
}
table.myAccount_platform thead {
background: transparent;
}
table.myAccount_platform thead tr {
border-top: none;
border-bottom: 2px solid #e4e6e8;
}
table.myAccount_platform th {
color: #98a0a8;
font-size: 18px;
}
form.generateButtonLink {
margin-top: 20px;
}
table#mytable {
border: 0px;
width: 70%;
margin-left: 50px;
}
select#appId1 {
width: 150px;
}
#removeLink {
margin-left: 10px;
padding-bottom: 20px;
}
table.woocommerce-table,
table.shop_table {
border: 1px solid #cbcfd3;
border-radius: 0;
border-collapse: collapse; }
table.woocommerce-table th, table.woocommerce-table td,
table.shop_table th,
table.shop_table td {
padding: 12px;
border: none; }
table.woocommerce-table tbody tr,
table.shop_table tbody tr {
border-top: 1px solid #E4E6E8; }
table.woocommerce-table tfoot th,
table.woocommerce-table tfoot td,
table.shop_table tfoot th,
table.shop_table tfoot td {
font-weight: 900; }
table.woocommerce-table tfoot tr,
table.shop_table tfoot tr {
background-color: #FFFFFF; }
table.woocommerce-table tfoot tr:last-child,
table.shop_table tfoot tr:last-child {
background-color: #98A0A8;
color: #FFFFFF; }
table.woocommerce-table tfoot tr:first-child,
table.shop_table tfoot tr:first-child {
border-top: 2px solid #CBCFD3; }
table.woocommerce-table .button,
table.shop_table .button {
margin: 4px; }
.table_order_details {
border: none;
margin: 0px;
table-layout: fixed;
font-size: 18px;
}
.table_order_details tbody {
background: transparent !important;
box-shadow: none !important;
}
.table_order_details tbody th {
border-top: none !important;
}
.table_order_details tbody td {
padding: 0.5em 0.5em;
}
.table_order_details thead th {
color: #98a0a8 !important;
font-weight: 400 !important;
border-bottom: 1px solid #cbcfd3 !important;
}
.table_price_details {
border: none;
table-layout: fixed;
font-size: 18px;
margin: 10px;
}
.table_price_details tbody {
background: transparent;
box-shadow: none;
}
.table_price_details tbody td {
border: none !important;
padding: 0.2em 1em 0.2em 0em !important;
}
/* OTHER */
.woocommerce-notices-wrapper + h1,
.woocommerce-notices-wrapper + .wt-h1,
.woocommerce-notices-wrapper + h2,
.woocommerce-notices-wrapper + .wt-h2,
.woocommerce-notices-wrapper + h3,
.woocommerce-notices-wrapper + .wt-h3 {
margin-top: 0 !important; }
.woocommerce .woocommerce-customer-details address {
border: none !important;
padding: 0 !important;
font-size: 20px;
color: #4F4F4F;
}
/* UNSTYLED BUTTON */
.unstyled-btn {
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
text-align: left !important;
width: auto !important;
text-transform: initial !important;
letter-spacing: 0 !important;
font-size: 16px !important;
color: #3F51B5 !important;
border-bottom: 1px solid #3F51B5 !important; }
.unstyled-btn:hover, .unstyled-btn a:active {
background-color: transparent !important;
color: #2A3679 !important;
border-bottom-color: #2A3679 !important; }
.unstyled-btn:focus {
color: #2A3679 !important;
border-bottom-color: #2A3679 !important;
background-color: transparent !important;
outline: none !important; }
.myaccount_product_url {
width: 50% !important;
margin-left: 60%; }
.myaccount_product_title {
font-family: Lato;
font-style: normal;
font-weight: 900;
font-size: 18px;
line-height: 22px;
color: #001428; }
.myaccount_subtitle {
font-family: Lato;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;}
/* MY ACCOUNT NAVIGATION */
.woocommerce-MyAccount-navigation-link {
position: relative;
display: inline-block; }
.woocommerce-MyAccount-navigation-link a:hover {
border-bottom: none;
color: #98A0A8; }
.woocommerce-MyAccount-navigation-link.is-active a {
color: #001428 !important;
border-bottom: 4px solid #fec000 !important; }
li.woocommerce-MyAccount-navigation-link {
margin-left: 0px; }
.col-license {
flex: 0 0 16.666667%;
max-width: 16.666667%;
position: relative;
left: 2%; }
.svg-circleplus {
height: 40px;
stroke: #e4e6e8;
margin-top: 23px !important; }
a#addrow {
border: none; }
.addAppIds {
padding: 0px 50px;
}
.status_fill_green {
text-align: center;
font-weight: 900;
color: #358353;}
.status_fill_orange {
text-align: center;
font-weight: 900;
color: #e39923;}
.status_fill_red {
text-align: center;
font-weight: 900;
color: #a52626;}
.dateInfo {
width: 75px;
height: 17px;
font-family: Lato;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
color: #65717d; }
span#displayError {
color: #6e1919; }
@media screen and (max-width: 768px) {
nav#page-tabs .nav-url {
display: none; }
}
@media screen and (max-width: 600px) {
nav#page-tabs {
top: 60px;
padding: 1px 10px; }
img.myaccount_product_url {
display: none; }
.myAccount {
padding-top: 60px; }
.myaccount_product_title {
padding: 3%; }
.myaccount_subtitle {
padding: 3%; }
}
@media screen and (max-width: 480px) {
.row.responsiveAccount {
margin-left: 0px;
margin-right: 5px; }
.myaccount_subtitle {
line-height: 1.8em; } }
/* BASE
========================================================================== */
/* Reset/normalize */
*, *:after, *:before {
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
div > *:last-child {
margin-bottom: 0; }
.ym-wrapper {
max-width: 100%;
min-width: 100%; }
#main,
.ym-wbox,
.xf-container.xf-blog,
.ym-cbox-left {
padding: 0; }
.post,
.type-attachment,
.type-page {
margin: 0; }
.sidebar li,
#footer ul li,
section li {
margin: 0; }
#teaser {
display: none; }
/* LAYOUT
========================================================================== */
/* Header */
#header {
position: fixed;
top: 0px;
z-index: 999;
width: 100%;
height: 75px;
background: rgb(16, 16, 16);
backdrop-filter: blur(16px);
}
.customize-support #header {
top: 32px; }
#main {
margin-top: 75px; }
@media screen and (max-width: 1100px) and (min-width: 550px) {
#main {
margin-top: 110px; }
}
.header {
display: flex;
height: 75px;
padding: 0 40px;
}
.header__left {
align-items: center;
-webkit-box-align: center;
display: inline-flex;
flex: 1 1 0%;
margin-bottom: 0px;
position: relative;
}
.header__center {
order: 2;
-webkit-box-align: center;
align-items: center;
display: inline-flex;
flex-direction: row;
justify-content: space-around;
max-width: 700px;
position: relative;
}
.header__right {
align-items: center;
margin-left: 0;
order: 3;
background-position: right center;
place-content: center flex-end;
display: inline-flex;
flex: 1 1 0%;
-webkit-box-pack: end;
position: relative;
}
.mobile_menu {
display: none;
}
@media screen and (max-width: 560px) {
.header__center {
flex: initial;
}
.mobile_menu {
display: none;
}
#header {
background: rgb(16 16 16 / 0%);
backdrop-filter: unset;
}
}
@media screen and (max-width: 1100px) and (min-width: 560px) {
.mobile_menu {
display: block;
}
.header__center {
display: none;
}
}
.blogtitle {
display: none; }
@media screen and (max-width: 576px) {
.header {
padding: 0 32px; }
}
/* USER MENU */
.nav-user {
position: relative;
height: 100%;
display: flex;
align-items: center; }
.nav-user__email {
color: #ffffff;
font-weight: 700; }
.nav-user__initials {
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
background-color: #D9DCF0;
color: #3f51b5;
display: block;
border-radius: 50%; }
.nav-user:hover {
cursor: pointer; }
.nav-user:hover::after {
content: '';
width: 10px;
height: 10px;
border-right: 10px solid transparent;
border-bottom: 10px solid #f2f3f4;
border-left: 10px solid transparent;
position: absolute;
left: 50%;
top: 50px;
margin-left: -10px; }
.nav-user:hover .nav-user__icon {
background-color: #3F51B5;
background-position: center -27px; }
.nav-user:hover .nav-user__submenu {
opacity: 1;
visibility: visible; }
.nav-user__icon {
width: 40px;
height: 40px;
background-color: #D9DCF0;
display: block;
border-radius: 50%;
background-image: url(../../images/signIn.png);
background-repeat: no-repeat;
background-size: 30px;
background-position: center 4px; }
.nav-user__email {
color: #001428;
font-weight: 600;
font-size: 12pt; }
.nav-user__submenu {
z-index: 999;
background-color: #001428;
position: absolute;
top: 60px;
right: 0;
padding: 16px 16px 16px 28px;
min-width: 200px;
list-style-type: none;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background: linear-gradient(180deg, #f2f3f4 43%, #ffffff 43%);
border-top: none; }
.nav-user__submenu li {
margin-left: 0; }
.nav-user__submenu li a {
color: #001428;
border-bottom: none;
letter-spacing: normal;
text-transform: none;
font-weight: 800;
font-size: 14px; }
.nav-user__submenu li a:hover {
color: #324252;
font-weight: 700; }
@media screen and (min-width: 768px) {
.nav-user:hover::after {
top: 65px; }
.nav-user__submenu {
top: 75px; } }
/* Header for mobile phones */
@media screen and (max-width: 550px) {
.header_for_logo_desktop {
display: none;
}
.header_for_logo_mobile {
display: flex !important;
}
img#header_logo_mobile {
width: 130px;
}
.header-titles {
display: none;
}
#mega-menu-wrap-primary, #mega-menu-wrap-max_mega_menu_3 {
display: none !important;
}
.header-titles-mobile {
display: block !important;
}
a.primary_btn.download_menu {
display: none;
}
.mobile_menu {
display: none !important;
}
.header__center {
flex: initial;
}
.site-logo img {
max-height: 8rem;
}
.toggle-wrapper.search-toggle-wrapper {
display: none;
}
.nav-container {
display: block !important;
position: relative;
width: 50px;
height: 60px;
}
.nav-container .checkbox {
position: absolute;
display: block;
height: 32px;
width: 32px;
top: 20px;
left: 20px;
z-index: 5;
opacity: 0;
cursor: pointer;
}
.hamburger-lines {
display: block;
height: 26px;
width: 32px;
position: absolute;
top: 17px;
left: 20px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.navbar .menu-items {
display: flex;
}
.navbar .nav-container li {
list-style: none;
}
.navbar .nav-container a {
text-decoration: none;
font-weight: 400;
padding: 0.7rem;
font-size: 18px;
line-height: 41px;
color: #222222;
}
label.dropdown-toggle {
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 41px;
color: #222222;
}
.navbar .nav-container a:hover{
font-weight: bolder;
}
.nav-container {
display: block;
position: relative;
height: 60px;
}
.nav-container .checkbox {
position: absolute;
display: block;
height: 32px;
width: 32px;
top: 20px;
left: 20px;
z-index: 5;
opacity: 0;
cursor: pointer;
}
.nav-container .hamburger-lines {
display: block;
height: 26px;
width: 32px;
position: absolute;
top: 17px;
left: 20px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.nav-container .hamburger-lines .line {
display: block;
height: 4px;
width: 100%;
border-radius: 10px;
background: #d8d9d9;
}
.nav-container .hamburger-lines .line1 {
transform-origin: 0% 0%;
transition: transform 0.4s ease-in-out;
}
.nav-container .hamburger-lines .line2 {
transition: transform 0.2s ease-in-out;
}
.nav-container .hamburger-lines .line3 {
transform-origin: 0% 100%;
transition: transform 0.4s ease-in-out;
}
.navbar .menu-items {
overflow-y: scroll;
background-color: #fff;
padding-top: 100px;
box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
height: 100vh;
width: 450px;
transform: translate(-150%);
display: flex;
flex-direction: column;
margin-left: 110px;
padding-left: 50px;
transition: transform 0.5s ease-in-out;
z-index: -1;
position: relative;
}
.navbar .menu-items li {
padding: 10px 0px;
}
.logo {
position: absolute;
top: 5px;
right: 15px;
font-size: 1.2rem;
color: #0e2431;
}
ul.dropdown-menu {
margin: 0px 20px;
display: none;
position: static;
top: 100%;
min-width: 130px;
z-index: 100;
overflow: auto;
}
.dropdown-menu li {
color: #222222;
margin: 0px;
padding: 4px !important;
}
.second-level li, .second-level a {
color: #677284 !important;
padding: 0px !important;
margin: 0px;
font-size: 15px !important;
}
ul.second-level {
margin: 0px;
}
.nav-container input[type="checkbox"]:checked ~ .menu-items {
transform: translateX(-166px);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
transform: rotate(45deg);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
transform: scaleY(0);
}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
transform: rotate(-45deg);
}
.nav-container input[type="checkbox"]:checked ~ .logo{
display: none;
}
.dropdown input[type="checkbox"] {
display: none;
}
.dropdown input[type="checkbox"]:checked ~ .dropdown-menu {
display: block;
height: 200px;
}
}
/* Footer */
.footer {
background: #001428;
color: #FFFFFF;
padding: 32px 0; }
#footer {
background: transparent; }
.footer .widget-title {
color: #FFFFFF; }
.footer a {
color: #98A0A8;
border-bottom: none; }
.footer a:hover {
color: #FFFFFF; }
.footer .current-menu-item a {
color: #FFFFFF;
border-left: 4px solid #FEC000;
padding-left: 12px; }
.footer-top.has-footer-menu {
display: none;
}
.footer-widgets-outer-wrapper {
padding: 0px;
}
.footer-widgets.column-one {
width: 100%;
}
.footer-widgets-outer-wrapper {
border-bottom: 0px;
}
.footer-widgets-wrapper {
margin-left: 0 !important;
width: 100% !important;
}
.footer-widgets {
margin-left: 0px;
}
.footer-copyright {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #989898;
}
.widget-content h6 {
margin-top: -10px;
}
.footer-widgets a {
color: #ffffff;
}
a.footer_links {
padding-right: 20px;
border: 0px;
}
#site-footer a:hover {
text-decoration: none;
border-bottom: 0px;
}
#site-footer {
width: 100%;
max-width: 100%;
padding: 32px 40px;
background: #101010;
}
#site-footer .section-inner {
flex-direction: column;
}
.grouped_footer_links.mb-4 {
display: flex;
}
.footer-credits {
width: 100%;
justify-content: center;
}
@media screen and (min-width: 700px) {
.footer-widgets-outer-wrapper {
padding: 0px;
}
}
.siteinfo {
background: #001428;
color: #FFFFFF;
border-top: 1px solid #324252;
padding: 16px 0; }
#siteinfo {
background: transparent; }
.siteinfo p {
margin: 0; }
.siteinfo a {
color: #FFFFFF;
border-bottom: none; }
.footer .ym-equalize > [class*="ym-g"] {
display: block;
float: left;
width: 100%;
margin: 16px 0; }
.footer .ym-gbox-left,
.footer .ym-gbox,
.footer .ym-gbox-right {
padding: 0; }
.footer .sync {
min-height: auto !important; }
.footer-nav-widgets-wrapper {
border: 0px;
}
nav.pagination-single.section-inner {
display: none;
}
@media screen and (max-width: 1024px) {
.footer-widgets .widget {
margin-top: 0px;
}
#mega-menu-footer {
height: 170px !important;
}
.wp-container-2.wp-block-columns {
display: none;
}
}
@media screen and (max-width: 1100px) {
.footer-widgets.column-one {
width: 100%;
}
#mega-menu-wrap-footer #mega-menu-footer > li.mega-menu-item {
width: 43%;
}
}
@media screen and (min-width: 576px) {
.footer .ym-equalize > [class*="ym-g"] {
width: 50%; } }
@media screen and (min-width: 992px) {
.footer .ym-equalize > [class*="ym-g"] {
width: 25%; } }
iframe[name=google_conversion_frame] {
display: none !important; }
/* Helper */
/* COLORS
========================================================================== */
.color-white {
color: #FFFFFF; }
.color-black {
color: #000;
}
.color-grey {
color: #4F4F4F; }
.color-primaryOrange {
color: #fec000; }
.color-secondaryOrange {
color: #FEBF00;
}
.color-middlegrey {
color: #98A0A8; }
.color-lightgrey {
color: #A0A0A0; }
.color-ultralightgrey {
color: #D1D1D1; }
.bg-color-white {
background-color: #FFFFFF; }
.bg-color-lightgrey {
background-color: #F2F3F4; }
.bg-color-middlegrey {
background-color: #CBCFD3; }
.bg-color-middledarkgrey {
background-color: #98A0A8; }
.bg-color-darkgrey {
background-color: #65717D; }
.bg-color-darkergrey {
background-color: #324252; }
.bg-color-dark {
background-color: #001428; }
.bg-color-lightdark {
background-color: #1A1A1A;
}
.bg-color-middleblue {
background-color: #3F51B5; }
.bg-color-purple {
background-color: #C5CAE9;
}
.bg-color-lightblue {
background-color: #E8EAF6;
z-index: 2;
position: relative; }
.bg-color-blogs {
background-color: #F5F5F5; }
.wpcf7-not-valid-tip {
font-size: 18px;
font-weight: 700;
}
/* ALIGNMENT
========================================================================== */
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.wt-float-left {
float: left; }
.wt-float-right {
float: right; }
.position-relative {
position: relative; }
.position_center {
justify-content: center;
}
.position_onfront {
position: relative;
z-index: 2;
}
/* SIZE
========================================================================== */
.full-width {
width: 100% !important; }
/* FORMS
========================================================================== */
.wt-form__group, .wt-form__row {
margin-bottom: 1.3333333333rem; }
.wt-form__group input[type="text"],
.wt-form__group input[type="password"],
.wt-form__group input[type="email"],
.wt-form__group input[type="number"],
.wt-form__group textarea,
.wt-form__group .wt-form__control, .wt-form__row input[type="text"],
.wt-form__row input[type="password"],
.wt-form__row input[type="email"],
.wt-form__row input[type="number"],
.wt-form__row textarea,
.wt-form__row .wt-form__control {
display: flex;
font-family: Lato, Roboto, sans-serif;
padding: 12px 16px;
border: 1px solid #9EA6AF;
border-radius: 8px;
background-color: #ffffff;
font-size: 1rem; }
.wt-form__group input[type="text"]:focus, .wt-form__group input[type="text"]:active,
.wt-form__group input[type="password"]:focus,
.wt-form__group input[type="password"]:active,
.wt-form__group input[type="email"]:focus,
.wt-form__group input[type="email"]:active,
.wt-form__group input[type="number"]:focus,
.wt-form__group input[type="number"]:active,
.wt-form__group textarea:focus,
.wt-form__group textarea:active,
.wt-form__group .wt-form__control:focus,
.wt-form__group .wt-form__control:active, .wt-form__row input[type="text"]:focus, .wt-form__row input[type="text"]:active,
.wt-form__row input[type="password"]:focus,
.wt-form__row input[type="password"]:active,
.wt-form__row input[type="email"]:focus,
.wt-form__row input[type="email"]:active,
.wt-form__row input[type="number"]:focus,
.wt-form__row input[type="number"]:active,
.wt-form__row textarea:focus,
.wt-form__row textarea:active,
.wt-form__row .wt-form__control:focus,
.wt-form__row .wt-form__control:active {
border: 1px solid #3f51b5;
outline: none; }
.wt-form__group .wt-radio {
min-height: 0.6666666667rem;
padding-top: 0.4444444444rem;
position: relative;
display: block; }
.wt-form__group .wt-radio label {
font-size: 0.8888888889rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
margin-bottom: 0;
cursor: pointer;
display: inline-block;
max-width: 100%;
padding-left: 1.7777777778rem; }
.wt-form__group .wt-radio label input[type="radio"] {
position: relative;
margin-top: 0.2222222222rem;
margin-right: 0.6666666667rem;
vertical-align: top;
border: none;
background-color: transparent;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
margin-left: -1.7777777778rem; }
.wt-form__group .wt-radio label input[type="radio"]::before, .wt-form__group .wt-radio label input[type="radio"]::after {
content: "";
display: block;
width: 0.8888888889rem;
height: 0.8888888889rem;
border-radius: 50%;
transition: 240ms; }
.wt-form__group .wt-radio label input[type="radio"]::before {
position: absolute;
left: 0;
top: -1px;
background-color: #3f51b5;
transform: scale(0); }
.wt-form__group .wt-radio label input[type="radio"]::after {
position: relative;
top: -1px;
border: 2px solid #65717d; }
.wt-form__group .wt-radio label input[type="radio"]:checked::before {
transform: scale(0.5); }
.wt-form__group .wt-radio label input[type="radio"]:checked::after {
border-color: #3f51b5; }
.wt-form__row {
display: flex;
flex-wrap: wrap;
align-items: flex-end; }
.wt-form__row input {
width: 100% !important; }
.wt-form__row > [class*="col-"] {
padding: 0; }
.wt-form__label {
font-size: 0.7777777778rem;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
display: block;
margin-bottom: 0.2222222222rem;
color: #D1D1D1; }
.wt-form__check {
position: relative;
display: block;
min-height: 0.6666666667rem;
padding-top: 0.4444444444rem; }
.wt-form__check__label {
font-size: 0.8888888889rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
margin-bottom: 0;
min-height: 0.8888888889rem;
padding-left: 1.7777777778rem;
cursor: pointer;
display: inline-block; }
.wt-form__check__input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
cursor: pointer;
margin-bottom: -2px;
margin-left: -1.7777777778rem;
outline: none; }
.wt-form__check__input::after {
content: "";
display: block;
height: 0.8888888889rem;
width: 0.8888888889rem;
border: 2px solid #65717d;
border-radius: 3px;
margin-right: 12px; }
.wt-form__check__input + label::after {
content: none; }
.wt-form__check__input:checked::after {
background-color: #3f51b5;
border-color: #3f51b5; }
.wt-form__check__input:checked::before {
content: '';
position: absolute;
top: 2px;
left: 6px;
display: table;
width: 5px;
height: 10px;
border: 2px solid #ffffff;
border-top-width: 0;
border-left-width: 0;
transform: rotate(45deg); }
.wt-form__hint-text {
font-size: 0.7777777778rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
color: #65717d;
margin: 0.2222222222rem 0 0; }
.wt-form__invalid-feedback {
font-size: 0.7777777778rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
color: #a52626;
margin: 0.2222222222rem 0 0; }
.wt-form__group input.is-invalid {
border-color: #a52626;
box-shadow: none;
outline: none; }
select {
padding: 12px 16px;
border: 1px solid #9EA6AF;
border-radius: 8px;
background-color: #ffffff;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #98a0a8 50%), linear-gradient(135deg, #98a0a8 50%, transparent 50%);
background-position: right 14px center, right 8px center;
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
color: #324252;
font-size: 1rem;
width: 100%;
}
select:focus, select:active {
border: 1px solid #3f51b5; }
.wt-radio-button {
display: none; }
.wt-radio-button:checked + label {
background-color: #ffffff;
border: 1px solid #D1D1D1;
color: #001428; }
.wt-radio-button__label {
font-size: 0.7777777778rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
display: inline-block;
background-color: #ffffff;
border: 1px solid #cbcfd3;
color: #D1D1D1;
width: 5.3333333333rem;
height: 2.6666666667rem;
line-height: 2.6666666667rem !important;
text-align: center;
cursor: pointer;
margin-bottom: 0; }
.wt-radio-button__label:not(:first-of-type) {
margin-left: 0.8888888889rem; }
.wt-radio-button__label:hover {
background-color: #f2f3f4; }
#signin-menu-item {
line-height: 75px;
height: 75px;
padding: 0px 10px 0px 10px;
color: #d8d9d9;
text-decoration: none;
font-family: inherit;
font-size: 18px;
font-weight: normal;
border: 0px;
}
@media screen and (max-width: 1024px) {
a,
.wt-unstyled-link {
padding: 0em; } }
.wt-alert {
font-size: 0.8888888889rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
padding: 0.6666666667rem;
border-left-width: 0.2222222222rem;
border-left-style: solid; }
.wt-alert--info {
background-color: #d9dcf0;
border-color: #3f51b5;
color: #2a3679; }
.wt-alert--error {
background-color: #f9dddd;
border-color: #a52626;
color: #6e1919; }
.wt-alert--success {
background-color: #daefe2;
border-color: #358353;
color: #235837; }
.wt-alert--warning {
background-color: #fff2cc;
border-color: #e39923;
color: #965c10; }
*, :before, :after {
box-sizing: border-box; }
.flex_position {
display: flex;
}
/* Boxes */
.wt-box {
width: 100%;
padding: 24px;
padding-bottom: 32px; }
.wt-box--feature {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
border: 0.5px solid rgba(160, 160, 160, 0.25);
border-radius: 14px;
padding: 20px 21px;
}
.wt-box--feature h3, .wt-box--feature p {
flex: 1 0 auto; }
.wt-box--devices {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 24px;
background: #FFFFFF;
border: 0.5px solid rgba(160, 160, 160, 0.25);
border-radius: 14px;
width: 250px;
height: 210px;
}
@media screen and (max-width: 768px) {
.wt-box--devices {
width: 180px;
height: 180px;
}
}
.wt-box--smalldevices {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 17px;
background: #FFFFFF;
border: 0.5px solid rgba(160, 160, 160, 0.25);
border-radius: 14px;
width: 188px;
height: 188px;
z-index: 2;
position: relative;
}
@media screen and (max-width: 500px) {
.wt-box--smalldevices {
width: 150px;
height: 150px;
}
}
.wt-box--sdk {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 32px 40px;
gap: 48px;
background: #FFF8E1;
border-radius: 14px;
}
.wt-box--quickfacts {
background-color: #FFF8E1;
padding: 32px 40px;
border-radius: 14px;
}
.wt-box--quickfacts ul {
margin: 10px !important;
}
.wt-box--black {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px 16px;
background: #1A1A1A;
border-radius: 14px;
}
.bg-color-lightgrey .wt-box--quickfacts,
.bg-color-middlegrey .wt-box--quickfacts,
.bg-color-darkgrey .wt-box--quickfacts {
background-color: #FFFFFF; }
.wt-box--download {
background-color: #F2F3F4;
margin-bottom: 16px;
border-radius: 12px;
}
.wt-box--download h3 {
margin: 10px 0px 30px;
}
.wt-box--media {
display: flex;
flex-direction: column;
background-color: #FFFFFF; }
.wt-box--media p, .wt-box--media h4 {
flex: 1 0 auto; }
.wt-card.wt-card--blog {
position: relative;
display: flex;
}
@media screen and (max-width: 850px) {
.wt-card.wt-card--blog {
flex-direction: column;
}
}
.wt-card.wt-card--blog-related {
position: relative;
display: flex;
flex-direction: column;
background-color: #F5F5F5;
align-items: flex-start;
border-radius: 14px;
}
.wt-card__body-related {
padding: 22px;
width: 100%;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
.wt-card_blog__image-related {
border-top-left-radius: 14px;
border-top-right-radius: 14px;
}
a.wt-card_blog__link {
text-decoration: none;
}
.wt-card_blog__image {
padding: 10px;
max-width: 400px;
}
@media screen and (max-width: 850px) {
.wt-card_blog__image {
max-width: initial;
}
}
.wt-card_blog__image_corners {
border-radius: 14px;
}
.wt-card_blog__body {
padding: 10px;
width: 100%
}
.blogs_round_corners {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wt-card__body {
padding: 22px;
width: 100%;
background-color: #ffffff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.wt-card.wt-card--values {
display: flex;
background-color: #F5F5F5;
flex-direction: column;
border-radius: 14px;
}
.wt-card_values__body {
padding: 24px;
}
@media screen and (max-width: 480px) {
.wt-card.wt-card--values {
width: 87%;
margin: auto;
}
.wt-card_values__image img {
width: 300px;
}
}
.wt-card--download {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;
gap: 16px;
width: 380px;
height: 220px;
background: #FFFFFF;
border: 0.5px solid rgba(160, 160, 160, 0.25);
border-radius: 14px;
}
.wt-card--download a {
color: #000;
border: 0px;
}
.wt-card--maintenance {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;
gap: 16px;
width: 182px;
height: 182px;
background: #191919;
border: 0.5px solid rgba(160, 160, 160, 0.25);
border-radius: 14px;
}
.wt-card--maintenance .wt-card__body {
background: #191919;
}
.wt-card--maintenance a {
color: #ffffff;
}
.wt-card.wt-card--maintenance img {
filter: brightness(0) invert(1);
}
.wt-card.wt-card--maintenance h5 {
color: white;
text-align: center;
}
.wt-card__image.img-circle {
margin: auto;
padding-top: 21px;
text-align: center;
}
.wt-card__image.img-circle img {
width: 48px;
height: 48px;
}
.wt-card--download .wt-card__body {
padding: 18px;
text-align: center;
}
/* Grids */
.grid {
display: flex;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px;
}
.grid--center .grid__item {
justify-content: center; }
.grid--col-2 .grid__item,
.grid--col-3 .grid__item,
.grid--col-4 .grid__item,
.grid--col-5 .grid__item,
.grid--sidebar .grid__item {
width: 100%; }
.grid__item {
display: flex;
padding: 16px; }
@media (min-width: 576px) {
.grid--col-3 .grid__item,
.grid--col-4 .grid__item,
.grid--col-5 .grid__item,
.grid--sidebar .grid__item {
width: 50%; } }
@media (min-width: 768px) {
.grid--col-2 .grid__item {
width: 50%; }
.grid--col-4 .grid__item {
width: 50%; } }
@media (min-width: 992px) {
.grid--col-3 .grid__item {
width: 33.333333%; }
.grid--col-4 .grid__item {
width: 33.333333%; }
.grid--col-5 .grid__item {
width: 33.333333%; }
.grid--sidebar .grid__item {
width: 100%; } }
@media (min-width: 1200px) {
.grid--col-4 .grid__item {
width: 25%; }
.grid--col-5 .grid__item {
width: 20%; }
.grid--flex-xl-grow .grid__item {
width: auto;
flex-grow: 1; } }
.border-gradient-mask::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 14px;
border: 2px solid transparent;
background: linear-gradient(to right, #FEBF00, #3F51B5) border-box;
-webkit-mask:
linear-gradient(#fff 0 0) padding-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
}
.border-gradient-mask {
position: relative;
padding: 32px 40px;
}
/* Video Container */
.zoom_effect {
overflow: hidden;
border-radius: 12px;
box-shadow: 0px 48px 24px -24px rgb(73 89 118 / 48%);
}
.wt_box_video {
background: url(https://cdn.spaces.qualcomm.com/wp-content/uploads/2022/04/26082234/thumbnail_video.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 14px;
box-shadow: rgb(0 0 0 / 40%) 0px 16px 15px -11px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
margin: auto;
flex: none;
flex-grow: 0;
z-index: 1;
transition: all .5s;
}
video#intro_video {
box-shadow: rgb(0 0 0 / 40%) 0px 16px 15px -11px;
border-radius: 12px;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://cdn.wikitude.com/static-website/2022/12/07101342/enhance_your_world.png);
}
.wt_box_button {
position: absolute;
top: 42%;
left: 49%;
transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.wt_box_button:hover {
transform: scale(1.30);
}
#play_button {
font-size: 21px;
background-image: url(https://cdn.spaces.qualcomm.com/assets/play_button.svg);
background-color: rgb(255 255 255 / 0%);
width: 80px !important;
height: 80px !important;
}
.video_info {
position: absolute;
top: 75%;
width: 100%;
margin-left: auto;
margin-right: auto;
}
p.intro_text {
font-size: 24px;
line-height: 28px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
}
/*Cookies Policy*/
.CookieDeclaration p {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #D1D1D1;
}
.CookieDeclaration h3 {
font-weight: 700;
font-size: 28px;
line-height: 115%;
color: #FFFFFF;
margin-bottom: 20px !important;
}
.CookieDeclaration ol {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #D1D1D1;
margin-left: 0px;
}
.CookieDeclaration ul {
margin-left: 10px;
}
table.CookieDeclarationTable {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #D1D1D1;
}
/*Keyframes */
#homeVideo{
background: url(/wp-content/uploads/videos/animation_sprite.png);
position: absolute;
right: 100px;
bottom: 0px;
width: 630px !important;
top: 90px;
height: 600px;
animation: sprite 2s steps(25) infinite;
animation-direction: alternate;
/* animation: changeBg 2s infinite;
animation-direction: alternate; */
}
@keyframes sprite {
from{background-position-x:0px;}
to{background-position-x:-15500px;}
}
@media screen and (max-width: 880px) {
#homeVideo {
right: 10px;
top: 150px;
}
}
@media screen and (max-width: 650px) {
#homeVideo {
width: 400px !important;
height: 385px;
}
}
@media screen and (max-width: 650px) {
#homeVideo {
width: 350px !important;
height: 330px;
top: 10px;
}
}
@keyframes changeBg{
0% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103433/wiki_hero__00000.png");
background-size: contain;}
4% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103438/wiki_hero__00001.png");
background-size: contain;}
8% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103443/wiki_hero__00002.png");
background-size: contain;}
12% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103449/wiki_hero__00003.png");
background-size: contain;}
16% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103456/wiki_hero__00004.png");
background-size: contain;}
20% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103500/wiki_hero__00005.png");
background-size: contain;}
24% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103507/wiki_hero__00006.png");
background-size: contain;}
28% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103513/wiki_hero__00007.png");
background-size: contain;}
32% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103518/wiki_hero__00008.png");
background-size: contain;}
36% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103523/wiki_hero__00009.png");
background-size: contain;}
40% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103529/wiki_hero__00010.png");
background-size: contain;}
44% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103534/wiki_hero__00011.png");
background-size: contain;}
48% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103539/wiki_hero__00012.png");
background-size: contain;}
52% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103546/wiki_hero__00013.png");
background-size: contain;}
56% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103552/wiki_hero__00014.png");
background-size: contain;}
60% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103557/wiki_hero__00015.png");
background-size: contain;}
64% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103602/wiki_hero__00016.png");
background-size: contain;}
68% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103607/wiki_hero__00017.png");
background-size: contain;}
72% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103612/wiki_hero__00018.png");
background-size: contain;}
76% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103617/wiki_hero__00019.png");
background-size: contain;}
80% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103622/wiki_hero__00020.png");
background-size: contain;}
84% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103627/wiki_hero__00021.png");
background-size: contain;}
88% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103633/wiki_hero__00022.png");
background-size: contain;}
92% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103639/wiki_hero__00023.png");
background-size: contain;}
96% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103644/wiki_hero__00024.png");
background-size: contain;}
100% {background-image: url("https://cdn.wikitude.com/static-website/2022/08/24103649/wiki_hero__00025.png");
background-size: contain;}
}
.wt-card.wt-card--showcase {
background: #1A1A1A;
border-radius: 14px;
z-index: 1;
}
.card-bodyshowcase {
padding: 32px 38px;
display: flex;
}
@media screen and (max-width: 1200px) {
.card-bodyshowcase {
padding: 20px;
}
}
.card-showcase_image {
width: 20%;
text-align: right;
vertical-align: middle;
margin-top: auto;
margin-bottom: auto !important;
}
@media screen and (max-width: 850px) {
.sc-dkrFOg.hbXIxr .card-showcase_image {
display: none;
}
.sc-dkrFOg.hbXIxr .card-showcase_content {
width: 100%;
}
}
.card-showcase_image_logo {
width: 100%;
border-radius: 200px;
}
.card-showcase_content {
max-width: 80%;
margin-right: 10px;
}
.wt-card--premium-partner {
background: #ffffff;
border-radius: 14px;
z-index: 1;
}
ul.styled-list li {
list-style-type: disc;
line-height: 26px;
font-size: 18px;
margin: 0px 0px 8px 20px;
}
ul, ol {
margin-bottom: 0.5rem !important;
}
.product__description {
width: 50%;
float: left;
}
.product__summarybox {
width: 40%;
position: relative;
float: right;
padding: 40px 40px;
gap: 64px;
background: #FFFFFF;
border-radius: 14px;
text-align: center;
}
.product_list {
text-align: left;
margin-top: 24px;
margin-bottom: 24px !important;
}
@media screen and (max-width: 575px) {
.product__description {
width: 100%;
}
.product__summarybox {
width: 95%;
margin-top: 40px;
}
}
button.single_add_to_cart_button.button.alt {
background-color: #3F51B5;
color: #FFFFFF;
font-family: Lato, Roboto, sans-serif;
border: 1px solid #3F51B5;
padding: 10px 24px;
border-radius: 24px;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
text-transform: none;
font-size: 18px;
letter-spacing: 0;
margin-top: 18px
}
span.woocommerce-Price-amount.amount, span.subscription-details {
font-size: inherit;
font-weight: 900;
line-height: 1.25em;
margin-bottom: 0.8888888889rem;
text-align: center;
}
.center_button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 24px;
gap: 8px;
}
nav.woocommerce-breadcrumb {
display: none;
}
/* Slider */
.hbXIxr {
display: flex;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
margin-bottom: 80px;
}
.chNbot {
max-width: 1680px;
}
@media screen and (min-width: 550px) {
.jxNaSW {
padding-left: 48px;
padding-right: 48px;
}
}
@media screen and (min-width: 950px) {
.jxNaSW {
padding-left: 48px;
padding-right: 48px;
}
}
@media screen and (min-width: 1200px) {
.jxNaSW {
padding-left: 48px;
padding-right: 48px;
}
}
@media screen and (min-width: 1440px) {
.jxNaSW {
padding-left: 130px;
padding-right: 130px;
}
}
.jxNaSW {
background-position: right center;
display: flex;
position: static;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
width: 100%;
}
.tumMG {
background-position: right center;
width: 100%;
}
.bVUTlP {
position: static;
}
.iyhCqn {
background-position: right center;
max-width: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.kuRSxh {
background-position: right center;
display: flex;
flex-flow: row nowrap;
transition-duration: 1s;
}
.kaVeKu {
background-position: right center;
display: inline-block;
flex: 0 0 auto;
width: 22%;
margin-right: 25px;
background: #1A1A1A;
border-radius: 14px;
}
@media screen and (max-width: 850px) {
.kaVeKu {
width: 50%;
}
.iQZKyw.w {
display: inline-block !important;
}
.ekjtcY {
display: inline-block !important;
}
}
.fKbpqx {
background-position: right center;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
left: 0px;
position: absolute;
width: 100%;
}
.ekjtcY {
background-position: right center;
background-color: #3F51B5;
border-color: #3F51B5;
border-radius: 50%;
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 8px;
width: 14px;
cursor: pointer;
height: 14px;
}
.iQZKyw {
background-position: right center;
border-color: #3F51B5;
border-radius: 50%;
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 8px;
width: 14px;
cursor: pointer;
height: 14px;
}
.quote {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 15px;
min-height: 100px;
background-repeat: no-repeat;
background-size: 130px 105px;
background-position: 0 0;
}
.q-light {
background-image: url(https://cdn.wikitude.com/static-website/2022/12/02123725/quote-dark.svg);
}
.q-dark {
background-image: url(https://cdn.wikitude.com/static-website/2022/12/02123727/quote-light.svg);
}
.quote-text {
font-size: 18px;
line-height: 26px;
font-weight: 500;
margin-bottom: 15px;
}
.quote-author {
text-align: center;
font-size: 18px;
}
.quote-author span {
font-weight: 700;
}
/* Checkout and pricing */
.cart_page {
background-color: #FFFFFF;
}
.cart__item-name {
font-size: 18px;
line-height: 1;
}
a.remove {
background: transparent !important;
}
#hideMore, #more {
display: none;
}
.store_product_left {
display: flex;
flex-direction: column;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
border-radius: 14px;
border-top: 28px solid #E8EAF6;
padding: 32px;
width: 100%;
}
.store_product_center {
display: flex;
flex-direction: column;
padding: 32px;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
border-radius: 14px;
border-top: 28px solid #C5CAE9;
}
.store_product_right {
padding: 32px;
display: flex;
flex-direction: column;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
border-radius: 14px;
border-top: 28px solid #FEBF00;
width: 100%;
}
ul.pricing_table {
list-style-type: none;
margin: 0px 0px 0px 15px;
}
li.list_pricing_table {
padding-bottom: 18px;
}
li.list_pricing_table::before {
background: #3F51B5;
content: '✓';
width: 14px;
border-radius: 100%;
height: 14px;
align-items: center;
border-radius: 50%;
color: white;
font-size: 15px;
display: inline-flex;
justify-content: center;
margin-right: 10px;
}
.checkout-bar, .woocommerce-notices-wrapper {
display: none;
}
.woocommerce-checkout .woocommerce-billing-fields h3 {
margin-top: 0rem;
}
.woocommerce-additional-fields h3 {
margin: 30px 0px 10px;
font-size: 22px;
}
.payment_box.payment_method_bacs p {
font-family: inherit;
font-size: 18px;
padding-bottom: 20px;
}
.payment_box.payment_method_braintree_credit_card p {
font-family: inherit;
font-size: 18px;
padding-bottom: 20px;
}
fieldset#wc-braintree-credit-card-credit-card-form label {
font-size: 18px;
padding-bottom: 20px;
}
.wc_payment_method .payment_box fieldset {
background: none;
padding: 0px;
}
.woocommerce table.shop_table {
border: 1px solid rgba(0,0,0,.1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
font-size: 18px;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
text-align: left;
color: #4F4F4F;
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.woocommerce table.shop_table tbody tr, .woocommerce-page table.shop_table tbody tr {
font-size: 18px;
}
}
table.shop_table {
border: 1px solid #cbcfd3;
border-radius: 0;
border-collapse: collapse;
margin-top: 0px;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0,0,0,.1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
input[type="checkbox"]:checked::before {
height: 23px;
width: 23px;
}
table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 32px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, .wt-form__control {
font-size: 18px;
background: #FFFFFF;
border: 1px solid #9EA6AF;
border-radius: 8px;
padding: 12px 16px;
width: 100%;
font-family: Lato, Roboto, sans-serif !important;
color: #4F4F4F;
}
label {
margin-bottom: 0.2222222222rem;
letter-spacing: 0.02em;
color: #65717D;
display: block;
font-size: inherit;
font-weight: 700;
line-height: 1.4em !important;
font-family: Lato, Roboto, sans-serif !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #9EA6AF;
border-radius: 8px !important;
padding: 12px 16px !important;
margin: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
}
#my-new-field h3 {
font-size: 22px;
margin: 15px 0px;
}
#order_review {
background: #FFFFFF;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
border-radius: 14px;
border-top: 1px solid rgb(0 0 0 / 8%);
padding: 32px;
}
textarea {
height: 8em;
}
table.shop_table.woocommerce-checkout-review-order-table {
border: 0px;
}
table.shop_table.woocommerce-checkout-review-order-table td {
font-size: 18px;
color: #4F4F4F;
}
span.woocommerce-Price-amount.amount, span.subscription-details {
font-size: 18px;
font-weight: 700;
}
span.price {
font-family: Lato, Roboto, sans-serif !important;
}
.product__summarybox span.woocommerce-Price-amount.amount{
font-size: 24px;
font-weight: 900;
}
.product__summarybox span.subscription-details{
font-size: 24px;
font-weight: 900;
}
table.woocommerce-table tfoot tr:last-child, table.shop_table tfoot tr:last-child {
background-color: #E8EAF6;
color: #A0A0A0;
}
.wc_payment_method .payment_box {
padding: 1rem;
background: #E8EAF6;
}
ul.wc_payment_methods.payment_methods.methods {
font-size: 20px;
}
.payment_box.payment_method_paypal p {
font-size: 18px;
font-weight: 400;
font-family: Lato, Roboto, sans-serif !important;
}
.payment_box.payment_method_braintree_paypal p {
font-size: 18px;
font-weight: 400;
font-family: Lato, Roboto, sans-serif !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
font-family: Lato, Roboto, sans-serif !important;
font-size: 18px;
padding-bottom: 20px;
}
.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 1rem;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 18px !important;
display: block;
width: 100%;
font-family: Lato, Roboto, sans-serif !important;
color: #4F4F4F !important;
line-height: 1.3em !important;
padding: 0 !important;
line-height: 48px;
font-family: Lato, Roboto, sans-serif !important;
font-size: 1.6rem;
padding-left: 1.8rem;
}
.woocommerce-cart-wrapper {
margin-bottom: 0px;
}
ul.order_details {
font-size: 22px;
margin: 0px 0px 20px 16px;
color: #4F4F4F;
padding: 0px;
margin: 0px;
}
table.wt-table.wt-table--center.wt-table--responsive-md.persist-area {
margin-top: 20px;
margin-bottom: 0px;
font-size: 18px;
color: #4F4F4F;
background: #FFFFFF;
border: 1px solid rgb(0 0 0 / 18%);
padding: 32px;
}
table.wt-table.wt-table--center.wt-table--responsive-md.persist-area th {
border: 0px;
padding-left: 20px;
}
table.wt-table.wt-table--center.wt-table--responsive-md.persist-area td {
padding-left: 20px;
}
table.wt-table.wt-table--center.wt-table--responsive-md.persist-area td span {
font-size: 18px;
}
h2.woocommerce-order-details__title, section.woocommerce-order-details h2, h2.woocommerce-column__title {
font-size: 30px;
padding: 0px;
margin: 0px 0px 20px 0px !important;
color: #4F4F4F;
}
.pricing-table {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
border-top: none;
border-bottom: none; }
.pricing-table td {
text-align: center;
padding: 0.8888888889rem;
border-left: 1px solid #CBCFD3;
border-top: none;
vertical-align: middle; }
.pricing-table tr {
border-top: 1px solid #CBCFD3; }
.pricing-table__product-name {
margin-bottom: 0.4444444444rem; }
.pricing-table__product-detail {
color: #65717D;
margin-bottom: 1.3333333333rem; }
.pricing-table__product .wt-btn {
margin: 0; }
.pricing-table__price-detail {
white-space: nowrap; }
.pricing-table__info-list {
text-align: left;
color: #65717D;
position: relative;
margin-top: calc(1.3333333333rem + 1.3333333333rem) !important;
padding-left: 0; }
.pricing-table__info-list li {
margin-left: 0.8888888889rem;
list-style-type: disc; }
.pricing-table__info-list:before {
content: '';
display: block;
width: 3.5555555556rem;
height: 0.2222222222rem;
background-color: #FEC000;
top: -1.3333333333rem;
position: absolute;
left: 50%;
margin-left: -1.7777777778rem; }
.pricing-table__section-sep {
background-color: #F2F3F4;
border: none !important; }
.pricing-table__section-sep h5 {
margin: 0 !important;
text-align: left; }
.pricing-table__section-sep + tr {
border: none; }
.pricing-table__feature {
border-left: none !important; }
.pricing-table__feature--not-available {
color: #CBCFD3; }
.pricing-table__feature--not-available .pricing-table__feature-detail {
color: #CBCFD3; }
.pricing-table__feature p {
text-align: left; }
.pricing-table__feature p:first-child {
margin-bottom: 0; }
.pricing-table__feature-detail {
color: #65717D;
margin: 0.4444444444rem 0 0; }
.pricing-table__check {
fill: #3F51B5; }
.pricing-navigation {
background: #001428;
color: #ffffff;
padding: 3.5555555556rem;
margin-bottom: 3.5555555556rem; }
.pricing-navigation__info {
margin-top: 2.6666666667rem !important;
margin-bottom: 0rem !important; }
.pricing-navigation .nav-pills__item.active {
color: #ffffff; }
.pricing-navigation .nav-pills__item:hover {
color: #cbcfd3; }
.cart__content svg {
vertical-align: middle; }
.cart__title {
font-size: 1.5555555556rem;
font-weight: 900;
line-height: 1.25em;
margin-bottom: 0.8888888889rem;
margin: 0 !important;
line-height: 40px; }
.cart__title-wrapper {
display: flex;
justify-content: space-between;
margin: 0 0 1.3333333333rem;
padding-bottom: 1.3333333333rem;
border-bottom: 1px solid #98a0a8; }
.cart__title-wrapper .wt-btn {
margin: 0 !important; }
.cart__list {
border: none;
margin-bottom: 28px;
margin-top: 28px;
table-layout: fixed;
width: 100%; }
.cart__item-row td {
border: none;
padding-right: 0;
padding-left: 0; }
.cart__item-row:first-child td {
padding-top: 0;
padding-bottom: 0.4444444444rem; }
.cart__item-row:first-child td:first-child {
width: 50%;
}
.cart__item-row:not(:first-child) td {
padding-top: 0.4444444444rem;
padding-bottom: 0.4444444444rem; }
.cart__item-quantity {
text-align: center;
color: #65717d;
font-size: 0.8888888889rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem; }
.cart__item-price {
text-align: right;
font-size: 18px;
}
.cart__item-price__main {
margin-bottom: 0.4444444444rem; }
.cart__item-price__actions {
color: #a52626;
fill: #a52626;
text-decoration: none;
border: none; }
.cart__item-price__actions:hover {
border: none;
color: #6e1919;
fill: #6e1919; }
.cart__coupon-code {
margin-top: 2.6666666667rem; }
.cart__coupon-code__btn {
font-size: 0.7777777778rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.4444444444rem;
color: #65717d;
fill: #65717d;
border: none;
background: transparent;
padding: 0;
margin: 0; }
.cart__coupon-code__btn:active, .cart__coupon-code__btn:focus {
outline: none; }
.cart__coupon-code__btn:hover {
color: #324252;
fill: #324252; }
.cart__coupon-code__btn svg {
position: relative;
top: -1px;
margin-right: 0.2222222222rem; }
.cart__coupon-code__input {
margin-top: 0.8888888889rem; }
.cart__coupon-code__apply {
margin-left: 1.3333333333rem; }
.order-summary__values {
padding-bottom: 45px;
padding-top: 45px;
border-bottom: 1px solid #98a0a8;
}
.order-summary__values > div:not(:first-child) {
margin-top: 0.6666666667rem; }
.order-summary__title {
font-size: 1.5555555556rem;
font-weight: 900;
line-height: 1.25em;
margin: 0px !important;
padding-bottom: 29px;
border-bottom: 1px solid #98a0a8;
line-height: 40px !important; }
.order-summary__label, .order-summary__price {
font-size: 1rem;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.6666666667rem;
margin: 0 !important; }
.order-summary__total, .order-summary__subtotal, .order-summary__tax, .order-summary__coupon {
display: flex;
justify-content: space-between; }
.order-summary__tax {
margin-bottom: 1.3333333333rem; }
.order-summary__total {
margin-top: 1.3333333333rem; }
.order-summary__total .order-summary__label,
.order-summary__total .order-summary__price {
font-size: 1rem;
font-weight: 900;
line-height: 1.4em;
margin-bottom: 0.6666666667rem; }
.order-summary__checkout-btn {
margin-top: 2.6666666667rem;
text-align: center;
}
#wpmenucartli {
position: relative; }
#wpmenucartli .wpmenucart-contents {
border: none;
color: #001428; }
#wpmenucartli .wpmenucart-contents.empty-wpmenucart-visible .cartcontents {
display: none; }
#wpmenucartli .wpmenucart-contents .wpmenucart-icon-shopping-cart-0 {
font-size: 24px;
line-height: 24px; }
#wpmenucartli .wpmenucart-contents .cartcontents {
background: #a52626;
color: #f9dddd;
border-radius: 50%;
width: 22px;
height: 22px;
display: inline-block;
text-align: center;
line-height: 18px;
font-weight: bold;
border: 2px solid #ffffff;
position: absolute;
bottom: -6px;
right: -12px; }
/* Status */
.wt-status {
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0;
background-color: #D9DCF0;
color: #2A3679;
padding: 2px 12px;
margin-right: 8px;
border-radius: 16px;
display: inline-block; }
.wt-status--success {
background-color: #358353;
color: #FFFFFF; }
.wt-status--warning {
background-color: #E39923;
color: #FFFFFF; }
.wt-status--error {
background-color: #A52626;
color: #FFFFFF; }
@media screen and (max-width: 490px) {
.no_display_mobile {
display: none;
}
}
i.fas.fa-check {
background: #3F51B5;
color: white;
border-radius: 50%;
padding: 6px;
font-size: 12px;
}
i.fas.fa-times {
color: #9EA6AF;
}
i.fas.fa-asterisk.wt-footnote__icon {
color: #FEBF00;
font-size: 12px;
}
table.wt-table.wt-table--center.wt-table--responsive-md.persist-area td {
text-align: center;
}
img.next_to_header {
width: 30px;
float: left;
margin-right: 10px;
}
.feature_image {
background: #2c2c2c;
border-radius: 4px;
margin: 15px;
width: 55px;
}
ul.StepProgress {
position: relative;
padding-left: 45px;
list-style: none;
font-size: 18px;
margin-left: 10px;
}
.videoContainer video {
width: 100%;
height: 100%;
}
.blurBox {
position: absolute;
top: 54%;
left: 1.2%;
padding: 2%;
backdrop-filter: blur(60px);
border: 0.8px solid hsla(232.2,43.4%,89.6%,0.7);
}
.wpcf7-response-output {
display: none;
}
.svg-bottom-wrapper {
width: 100%;
text-align: center;
top: 99%;
left: -81%;
position: absolute;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
.svg-bottom-wrapper-right {
width: 100%;
text-align: center;
top: 99%;
left: 80%;
position: absolute;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
.StepProgress {
position: relative;
padding-left: 45px;
list-style: none;
}
.StepProgress::before {
display: inline-block;
content: '';
position: absolute;
top: 0;
left: 15px;
width: 10px;
height: 100%;
border-left: 2px solid #CCC;
}
.StepProgress-item {
position: relative;
counter-increment: list;
}
.StepProgress-item:not(:last-child) {
padding-bottom: 20px;
}
.StepProgress-item::before {
display: inline-block;
content: '';
position: absolute;
left: -30px;
height: 100%;
width: 10px;
}
.StepProgress-item::after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: -37px;
width: 17px;
height: 17px;
border: 2px solid #CCC;
border-radius: 50%;
background-color: #FFF;
}
.StepProgress-item.current::before {
border-left: 2px solid #2a3679;
}
.StepProgress-item.current::after {
content: '';
width: 21px;
height: 21px;
top: 5px;
left: -39px;
font-size: 11px;
text-align: center;
color: white;
border: 2px solid #2a3679;
background-color: #2a3679;
font-weight: 900;
}
@-moz-document url-prefix() {
.blurBox {
background: hsla(210,24.2%,25.9%,0.8);
}
}
@media (max-width: 1024px) {
h1.color-white {
font-size: 1.8rem;
}
.blurBox {
top: 46%;
}
}
@media (max-width: 820px) {
h1.color-white {
font-size: 1.4rem;
}
.blurBox {
top: 41%;
}
}
.features_specific_blue {
background-color: #D0E9FF;
border-radius: 8px;
padding: 10px;
}
.features_specific_yellow {
background-color: #FFF3CA;
border-radius: 8px;
padding: 10px;
}
.features_specific_green {
background-color: #EFFFDF;
border-radius: 8px;
padding: 10px;
}
.premiumpartner figure.featured-media {
display: none;
}
.premiumpartner h1 {
color: black;
}
.premiumpartner p.intro {
color: #1A1A1A;
}
.premiumpartner h3 {
color: white;
}
nav.pagination-single.section-inner.only-one.only-prev {
display: none;
}
.alert {
padding: 12px;
margin-bottom: 32px;
border-left-width: 4px;
border-left-style: solid;
}
.alert--info {
background-color: #D9DCF0;
border-color: #3F51B5;
color: #2A3679;
}
.showcase_boxes {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px;
gap: 16px;
background: #FBFBFB;
border-radius: 14px;
}
li {
font-size: 18px;
}
.circle_benefits {
font-weight: 700;
color: #3f51b5;
}
img.hiden_image {
background-size: 98%;
background-repeat: no-repeat;
background-position: center;
}
.dot_circle {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.education-landing-page {
background: url(https://cdn.wikitude.com/static-website/2021/05/25152914/Wikitude_Education_HeroBackground%402x.png) center bottom no-repeat;
background-size: cover;
height: 595px !important;
}
.wpcp-carousel-section.slick-initialized .slick-slide {
margin-right: 30px !important;
margin-left: 30px !important;
}
.owl-stage-outer {
margin-left: 50px;
margin-right: 40px;
}
.carousel-slider__item {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
background-color: #FFFFFF;
box-shadow: 0 0 8px rgba(0, 20, 40, 0.2);
border-radius: 3px;
overflow: hidden;
}
.carousel-slider__caption {
padding: 15px;
}
.title, .caption {
font-size: 0.8888888889rem !important;
font-weight: 900 !important;
line-height: 1.4em;
color: black;
}
.active, .dot_circle:hover {
background-color: #000;
}
.active {
background-color: none !important;
}
.wt-box--feature {
display: flex;
flex-direction: column;
border: 2px solid #fff;
text-align: center;
align-items: center;
box-shadow: 0 0 8px rgba(0, 20, 40, 0.2);
border-radius: 15px;
}
.wt-box.wt-box--feature:hover {
background: #d9dcf0;
}
.wt-box.wt-box--feature.active {
background: #8c97d3;
}
tr:hover td {
background: none !important;
}
.toys_dragons {
background: url(https://cdn.wikitude.com/static-website/2021/05/25153007/Wikitude_Education_2ndFoldBG_Circle.png) bottom center no-repeat;
background-size: auto;
background-size: 100%;
}
@media (max-width: 1100px) {
.wt-h1 {
font-size: 2.1rem;
}
h2 {
font-size: 1.5rem;
}
video {
width: 420px;
}
}
@media (min-width: 768px) and (max-width: 1000px){
.wt-h1 {
font-size: 1.8rem;
}
.wt-h5{
font-size: 0.8rem;
}
video {
width: 390px;
}
ul.styled-list{
color:#000;
}
td {
padding: 0px !important;
}
}
@media (max-width: 767px) and (min-width: 576px) {
section.herographic.education-landing-page {
padding: 48px 0;
}
h2.wt-h1.color-white {
color: white;
font-size: 1.8rem;
}
video {
width: 390px;
}
td {
padding: 0px !important;
}
}
@media (max-width: 640px) {
video#video {
width: 300px;
}
.wt-h1 {
font-size: 1.5rem;
}
video {
width: 370px;
}
h3.wt-h5.mt-2 {
font-size: 0.8rem;
}
td {
padding: 0px !important;
}
.toy_download_section {
background-size: cover;
}
}
@media (max-width: 575px) {
.col-lg-6.col-sm-5.mt-6{
margin-top: -100px !important;
}
.pt-6 {
padding-top: 80px !important;
}
li.grid__item {
width: 50% !important;
}
video {
width: 320px;
margin-top: 4%;
}
.heading_h1_position {
font-size: 1.8rem;
width: 99%;
position: absolute;
top: -150px;
}
p.para_1_position {
position: absolute;
top: 120px;
}
.header_image_responsive {
position: absolute;
top: 105px;
text-align: center;
}
img.image_responsive {
width: 50%;
}
img.hiden_image {
margin-top: 50%;
}
p.para_2_position {
position: absolute;
top: 160px;
}
a.button_responsive {
position: absolute;
top: 200px;
}
.col-lg-6.col-sm-10.offset-lg-2.text.center{
margin-left: -16%;
}
td {
padding: 0px !important;
}
}
@media (max-width: 500px) {
.header_image_responsive {
top: 135px;
}
p.para_2_position {
top: 200px;
}
a.button_responsive {
top: 250px;
}
}
/* create ribbon */
.parent {
overflow: hidden;
width: 30%;
height: 402px /* some non-zero number */;
margin: 0px 0px 0px auto;
position: relative;
}
.ribbon {
margin: 0;
padding: 0;
background: #fec000;
color: #000;
padding: 1em 0;
position: absolute;
top: 0;
right: 0;
transform: translateX(30%) translateY(0%) rotate(45deg);
transform-origin: top left;
}
.ribbon:before {
right: 100%;
}
.ribbon:after {
left: 100%;
}
.ribbon:before, .ribbon:after {
content: '';
position: absolute;
top: 0px;
margin: 0 -1px;
width: 100%;
height: 100%;
background: #fec000;
}
a.ribbon_link {
color: #000;
border-bottom: 2px solid #000;
font-size: inherit;
}
@media screen and (max-width: 1024px) {
.ribbon {
transform: translateX(34%) translateY(-25%) rotate(45deg);
}
h5.ribbon {
font-size: 18px;
}
}
@media screen and (max-width: 910px) {
.ribbon {
transform: translateX(34%) translateY(-25%) rotate(45deg);
}
h5.ribbon {
font-size: 14px;
}
}
@media screen and (max-width: 715px) {
.parent {
width: 100%;
height: 45px;
}
.ribbon {
left: 0;
transform: translateX(0%) translateY(-10%) rotate(0deg);
}
h5.ribbon {
font-size: 14px;
text-align: center;
}
}