:root{
    --sky-dark-color: #3399FF;
    --sky-light-color: #2C8DF5;
    --king-color: #004794;
    --marine-color: #11355C;
    --clear-blue: #2c8df5;
    --snow-color: #f2f4f7;
    --ice-color: #e4e6eB;
    --metal-color: #888D99;
    --stone-color: #5A6270;
    --storm-color: #313C49;
    --ash-color: #121921;
    --lake-color: #3DEBB4;
    --aqua-color: #50DEEB;
    --river-color: #47A0FF;
    --lila-color: #8358F0;
    --muztard-color: #FFC35C;
    --sun-color: #FF9052;
    --ferrari-color: #FA5054;
    --rosa-color: #F772BD;
}
/*@font-face {*/
/*    font-family: 'MuseoSans_500';*/
/*    font-display: fallback;*/
/*    src: url('webfonts/MuseoSans_500-webfont.woff2') format('woff2'), url('webfonts/MuseoSans_500-webfont.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'MuseoSans';*/
/*    src: url('webfonts/MuseoSans_500-webfont.woff2') format('woff2'), url('webfonts/MuseoSans_500-webfont.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@import url("https://p.typekit.net/p.css?s=1&k=yci2vlp&ht=tk&f=2003.2005.2007.2009&a=23341460&app=typekit&e=css");*/
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
@font-face {
    font-family:"MuseoSans";
    src:url("https://use.typekit.net/af/635674/00000000000000000000e800/27/l?subset_id=2&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/635674/00000000000000000000e800/27/d?subset_id=2&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/635674/00000000000000000000e800/27/a?subset_id=2&fvd=n1&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:100;
}

@font-face {
    font-family:"MuseoSans";
    src:url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/620bf8/00000000000000000000e7fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
    font-family:"MuseoSans";
    src:url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/l?subset_id=2&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/d?subset_id=2&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/a28b50/00000000000000000000e803/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
    font-family:"MuseoSans";
    src:url("https://use.typekit.net/af/e3ca36/00000000000000000000e805/27/l?subset_id=2&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e3ca36/00000000000000000000e805/27/d?subset_id=2&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e3ca36/00000000000000000000e805/27/a?subset_id=2&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;
}

.tk-museo-sans { font-family: "MuseoSans",sans-serif; }

.verdana {
    font-family: Verdana,Geneva,sans-serif;
}
.arial{
    font-family: Arial, Helvetica, sans-serif;
}
body{
    margin: 0;
    font-family: 'MuseoSans_500', 'Roboto', sans-serif, monospace;
}

.title{
    font-family: Oxygen;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 8px 21px rgba(0, 50, 163, 0.44), 0 2px 5px rgba(0, 0, 0, 0.13);
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    margin-bottom: 0px;
    margin-top: 0px;
}
.br-2{
    display: none;
}
/* .title-tablet{
    display: none;
    font-family: Oxygen;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 8px 21px rgba(0, 50, 163, 0.44), 0 2px 5px rgba(0, 0, 0, 0.13);
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
} */
.chrome-store-badge-desktop{
    display: none;
}
.browser-container{
    display: none;
}
.museo-sans{
    font-family: MuseoSans;
}
.browser-circle{
    z-index: 5;
    position: relative;
    top: -301px;
    left: -16px;
    display: none;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.browser-arrow{
    z-index: 5;
    position: relative;
    top: -282px;
    left: -30px;
    display: none;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.section-1-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items:center;
    align-items:center;
    max-width: 960px;
    margin: auto;
}
.semantic-tag{
    margin-bottom: 0px;
    margin-top: 0px;
}
.section-1-title {
    font-family: MuseoSans;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.section-1-subtitle{
    text-align: right;
    font-weight: 500;
}
.kinds{
    content: url("./img/home/kinds@4x.png");
}
.section-2-container{
    display: grid;
    justify-items:center;
    align-items:center;
    max-width: 960px;
    margin: auto;
}
.section-2-title{
    font-family: MuseoSans;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.section-2-subtitle{
    font-family: MuseoSans;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
.section-3-container {
    display: grid;
    justify-items:center;
    align-items:center;
    max-width: 960px;
    margin: auto;
}
.brands{
    align-items:center;
    justify-items:center;
}
.section-3-title {
    font-family: MuseoSans;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
}
.section-3-subtitle {
    font-family: MuseoSans;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
.section-4-container{
    display: grid;
    grid-template-columns: auto;
    justify-items:center;
    align-items:center;
    grid-gap:3em;
    max-width: 960px;
    margin: auto;
}
.section-4-title {
    font-family: Oxygen;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}
.extension-container {
    width: 197px;
    height: 48px;
    /*border-radius: 13px;*/
    /*box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.08);*/
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-image-source: linear-gradient(to bottom, rgba(22, 101, 239, 0.55), rgba(22, 101, 239, 0.72) 100%);*/
    /*border-image-slice: 1;*/
    border: 1px solid transparent;
    border-radius: 13px;
    background-image: linear-gradient(to bottom, rgba(22, 101, 239, 0.55), rgba(22, 101, 239, 0.72) 100%);
    background-origin: border-box;
    /*background-clip: padding-box, border-box;*/
    background-clip: content-box, border-box;
}
.extension-label{
    padding-top: 9px;
    padding-left: 57px;
    width: 134px;
    height: 28px;
    text-shadow: 0 1px 13px rgba(0, 20, 148, 0.34), 0 1px 1px rgba(0, 27, 255, 0.21);
    font-family: Oxygen;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    color: #ffffff;
}
.section-5-container{
    display: grid;
    justify-items:center;
    align-items:center;
    max-width: 960px;
    margin: auto;
}
.footer-faq-btn{
    text-decoration: none;
    appearance: auto;
    box-sizing: border-box;
    padding: 8px 6px;
}
.footer-support-btn{
    text-decoration: none;
    appearance: auto;
    box-sizing: border-box;
    padding: 8px 6px;
}
.demo-body{
    overflow: hidden;
}
.demo-top-area-container{
    height: 100vh
}
.cursor-pointer{
    cursor: pointer;
}
.visibility-hidden{
    visibility: hidden;
}