:root {
    /* generated from https://mycolor.space/?hex=%23006CA2&sub=1
        Colors 1,2,4 = Natural Palette ; Color 0 = the grey from Matching Palette; Color 3 = personal choice
     */
    --colorZero: #3B4856;
    --colorOne: #006CA2;
    --colorTwo: #009BF9;
    --colorThree: #ECF4FF;
    --colorFour: #F2FAFF;
    --colorOrange:#FEA621;

    /* old palette
    --colorZero: #1F3CA7;
    --colorOne: #026AB3;
    --colorTwo: #65B4FF;
    --colorThree: #ECF4FF;
     */

    /* subjective choices */
    --veryLightGrey: #F8F8F8;
    --lightGrey: #DADCE0;
    --darkGrey: #777;
    --highlighted: #ffff99;
    --highlightedTwo: #ECF3F9;

    --errorCol: #f00;
    --errorBg: #F9E5E6;
    --successCol: #257823;
    --successBg: #d9edd8;

    --darkGreen: #4aaf00;
    --lightGreen: #8ad300;

    --menuPosition: 15%;
}

html { font-size: 1rem; }

body { color: #4d4d4d; font-family: Roboto, serif; border-top: 0; margin-top: 0; margin-bottom: 0; line-height: 1.5rem; background-color:#fff; }

A:link {color: #003399; background: transparent; }
A:active {color: #3F2ADA; background: transparent; }
A:hover {color: #3F2ADA; background: transparent;}

.menu {border-width: 1px; border-color: var(--colorTwo); border-style: solid;}
.menutitle {color: #ffffff; font-size: 8pt; background: var(--colorTwo); border-width: 1px; border-color: var(--colorTwo); border-style: solid; font-weight: bold;}
.menubody {background-color:#EBF5FF; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; color: var(--colorOne); font-family: Verdana, Geneva, Arial, Helvetica, serif; font-size: 11px;}
.menubody A:VISITED {text-decoration: none; color: #003399;}
.menubody A:hover {text-decoration: underline; color: red;}

/* GLOBAL STYLES
==========================================*/
* { margin:0; padding:0; }
body { text-align:center; color:#222; }
a { color:var(--colorOne); }
a:hover { color:var(--colorTwo); }
img { border:none; max-width: 100%; }

/*END OF GLOBAL STYLES*/

/* MAIN LAYOUT
==========================================*/
#page { max-width:1280px; text-align:left; margin:75px auto auto auto; }
#main, #bigmain {min-height: 650px;}
#bigmain { padding:0 2%; }
#leftside { float:left; }
#leftside .appicon { text-align: center; border:1px solid var(--lightGrey); width:140px; height:140px; border-radius:50%; margin:0 auto 20px auto; background:var(--colorThree)}
#leftside .appicon img { margin-top:20px; }
#rightside { float:right; width: 14% !important; }
#rightside .paymentImages {  text-align: center; padding: 0 30px;}
#rightside .paymentImages a { text-decoration: none; }
#rightside .paymentImages img { margin-bottom:30px;}
.sidebar { margin-top:19px; width: 23%; padding:0 1%; }
/* .sidebar.template2Col { width: 255px; }  DE SCOS? */
.sidebar.sidebarFixed { position:fixed; max-width: 255px;}
#wrapper { float:left; width:82%;}
#contentsmall { width:71%; padding:0 2%; float:right; }
/* #contentsmall.template2Col { width:75%; } DE SCOS? */
#content { width:70%; float:right; }
.clear:after { content:"."; display:block; height:0; visibility:hidden; clear:both;}
* html .clear { height:1%;}

/* END OF MAIN LAYOUT */

/* HEADER =======================================*/

#headerWrapper { background-color:#fff; border-bottom: 3px solid var(--lightGrey); position:fixed; width: 100%; top:0; z-index: 1000; display:flex; justify-content: center; height:40px; padding:15px 0; }
#headerWrapper #headerInner { width: 1280px;  }
#headerWrapper #header { font-weight:bold; text-align:left; width:21%; padding:0 2%; float:left; }
#headerWrapper #header img { height:35px; margin-top:3px; }

/* MENU ======================================*/
/* menu css starting -------------*/
#menubar { text-align:center; width:71%; padding:0 2%; float:left; }
#sitenav { display:flex; align-items:center; justify-content:flex-end; height:40px; gap:2.5rem; padding-right: 3.5rem;}
#sitenav a { text-decoration:none; color:#222; font-size:0.95rem; font-weight:500; }
#sitenav a:hover { color:var(--colorOne); }
#menubar #menuproduct { margin:auto; }
#menubar #menuproduct .logoImg { margin-right: 1rem; float:left;}
#menubar #menuproductname { text-align: left; height: 50px; }
#menubar #menuproductname h1 { padding-top:8px; font-weight: 500; }
#menubar #menuproductname #clearname { display: block; float:left; }
#menubar #menuproductname #freespan { display:block; float:left; color: var(--colorOne); border: 1px solid var(--colorOne); padding:4px 15px; border-radius: 5px; font-weight: normal; font-size: 1rem; margin-left:2rem; margin-top: -0.3rem;}

#menubar #mainmenu { padding-left: 10px; }
#menubar .tabs { border-radius: 5px 5px 0 0; margin-right: 5px;}
#menubar #actualMenu a { text-decoration: none; color:white; }
#menubar #actualMenu ul { text-transform:uppercase; text-align: left; display: inline; margin: 0; padding: 15px 4px 17px 0; list-style: none; }
#menubar #actualMenu ul li { display: inline-block; position: relative; padding: 10px 20px; background: var(--colorOne); color:white; cursor: pointer;-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
#menubar #actualMenu ul li:hover { background: var(--colorTwo); }

/* submenu css starting -------------*/
#menubar #actualMenu li ul { display: none; position: absolute; margin-top: 10px; margin-left: -20px; padding:0; text-transform:none; }
#menubar #actualMenu li ul li { width:14rem; border-top: 1px solid var(--lightGrey);}
#menubar #actualMenu li:hover ul { display: block;}
/* END OF MENU */

/* SIDEBAR STYLES
=====================================*/

.sidebar .boxV2 { margin-bottom:1rem; border:2px solid var(--lightGrey); padding:0.5rem 0.75rem; background:#fff; border-radius: 5px; }
.sidebar .boxV2.languages, .sidebar .box.webmasters { text-align: center; }
.sidebar .boxV2.languages #flagsContainer { margin-top: 0.5rem; }
.sidebar .boxV2.languages #flagsContainer a { text-decoration: none; }
.sidebar .boxV2.languages #flagsContainer .flag, .flagList .flag { height:25px;  -moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; margin: 0 0.2rem 0.3rem 0.2rem;}
.sidebar .boxV2.languages #flagsContainer .flag:hover { transform:scale(1.2); }

.sidebar .buyNowBox { padding:1.5rem 0 2rem 0;}
.sidebar p .date { display:block; font-weight:bold; }
.sidebar form { text-align:center; }
.sidebar input { margin-bottom:3px;}

.sidebar .boxV2 .centered p.smallText { font-size:0.8rem; color:var(--darkGrey); margin-bottom:0.25rem; line-height:1.5; }

/* END OF SIDEBAR STYLES */

/* CONTENT STYLES
==========================================*/
#page #homecontent { padding:2rem 2% 0 2%}
#page #homecontent .newproduct { margin-bottom: 3rem;}
#page #homecontent .newproduct .prodLogo { float:left; width:12%; padding-top: 12px; }
#page #homecontent .newproduct .prodInfo { float:left; width:68%; }
#page #homecontent .newproduct .prodInfo .title { width:100%; float:left; line-height: 2rem; margin-bottom: 1rem}
#page #homecontent .newproduct .prodInfo .title h2 { float:left; font-size:1.75rem; padding: 3px 0 0 0; font-weight: 500; }
#page #homecontent .newproduct .prodInfo .title h2 a { text-decoration: none; color: black; }
#page #homecontent .newproduct .prodInfo .title .freeSign { background-color:transparent; border:1px solid var(--colorOne); margin-left:15px; color:var(--colorOne); padding:5px 15px; border-radius: 5px; font-weight: normal; font-size: 1rem; vertical-align: middle; }
#page #homecontent .newproduct .prodActions { float:left; width:20%; text-align: center; padding-top: 8px; }
#page #homecontent .newproduct .prodActions .learnMore { margin:0.75rem auto; display: block;}
#page #homecontent .newproduct .prodActions .platform { color:var(--darkGrey); font-size:0.75rem }
#page #homecontent .newproduct .prodActions .platform img { height:1.5rem; }
#page #homecontent .newproduct.featured { background-color:var(--colorFour); border-radius:5px; padding:0.75rem; }
#page #homecontent .newproduct:not(.featured):not(:last-child) { border-bottom:1px solid var(--lightGrey); padding-bottom:2rem; margin-bottom:2rem; }
#page #homecontent .newproduct .prodInfo .descrText { max-width:65ch; }
#page #homecontent h1 { font-size:2.5rem; font-weight:500; margin-bottom:2rem; text-align:center; line-height: 3rem; }
#page #homecontent .companyIntro { margin:0 auto 2rem; max-width:90ch; text-align:center; }
details.legacySection { margin-top:2rem; }
details.legacySection summary { cursor:pointer; font-size:0.95rem; color:var(--darkGrey); user-select:none; list-style:none; display:flex; align-items:center; gap:0.5rem; margin-bottom: 2rem; }
details.legacySection summary::before { content:'▶'; font-size:0.7rem; transition:transform 0.2s; }
details[open].legacySection summary::before { transform:rotate(90deg); }
details.legacySection summary span { color:#999; font-weight:normal; }
details.legacySection summary::-webkit-details-marker { display:none; }

#contentsmall h1, #bigmain h1, .generic h1 { font-size:2rem; margin:1rem 0; font-weight: 500; line-height: 150%;}
#contentsmall h2, #bigmain h2, .generic h2  { font-size:1.5625rem; margin:1rem 0; font-weight: 500; line-height: 150%; }
h2.divided { margin-top:2rem !important; padding-top:0.35rem; border-top:1px solid var(--lightGrey); clear:both; }
.downloadSection { background-color:var(--colorFour); border-radius:6px; padding:1rem 1.5rem; margin:2rem 0; }
.downloadSection h2.divided { border-top:none; padding-top:0; margin-top:0 !important; }
ul.featureList { list-style:none; padding-left:0; }
ul.featureList li { position:relative; padding-left:1.6rem; margin-bottom:0.35rem; }
ul.featureList li::before { content:'✓'; position:absolute; left:0; color:var(--colorOne); font-weight:bold; }
#contentsmall h3, #bigmain h3, .generic h3 { font-size:1.375rem; margin:1rem 0; color:var(--colorZero); line-height: 150%;}
#contentsmall p, #bigmain p, .generic p { line-height:1.5rem; margin:0.5rem 0 1.5rem; }

#contentsmall ul, #contentsmall ol, #bigmain ul, #bigmain ol, .generic ul, .generic ol { margin:10px 20px 15px 40px;}
#contentsmall li, #bigmain li, .generic li { line-height:1.5rem; }
ol.faq li { margin:1rem 0;}
code { background-color: bisque; margin:10px 20px; padding: 5px 10px; display: block;}

/* FOOTER ======================================*/
#footer { margin-top:2rem; text-align:center; background-color:#fff; padding:1rem 0; border-top:2px solid var(--lightGrey); display:flex; justify-content: center;}
#footer #columnWrapper { width: 1280px; margin:auto; }
#footer .column { width:20%; float:left; padding: 0 2%;}
#footer .bigColumn { width:24%; float:left; padding: 0 2%;}
#footer ul { list-style-type:none; margin:0.75rem 0;}
#footer li { text-align: left; }
#footer #copy { margin: 0.75rem 0; text-align: right; }
/* END OF FOOTER */

.centered { text-align:center;}
.centered.padded { padding:1.5rem 0}
.halfscreen { width:50%; float:left; }
.greenBoldLink { color:var(--darkGreen) !important; }
.caption { margin:10px 0; font-weight:bold; }
.sidebar .centered img { margin-bottom:10px; }
.yt-video { width:560px; height:315px}
#browserList { margin-top:1rem;}
#browserList .browserIcon { padding: 1rem 0; }
#browserList .browserIcon img { width: 48px !important; }
#browserList .browserIcon.faded { opacity: 0.5 }
.hiddenAddress { color:var(--colorOne);}
.actionInvitation { border:2px solid var(--colorTwo); padding: 1rem 3rem 1.5rem 3rem; margin: 2rem 0; text-align: center; border-radius: 1rem;}
.messageError { padding: 1.5rem 0; margin: 1rem 15%; text-align: center; border-radius: 1rem; width:70%; display: block; float:left; background-color:var(--errorBg); color:var(--errorCol); border: 1px solid var(--errorCol) }
.messageSuccess { padding: 1.5rem 0; margin: 1rem 15%; text-align: center; border-radius: 1rem; width:70%; display: block; float:left; background-color:var(--successBg); color:var(--successCol); border:1px solid var(--successCol); }
.messageError p, .messageSuccess p { margin: 0 !important; }

#twoOptions { width:100%; float:left; margin-bottom: 1rem; }
#twoOptions .oneOption { width:45%; padding-right: 5%; float:left;}

.starRatingContainer { margin: 0.5rem auto 0 auto;}
.starRatingAverage { color:var(--darkGrey); font-size:0.75rem;}
.updatedInfo { color:var(--darkGrey); font-size:0.75rem; margin-bottom: 0 !important;}

.ql { list-style-type:none; margin-top:3px; padding-left:0; }
.ql li { position:relative; padding-left:18px; padding-bottom:3px; border-bottom:1px solid #cde; margin-bottom:3px; background:none; }
.ql li::before { content:''; position:absolute; left:3px; top:7px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid var(--colorOne); transition:left 0.15s; }
.ql li:last-of-type { border-bottom:none }
.ql li.folder { color:var(--colorOne); }
.ql li.folder::before { top:8px; left:2px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--colorOne); border-bottom:none; }
.ql li.subitem { margin-left:1rem }
.ql li:hover::before { left:6px; }
.ql a { text-decoration:none; }
.sr { list-style-type:none; margin-bottom:10px; text-align: center; padding: 0 2rem; }
.affiliates p { text-align:center; }
.affiliates a { display:block; font-weight:bold; }
h4 { margin:30px 0 5px; }

.answers { padding:5px 0 30px; border-top: 1px solid var(--lightGrey); margin: 2rem 0; border-bottom: 1px solid var(--lightGrey); }
.link { margin-bottom:15px; }
.link div { float:left; width:150px; text-align:center; margin-bottom:5px;}
.link h3, #bigmain .link p { margin-left:150px; }

#bigmain .link p { margin-bottom:0.5rem; }

.orderprod { margin-bottom:2rem;}
.orderprod .col1 { width:20%; float:left; text-align: center; }
.orderprod .col2 { width:60%; float: left;}
.orderprod .col3 { width:20%; float: left; text-align:center; font-weight: bold; padding-top: 0.5rem; font-size:1.5rem;}
.orderprod h2 { margin-top:0 !important; }

#multicomp {
    width:100%;
    margin:20px auto;
    text-align:center;
    border:1px solid #9ab;
    border-bottom:none;
    border-right:none;
}

#multicomp td, #multicomp th {
    padding:0.5rem 0.375rem;
    border:1px solid #9ab;
    border-top:none;
    border-left:none;
}

#multicomp th { background:#9ab; color:#fff; font-weight: normal }

#versiondiff {
    margin:20px auto;
    text-align:center;
    border:1px solid #9ab;
    border-bottom:none;
    border-right:none;
}

#versiondiff td,#versiondiff th {
    padding:5px;
    border:1px solid #9ab;
    border-top:none;
    border-left:none;
}
#versiondiff th {
    background:#9ab;
    color:#fff;
}

#bigmain form, .generic form { margin:10px 0; padding:10px; border:1px solid #cde; }
#bigmain form label, .generic form label { float:left; width:150px; margin-right:10px; font-weight:bold; text-align:right; line-height:24px; }
#bigmain form br, .generic form br { clear:both; display:block; height:10px; }
#bigmain form input, #bigmain form select, #bigmain form textarea, .generic form input, .generic form select, .generic form textarea { margin-top:3px; border:1px solid var(--lightGrey); }
#bigmain form input.button, .generic form input.button { background:var(--lightGrey); margin-top:10px; padding:10px; }
#bigmain form label.optional, .generic form label.optional { font-weight:normal; }
.templates { padding:5px 0 30px; border-top:1px dashed var(--colorOne); }

.btn-primary { background-image: linear-gradient(to bottom,var(--lightGreen),var(--darkGreen)) !important; }
.btn-secondary { background-image: linear-gradient(to bottom,var(--colorOne),var(--colorZero)) !important; }
.btn { display: inline-block; border-radius: 0.375rem; border-width: 1px; padding: 0.375rem 1.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; letter-spacing: .025rem; color: white !important; box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 49%), 0 1px 1px 0 rgb(0 0 0 / 70%); text-shadow: -1px -1px 1px rgb(0 0 0 / 10%); text-decoration: none; cursor:pointer; }
.btn .fa { margin-right:0.4rem; }

.genericform .row { width:100%; float:left; }
.genericform .row div { padding: 0.2rem 0; }
.genericform .row .col1 { width:25%; float:left; text-align:right; margin-right: 5%;}
.genericform .row .col2 { width:70%; float:left; }
.genericform .row input[type="text"], .genericform .row select { padding: 0.2rem; width:50%; }
.genericform .row input[type="radio"] { margin-right: 0.5rem; }
.genericform .row textarea { width:75%; }

#pricing { display: block; width: 70%; margin:auto; margin-bottom: 2rem;}
#pricing .oneBox { text-align: center; width:49%; float:left; padding: 1.5rem 0% }
#pricing .oneBox.plan0 { border:1px solid var(--darkGrey) }
#pricing .oneBox.plan1 { border-top:1px solid var(--darkGrey); border-right:1px solid var(--darkGrey); border-bottom:1px solid var(--darkGrey);}
#pricing .oneBox.plan0 .planName { color: var(--colorTwo); }
#pricing .oneBox.plan1 .planName { color: var(--colorOne); }
#pricing .oneBox .planName { font-size:1.65rem; font-weight: bold; line-height: 2rem; padding-bottom: 1rem}
#pricing .oneBox .planPrice { font-size: 1.5rem; padding: 0 1rem 2rem 1rem; border-bottom: 1px solid white; border-bottom: 1px solid var(--lightGrey);}
#pricing .oneBox .planPrice sup { font-size: 1rem;}
#pricing .oneBox .feature { padding-top: 1rem;}
#pricing .oneBox .feature.minor { opacity: 0.75; }
#pricing .oneBox .cta { margin:1rem 0;}

.logos { width:100%; float: left; margin-bottom: 2rem; }
.logos .oneItem { width:25%; float:left; height:100px; text-align: center; }
.logos .oneItem.spaceLeft { margin-left:12%; }
.logos .oneItem .helper { display: inline-block; height: 100%; vertical-align: middle; }
.logos .oneItem img { width:65%; vertical-align: middle; }

#breadcrumb { margin:1rem 0; float:left; width:100%; color:var(--darkGrey); }
#breadcrumb .item { float:left; margin-right: 1rem; }
#breadcrumb .item a { color:var(--darkGrey); }
#breadcrumb .item .fa-home { font-size:1.6rem; opacity: 1; }


.screenshots { width:100%; float:left; }
.screenshots .oneItem { width:300px; float:left; margin-right:18px; margin-bottom:2rem; border: 1px solid var(--darkGrey); }
.screenshots .oneItem img { width:300px; }

#sslc { width:100% }
#sslc .r { width: 100%; float:left; }
#sslc .left { width:30%; float:left; }
#sslc .right { width:70%; float:left }
#sslc .lastOne { border-bottom: 1px solid var(--darkGrey); padding-bottom: 1rem; margin-bottom: 1rem; }

#sidebarMenu { height: 100%; position: fixed; right: 0; top:0; width: 300px; transform: translateX(300px); background: var(--colorOne); transition: transform 250ms ease-in-out; padding-top:70px; }
.sidebarMenuInner { margin:0; padding:0; border-top: 1px solid rgba(255, 255, 255, 0.10); }
.sidebarMenuInner li{ list-style: none; color: #fff; padding: 20px 30px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.10); text-align:left; }
.sidebarMenuInner li span{ display: block; font-size: 14px; color: rgba(255, 255, 255, 0.50); }
.sidebarMenuInner li a{ color: #fff; cursor: pointer; text-decoration: none; }
input[type="checkbox"]:checked ~ #sidebarMenu { transform: translateX(0); }
input[type=checkbox] { transition: all 0.3s; box-sizing: border-box; display: none; }
@media screen and (min-width: 850px) {
    .sidebarIconToggle { display: none; }
    #sidebarMenu { display: none; }
}
.sidebarIconToggle { transition: all 0.3s; box-sizing: border-box; cursor: pointer; position: absolute; z-index: 99; top: 25px; right: 50px; height: 22px; width: 30px; }
.sidebarIconToggle .spinner { transition: all 0.3s; box-sizing: border-box; position: absolute; height: 5px; width: 100%; background-color: var(--colorTwo); }
.sidebarIconToggle .horizontal { transition: all 0.3s; box-sizing: border-box; position: relative; float: left; margin-top: 3px; }
.sidebarIconToggle .diagonal.part-1 { position: relative; transition: all 0.3s; box-sizing: border-box; float: left; }
.sidebarIconToggle .diagonal.part-2 { transition: all 0.3s; box-sizing: border-box; position: relative; float: left; margin-top: 3px; }
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal { transition: all 0.3s; box-sizing: border-box; opacity: 0; }
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 { transition: all 0.3s; box-sizing: border-box; transform: rotate(135deg); margin-top: 8px; }
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 { transition: all 0.3s; box-sizing: border-box; transform: rotate(-135deg); margin-top: -12px;}

#shareBox { }
#shareBox #shareButtons .shareBtn { display: block; float:left; width:200px; border-radius: 4px; cursor: pointer; padding:1rem; margin-right:0.25rem; margin-bottom:0.25rem; }
#shareBox #shareButtons .shareBtn.facebook { background-color: #3b5998 }
#shareBox #shareButtons .shareBtn.linkedin { background-color: #0977b5 }
#shareBox #shareButtons .shareBtn.twitter { background-color: #55acee }
#shareBox #shareButtons .shareBtn a { color:#fff; }
#shareBox #shareButtons .shareBtn i { margin:0 1rem;}

#faqpage h3 { font-size: 1rem; font-weight: normal; margin: 0.5rem 0 1.5rem}
#faqpage .fa-hand-o-right { margin-right:0.5rem;}

#supportpage {  margin-bottom:1rem; }
#supportpage img { width:32px; margin-right: 1rem; }
.supportMeta { display:flex; gap:0.75rem; margin:1rem 0 1.5rem; flex-wrap:wrap; }
.supportBadge { background-color:var(--colorFour); border:1px solid var(--colorOne); color:var(--colorOne); padding:0.35rem 0.85rem; border-radius:20px; font-size:0.85rem; font-weight:500; }
.supportGrid { display:grid; grid-template-columns:repeat(4, 1fr); gap:1rem; margin:1.5rem 0; }
.supportCard { display:flex; flex-direction:column; align-items:center; text-align:center; padding:1.25rem 1rem; border:1px solid var(--lightGrey); border-radius:8px; text-decoration:none; color:#222; gap:0.75rem; transition:border-color 0.2s, box-shadow 0.2s; }
.supportCard:hover { border-color:var(--colorOne); box-shadow:0 2px 8px rgba(0,0,0,0.08); color:var(--colorOne); }
.supportCard img { width:48px; height:48px; object-fit:contain; }
.supportCard span { font-size:0.9rem; font-weight:500; line-height:1.3; }
.supportCTA { text-align:center; margin:2rem 0 1rem; padding:1.5rem; background-color:var(--colorFour); border-radius:8px; }
.supportCTA p { margin-bottom:1rem; }
#abandonware { text-align: center; background-color: #FFFBEB; border: 1px solid #F5C842; border-left: 4px solid #F0A500; display: block; clear: both; width: 100%; box-sizing: border-box; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; border-radius: 4px; color: #7A5F00; font-size: 0.95rem; }
#error404 { text-align:center; padding:3rem 1rem; }
#error404 .error404code { font-size:4rem; font-weight:700; color:var(--colorOne); margin-bottom:0.5rem; line-height:1; }
#error404 h2 { font-size:1.5rem; font-weight:500; margin-bottom:1rem; }
#error404 p { color:#555; margin-bottom:2rem; }
#error404 .error404links { margin-top:2.5rem; display:flex; justify-content:center; gap:2rem; flex-wrap:wrap; }

/* ----------- small screens --------------------- */
@media screen and (max-width: 849px)
{
    #headerWrapper { display: block; height: auto; padding: 0 3%; }
    #headerWrapper #header { width: auto !important; padding:5px 0 !important; }
    #headerWrapper #header img { margin-top: 6px; }
    #headerWrapper #menubar { width: 100%; margin-top: 0; padding:5px 0;}
    #sitenav { display: none; }
    #headerWrapper #menubar #mainmenu li.tabs { padding-left:10px; padding-right: 10px;}
    #headerWrapper #menubar #menuproduct { margin-left: 0; }
    #headerWrapper #menubar #menuproduct .logoImg {display:none;}
    #menubar #menuproductname h1 { font-size:1.75rem;}
    #page { width:auto !important; }
    #page.headerSizeBig { margin-top:105px; }
    #page #main #wrapper { width: 100%; }
    #page #main #leftside  { width: 94% !important; padding: 0 3%; }
    #page #homecontent  { width: 94%; padding: 1rem 3% 0 3%; }
    #page #homecontent .newproduct .prodLogo { width:32%; text-align: center }
    #page #homecontent .newproduct .prodActions { width:100%;}
    #page #main #rightside { width: 94% !important; padding: 0 3%; }
    #page #main #content { width: 94% !important; padding: 0 3%; }
    #page #main #contentsmall { width: 94% !important; padding: 0 3%; }

    #bigmain { padding:0 3%; }
    .genericform .row .col1, #genericform .row .col2 { width:94%; padding: 0 3%; text-align: left; }
    #footer { width:94%; padding: 0 3%;}
    #footer .column, #footer .bigColumn { width:44%; }
    #footer #copy { text-align: left; }
    .halfscreen { width:100%;}
    #twoOptions .oneOption { width:100%; padding-right: 0;}
    #pricing { width:100%; }
    .sidebar.sidebarFixed { position: relative; max-width: 100%; }
    .sidebarIconToggle { top:20px; }
    .supportGrid { grid-template-columns:repeat(2, 1fr); }

    .ql li { padding-top:5px; padding-bottom:7px; }
    .ql li::before { top:10px; }
    .ql li.folder::before { top:11px; }
}
@media screen and (max-width: 639px) {
    #headerWrapper #menubar { text-align: left; }
    #headerWrapper #menubar #menuproductname #freespan { margin-left:0.5rem }
    #headerWrapper #menubar #menuproductname #clearname { font-size:1.6rem }
    #breadcrumb .item { margin-right: 0.5rem; }
    .yt-video { width:90%; height:315px}
}