@font-face { font-family: "AvenirLTStdBlack"; src: url("/library/fonts/AvenirLTStd-Black.otf") format('opentype'); }
@font-face { font-family: "AvenirLTStdHeavy"; src: url("/library/fonts/AvenirLTStd-Heavy.otf") format('opentype'); }
@font-face { font-family: "AvenirLTStdRoman"; src: url("/library/fonts/AvenirLTStd-Roman.otf") format('opentype'); }
@font-face { font-family: "AvenirLTStdLight"; src: url("/library/fonts/AvenirLTStd-Light.otf") format('opentype'); }
@font-face { font-family: "FontAwesome"; src: url("/library/fonts/FontAwesome.otf") format('opentype'); }

* {padding: 0px;margin: 0px;box-sizing: border-box;}
body {font-size: 100%;font-family: "AvenirLTStdRoman",sans-serif;color: #000000;line-height: 1.65;width: 100%;}
p {margin-bottom: 15px;}
ul, ol { list-style-type: none; }
td, th { vertical-align: top; text-align: left; }
b, strong { font-family:"AvenirLTStdBlack",sans-serif; }
a { color: #000000; text-decoration: underline; }
a:hover { color: #aa8634;  }
fieldset {border: none;}
.hidden { display: none; }
input, textarea { font-family: "AvenirLTStdRoman"; font-size: 100%; }
input[type=button], input[type=submit], input[type=text], input[type=password], textarea, select { -webkit-appearance: none; border-radius: 0; background-color: #ffffff; color: #000000; border: 1px solid; height: 40px; padding: 5px; }
textarea { height: auto; resize: none; }
input[type=button], input[type=submit], a.button { padding: 10px 20px 10px 20px; background-color: #000000; color: #ffffff; cursor: pointer; text-decoration: none; height: auto; line-height: 1; display: inline-block; }
select { padding: 5px 35px 5px 5px; cursor: pointer; background-image: url(/images/S1E766LJqJNWDBKUsZkL00y00g.png); background-size: 17px; background-position: right 5px center; background-repeat: no-repeat;  }
img { border: none; }
.imagetop, .imageright, .imagebottom, .imageleft { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; text-align: center; line-height: 1; text-transform: uppercase; }
table { border-spacing: 0px; }
td, th { padding: 0px; }


h1 { font-family:"AvenirLTStdBlack",sans-serif; text-align: center; font-size: 150%; margin: 0px 0px 40px 0px; }
h2 {font-family:"AvenirLTStdHeavy",sans-serif;margin: 0px 0px 20px 0px;}
h3 { font-family: "AvenirLTStdRoman",sans-serif; margin: 0px 0px 20px 0px; }

.layouttopmenu .nav_multilevel a {font-family: "AvenirLTStdBlack", sans-serif;text-align: center;text-decoration: none;text-transform: uppercase;}
.layouttopmenu .nav_multilevel .level2>li a  { font-family: "AvenirLTStdHeavy"; font-size: 88%; white-space: nowrap; line-height: 30px; display: inline-block; text-align: left; width: 184px; }
.layouttopmenu .headerlogo img {width: 100%;height: auto;}

.layoutmiddle {min-height: 500px;}

.headercontainer {min-height: 70px;border-bottom:2px solid #000000;}



@media( min-width: 1200px )
{
    .layouttopmenu .nav_multilevel {position: absolute;top: -10px;right: 0px;height: 60px;margin: 20px auto 0px auto;/* padding: 10px 0px 0px 0px; */line-height: 60px;} 
    .layouttopmenu .nav_multilevel img { width:112px; height:auto; }
    .layouttopmenu .nav_multilevel .level1>li {height: 112px;float: left;text-align: center;width: 100px;}

    .layouttopmenu .nav_multilevel .level1>li.link3:hover, .layouttopmenu .nav_multilevel .level1>li.link4:hover, .layouttopmenu .nav_multilevel .level1>li.link5:hover
        { background-image: url(/images/S1E766LJqJNWDBKUsZkL00y00g.png); background-size: 17px; background-position: center 77px; background-repeat:no-repeat; }
    
    .layouttopmenu .nav_multilevel .level2 {width: 260px;background-color: #ebebeb;z-index: 20;position: absolute;display: none;list-style-type: "\002D";padding: 20px 0px 20px 0px;margin: -12px 0px 0px 0px;}
    .layouttopmenu .nav_multilevel .link5 .level2 { margin: -12px 0px 0px -65px; }
    .layouttopmenu .nav_multilevel .level2>li { text-align: left; line-height: 1; margin: 0px 23px 0px 23px; padding: 0px 0px 0px 10px; }
    /*.layouttopmenu .nav_multilevel .level2>li:before { content: '\002D'; padding: 6px 10px 0px 0px; float: left; }*/
    .layouttopmenu .nav_multilevel .level2>li:hover, .layouttopmenu .nav_multilevel .level2>li:hover a { color: #aa8634; }
    
    .layouttopmenu .nav_multilevel .level1>li:hover .level2 { display: block; text-align: left; }
    .layouttopmenu .level1>li {display: block;}

    .layouttopmenu .headerlogo {margin: 20px auto 20px auto;max-width: 100%;width: 400px;}
    .section14 .layouttopmenu .headerlogo { width: 600px; }

    .layouttopmenu .nav_multilevel .level1>li.link14 {width: 90px;}
    .layouttopmenu .nav_multilevel .level1>li.link3 {width: 240px;}
    .layouttopmenu .nav_multilevel .level1>li.link3 .level2 {margin-left: -10px;}
    .layouttopmenu .nav_multilevel .level1>li.link4 {width: 120px;}
    .layouttopmenu .nav_multilevel .level1>li.link4 .level2 { margin-left: -55px; ; }
    .layouttopmenu .nav_multilevel .level1>li.link2 { width: 115px; }
    .layouttopmenu .nav_multilevel .level1>li.link5 {width: 130px;}
    .layouttopmenu .nav_multilevel .level1>li.link5 .level2 { margin-left: -45px; ; }
    .layouttopmenu .nav_multilevel .level1>li.link6 {width: 130px;}
}

@media( max-width: 1199px )
{
    .layouttopmenu .mobilelogo { display: block; width:300px;top: 3px; left: 20px; position: absolute; z-index: 1; }
    .layouttopmenu .mobilelogo img {height: 63px;width: auto;}
    .layouttopmenu .mobilelogo .imagetop { float: left; margin: 0px 20px 0px 0px; }
    .layouttopmenu .mobilelogo h2 { text-align: left; line-height: 65px; font-family: "AvenirLTStdBlack", sans-serif; }

    .layouttopmenu .headerlogo { width: 200px; position: absolute; top: 30px; left: 100px; margin: 0px; }
	.headercontainer .headerlogo, .headercontainer .lightlogo {display:none;}

	.layouttopmenu {z-index: 1;top: 0;width: 100%;background: #ffffff;/* background: grey; */height: 90px;}
	.layouttopmenu .nav_multilevel {margin: 0px 0px 0px 0px;position: absolute;padding: 0px;max-width: 100%;width: 100%;line-height: 1;}
	.layouttopmenu .nav_multilevel .toggle { display: block; float: right; width: 45px; height: 40px; margin: 18px 25px 20px 20px; cursor: pointer; }
	.layouttopmenu .nav_multilevel .toggle:after {background-image: none;color:#000000;content:"\f0c9";font-family: "FontAwesome";font-size: 45px;line-height: 1em;}
	
	.layouttopmenu .nav_multilevel.toggleon { height: 100%; }
	.layouttopmenu .nav_multilevel.toggleon .links>ul {height: 660px;}
	.layouttopmenu .nav_multilevel.toggleon .toggle:after {color:#ab8735;} 
	.layouttopmenu .nav_multilevel .links {position: absolute;z-index: 50;left: 0px;margin: 90px 0px 0px 0px;width: 100%;height: 100%;overflow-y: scroll;background: rgba(40,40,40,0.9);/* padding: 20px 0px 40px 0px; */}
	.layouttopmenu .nav_multilevel.toggleoff .links { display: none; }

	.layouttopmenu .nav_multilevel li {border: none; width: 100%; clear: both; padding: 0px 0px 0px 0px !important; margin: 0px !important; font-family: OpenSansBold; font-size: 100%; }
	.layouttopmenu .nav_multilevel li a {display: block;padding: 5px;color: #ffffff;line-height: 40px;}
	.layouttopmenu .nav_multilevel .link14 a {padding-top: 20px;}
	.layouttopmenu .nav_multilevel.toggleon li { display: block; }
	.layouttopmenu .nav_multilevel.toggleoff li { display: none; }
	
	.layouttopmenu .nav_multilevel .level1>li {width: 100%;height: unset;/* min-height: 50px; */}
	.layouttopmenu .nav_multilevel .level1 .link2 { display: none; }
	.layouttopmenu .nav_multilevel .level1>li.link3:hover, .layouttopmenu .nav_multilevel .level1>li.link5:hover { background-image: none; }
	.layouttopmenu .nav_multilevel .link5 .level2 { margin: 0px 0px 0px 0px; }
	
	.layouttopmenu .nav_multilevel .level2 { width: 100%; display: block; background-color: transparent; position: static;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
	.layouttopmenu .nav_multilevel .level2>li { clear: none; text-align: center; background-color: transparent; }
	.layouttopmenu .nav_multilevel .level2>li:before { content:none;}
	.layouttopmenu .nav_multilevel .level1>li:hover .level2 { text-align: center; }
	.layouttopmenu .nav_multilevel .level2 > li a { text-align: center; }

	/* Hide extra Downloads link in mobile menu */
	.layouttopmenu .nav_multilevel .level2 .link42 { display: none;}

    .layoutmiddle {margin-top: 30px;}
}

@media( max-width: 449px )
{
    .layouttopmenu .nav_multilevel .toggle { margin-right: 20px; }
}

@media( max-width: 399px )
{
    .mobilelogo { width: 250px;  }
    .mobilelogo h2 {line-height: 1;padding: 15px 0px 0px 0px;}
}


@media( max-width: 375px )
{
    .layouttopmenu .mobilelogo { left: 10px; top: 10px; }
    .layouttopmenu .mobilelogo img {height: 45px;}
    .layouttopmenu .headerlogo {left: 60px;top: 32px;}
}

@media( max-width: 320px )
{
	.layouttopmenu .headerlogo {width: 175px;}
    .layouttopmenu .nav_multilevel .toggle { margin-right: 10px; }
}

.std_contentpage, .shop_basket, .shop_subscriptions {max-width: 940px;margin: 10px auto 0px auto;padding: 0px 20px 50px 20px;clear: both;}

@media ( max-width: 449px )
{
    .std_contentpage, .shop_basket, .shop_subscriptions { margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; }
}

.layoutfooter {background-color:#000000;color:#ffffff;font-family:"AvenirLTStdHeavy",sans-serif;padding: 20px 0px 20px 0px;}
.layoutfooter a {color:#ffffff;text-decoration: none;}
.layoutfooter a:hover { text-decoration: underline; }
.layoutfooter .util_textbox { text-align: center; }
.layoutfooter .util_textbox p {margin:0px 0px 5px 0px;}
.layoutfooter .footerlinks { font-size: 113%; margin: 0px auto 0px auto; text-align: center; }
.layoutfooter .footerlinks li { display: inline-block; padding: 0px 20px 0px 20px; }

.footersocial { padding-bottom: 10px; }
.footersocial li { display: inline-block; margin-right:10px;}


@media(max-width:1199px)
{
	.footersocial { text-align: center; }
}


.layoutcredits { font-family:"AvenirLTStdLight",sans-serif;color: #ffffff;font-size: 90%; background: #000000; text-align: center; }
.layoutcredits a { color: #ffffff; text-decoration: none; }
.layoutcredits a:hover { text-decoration: underline; }

@media( min-width: 1200px )
{
	.footersocial { padding-left: 40px; }
    .layoutcredits .copyright { position: absolute; left: 40px; margin-top: -45px; }
    .layoutcredits .beachshore { position: absolute; right: 40px; margin-top: -45px; }
}


/* Home */
/*
.section1.sectionlevel1 .layouttopmenu .nav_multilevel {height: 135px;line-height: 120px;}
.section1.sectionlevel1 .layouttopmenu .nav_multilevel .level1 .link2 .textlink {display:none;}
.section1.sectionlevel1 .layouttopmenu .nav_multilevel .level1 .link2 {height:135px;}
@media(max-width:1200px){
	.section1.sectionlevel1 .layouttopmenu .nav_multilevel {height: 100%;line-height:1;}
}
*/

.std_contentpage.home {max-width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: none;}
.home .pagebanner { width: 100%; max-width: 900px; margin: 0px auto 40px auto; }
.home .pagebanner img {width: 100%;height:auto;}
.home .pagetitle { display: none; }
.home .pagecontent {max-width: 840px;margin: 0px auto 0px auto;font-size: 143.8%;text-align: center;}
.home p {font-family: "AvenirLTStdHeavy",sans-serif;}

@media( max-width: 949px )
{
	.home .pagecontent { max-width: 100%; margin: 0px 0px 0px 0px; padding: 0px 50px 0px 50px; }
}

.home .pagecomponents {box-sizing: content-box;}
.home .feat_swipercarousel {background-color: #856929;}
.home .feat_carousel {margin: 0px auto 0px auto;max-width: 1075px;max-height: 703px;padding: 0px 0px 0px 0px;line-height: 1;}
.home .feat_carousel .carousel {overflow: hidden;height: 703px;}
.home .feat_carousel .carousel ul {width: 31000em;position: relative;margin: 0px 0px 0px 0px;}
.home .feat_carousel .carousel li {position: absolute;text-align: center;width: 1075px;height: 703px;background-size: cover;background-position: center; padding: 0px 0px 0px 0px;text-indent:unset;list-style-type: none;list-style-position: outside;line-height: 1;}
.home .feat_carousel .carousel li .link { height: 75%; }
.home .feat_carousel .carousel li a {display: block;height: 100%;}

.home .feat_carousel #carouselitem-0 { background-image: url(/images/kF4u3qtGGXhoRQ4cvtNF0ql0db.png); }
.home .feat_carousel #carouselitem-1 { background-image: url(/images/TB9ZPo3P6AFwTrOZUCGf0ne0d6.png); }
.home .feat_carousel #carouselitem-2 { background-image: url(/images/fPBIxvEwrHbqkUfm8vzW0lc0ct.jpg); }

@media( max-width: 1074px )
{
	.home .feat_carousel { max-height: 603px; }
	.home .feat_carousel .carousel { height: 603px; }
	.home .feat_carousel .carousel li { height: 603px; }
}

@media( max-width: 974px )
{
	.home .feat_carousel { max-height: 503px; }
	.home .feat_carousel .carousel { height: 503px; }
	.home .feat_carousel .carousel li { height: 503px; }
}

@media( max-width: 449px )
{
	.home .feat_carousel { max-height: 303px; }
	.home .feat_carousel .carousel { height: 303px; }
	.home .feat_carousel .carousel li { height: 303px; }
}

/* New Swiper carousel */
.home .swiper-container {
    width: 100% !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.home .swiper-slide {
    background-position: center !important;
    background-size: cover !important;
    /* width: 480px !important; */
    height: 225px !important;
}

.home .dbase_random { width: 363px; float: left; }
.home .dbase_random.left { margin: 0px 114px 0px 0px; }

.home .dbase_random .record { position: relative; margin: 0px 0px 95px 0px;  }
.home .dbase_random .column_TestDescription:before { content:'\201C'; font-family: 'IBM Plex Serif', serif; position: absolute; left: -10px; top: -50px; font-size: 600%; }
.home .dbase_random .column_TestDescription {display:block;padding: 0px 0px 17px 45px;}
.home .dbase_random .column_TestName {font-family:"AvenirLTStdBlack",sans-serif;font-size: 112.7%;}
.home .dbase_random .showmore { display: none;}

.home .dbase_random #record-7-0 .column_TestDescription:before { color: #b1cee5; }
.home .dbase_random #record-7-1 .column_TestDescription:before { color:#aed3aa; }
.home .dbase_random #record-8-0 .column_TestDescription:before { color:#d7c8ad; }
.home .dbase_random #record-8-1 .column_TestDescription:before { color:#d6d6d6; }


.home .testimonials {margin:0px 0px 85px 0px;}
.home .testimonials hr { display: inline-block; width: 311px; height: 3px; background-color: #000000; border: none; margin: 6px 0px 6px 0px; }
.home .testimonials hr:first-of-type { margin-right: 15px; }
.home .testimonials hr:last-of-type { margin-left: 15px; }
.home .testimonials p { font-family:"AvenirLTStdBlack",sans-serif; display: inline-block; text-align: center; width: 175px; height: 23px; font-size: 150%; margin: 0px 0px 0px 0px; text-transform: uppercase; }

.newslettercontainer {width: 100%;height: 331px;background-image: url(/images/YsQlcFdhOXnKm6Rf69LR2ap1bv.png);background-position: center center;background-size: cover;background-repeat: no-repeat;text-align: center;}
.newslettercontainer .items {background-image: url(/images/LIikEgFc7dAwHurs9sRH0b40b4.png);background-position: center 10px;background-size: 45px auto;background-repeat: no-repeat;padding: 30px 0px;}
.newslettercontainer .titletxt {font-size: 200%; font-family: AvenirLTStdHeavy;}
.newslettercontainer .text {text-transform: uppercase; font-size: 120%;}
.newslettercontainer .int_newsletter {margin: auto;height: 270px;width: 95%;padding-top: 50px;border: 2px solid #000000;border-top: 0px solid;}
.newslettercontainer .int_newsletter .label {display: none;}    
.newslettercontainer input[type=submit] {background-color: #ffffff;color: #000000;text-transform: uppercase;height: 40px;}
.newsletterenvelope { max-width: 100% !important; margin: 0px auto 0px auto; width: 95% !important;  }
.newsletterenvelope .items { background-position: center -10px !important; }
.newsletterenvelope .std_content_inner { clear: left; margin: 0px 0; display: grid; grid-template-columns: 1fr auto 1fr; grid-gap: 50px;}
.newsletterenvelope .std_content_inner::before, .newsletterenvelope .std_content_inner::after { width: 100%; content: ""; align-self: center; border-bottom: 2px solid black;}
.newslettercontainer .newsletterlink {position: relative; top: -50px;}

@media (max-width: 850px) {
    .newslettercontainer .newsletterlink {position: relative; top: -0px;}
}

@media (min-width: 600px) {
    .newslettercontainer fieldset {display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; }
    .newslettercontainer .int_newsletter .field.email {float: left;}
    .newslettercontainer .int_newsletter .buttons {float: left;}
    .newslettercontainer fieldset h2, .newslettercontainer fieldset .text { width: 100% }
    .newslettercontainer fieldset .email, fieldset .buttons { width: auto !important; }
    .newslettercontainer input[type=submit] {margin-left: 20px;}
}

@media (max-width: 599px) {
    .newslettercontainer input, textarea {width: 60%;}
    .newslettercontainer .text {font-size: 80%;}
    .newslettercontainer .titletxt {font-size: 150%;}
    .newslettercontainer .newsletterlink {font-size: 75%;}
}

/* Hide testimonials for website launch */
.home .testimonials, .home .dbase_random { display: none; }

/* About page */
.std_contentpage.about {max-width: 1060px;}
.about .about_left {float: left; padding: 0px 40px 0px 0px; }

/* Who Is Using FSM page */
    .whoisusingfsm h2 { padding-top: 100px;}
    .whoisusingfsm .util_textbox hr {border:none;border-bottom: 1px dashed black;margin: 0px 0px 20px 0px; }
    .whoisusingfsm .pagecomponents {overflow:auto;}
@media( min-width: 999px )
{
    .whoisusingfsm {max-width: 1200px;}
    .whoisusingfsm h2 { padding-top: 0px;}
    .whoisusingfsm .util_textbox {width:33.33%;float:left;padding: 0px 10px 0px 10px; }
    .whoisusingfsm .util_textbox:nth-of-type(2), .whoisusingfsm .util_textbox:nth-of-type(3) {border-left: 1px solid #000000; }
}

/* Licences page */
.licences {max-width: 1100px;}


/* v1 */
.licences .util_textbox {width: 160px;float: left;margin: 0px 0px 50px 50px;}
.licences .util_textbox img {margin: 0px 0px 30px 0px; width: 100%; height: auto;}
.licences .util_textbox:first-child {margin-left: 0px;}

.licencetypecontainer { max-width: 1000px; overflow: auto; margin: 0px auto 0px auto; }


@media( max-width:1049px )
{
    .licences .util_textbox {width: 18%; margin: 0px 0px 0px 2.5%;}
}

@media( max-width: 699px )
{
    .licences .util_textbox {width: 120px; margin: 0px 0px 35px 33px;}
    .licences .util_textbox:nth-of-type(3) { clear: left; margin-left: 0px;}
    .licences .util_textbox:nth-of-type(5) { float: none; margin: auto;}
    .licencetypecontainer {max-width: 280px;}
}

@media( max-width: 529px )
{
    .licences .util_textbox { margin-bottom: 15px; }
    .licences .util_textbox img {margin-bottom: 10px;}
}

/* v2 */
.licencetypecontainer .spacer { clear: both;}
.licences .util_expandtext .link {background-color: #eff0f1;margin: 0px 0px 10px 0px;align-items: center;background-position: right 20px center;background-image: url(/images/QU5tXzpgT1W7oWHey88p.svg);background-repeat: no-repeat;cursor: pointer;} 
.licences .util_expandtext .link a { display: block; padding: 20px 20px 20px 20px; color: #66596c; font-weight: 500; text-decoration: none; }
.licences .util_expandtext.open .link { background-image: url(/images/6cXJpmhZwCkXbWSpIYrU.svg); }

.licences .util_expandtext .text { padding: 0px 20px; }
.licences .util_expandtext .text img {max-width: 100%;/* width: 100%; */height: auto;display: block;padding: 20px 0px;}


/* Downloads */
.downloads {max-width:1100px;}
.downloads .mac, .downloads .windows {width: calc(50% - 80px);min-width: 345px;margin: 40px;float: left;text-align: center;}
.downloads .util_textbox .imagetop {border: 1px solid #000000;height: 230px;line-height: 230px;}
.downloads .util_textbox .imagetop img {max-width:100%;height: auto;vertical-align: middle;}
.downloads .util_textbox.mac .imagetop img {max-width:140px;}
.downloads .util_textbox.windows .imagetop img {max-width:330px;}
.downloads h3 { text-transform: none; padding: 60px 0px 0px 0px; font-family: AvenirLTStdLight; font-size: 180%; }
@media( max-width: 949px )
{
	.downloads .mac, .downloads .windows {float:none;margin:0px auto 40px auto;}
	.downloads .windows {margin-top: 80px;}
	.downloads .util_textbox.mac .imagetop img, .downloads .util_textbox.windows .imagetop img {width:100%;}
	.downloads h3 { padding-top: 30px; }
}
@media( max-width: 424px )
{
    .downloads .mac, .downloads .windows {min-width: 100%;width: 100%;}
}

/* User Guide page */
.userguide .pagecomponents {overflow:auto;}
.userguide .userguideimage {float: left;}

/* Purchase */
.purchase {max-width:1100px;}
.purchase .shop_productlist li {width: 20%;}

@media( max-width: 979px )
{
    .purchase .shop_productlist li { width: 25%; }
}

@media( max-width: 799px )
{
    .purchase .shop_productlist li { width: 50%; }
}

@media( max-width: 399px )
{
    .purchase .shop_productlist li { width: 100%; }
}

/* Updates */
.updates h2 { text-align: left; }
.updates li:before {content: '\002D'; padding: 0px 5px 0px 0px; }
.updates hr {border-top: 2px dashed #000000;border-right: none;border-left: none;border-bottom: none;margin: 30px 0px 30px 0px;}

@media( max-width: 424px )
{
	.updates p:first-of-type {text-align: center !important;}
}


.support { max-width: 100%; }

.dbase_faqs {background-color: #ffffff;max-width: 1140px;margin: 0px auto 0px auto;padding: 10px 0px 0px 0px;}
.dbase_faqs .content {display: inline-block; display: flex;}
.dbase_faqs .categories { float: left; min-width: 260px; margin-right: 20px; }
.dbase_faqs .categories li { padding: 0px 10px 0px 10px; cursor: pointer; border-top: 1px solid #d1d3d5; }
.dbase_faqs .categories li a {color: #1a2732;line-height: 50px;text-decoration: none;}
.dbase_faqs .categories li:hover { background-color: #e8e9ea; }
.dbase_faqs .categories li:hover a { color: #1a2732; }
.dbase_faqs .categories li.active { background-color: #d1d3d5; }
.dbase_faqs .categories li.active a { font-family: "AvenirLTStdHeavy"; color: #1a2732; }
.dbase_faqs .faqs {float: left; min-height: 300px; padding-bottom: 100px; width: 100%; }
.dbase_faqs .faqs li { width: auto;}
.dbase_faqs .faqs li.even .question { background-color: #ffffff;}
.dbase_faqs .faqs li .question {padding: 20px 20px 20px 20px;font-weight: 500;/* font-size: 110%; */background-color: #eff0f1;margin: 0px 0px;align-items: center;background-position: right 20px center;background-image: url(/images/QU5tXzpgT1W7oWHey88p.svg);background-repeat: no-repeat;color: #000000;cursor: pointer;} 
.dbase_faqs .faqs li .question span {  padding-right: 20px; }
.dbase_faqs .faqs li .question:first-of-type { margin: 0px 0px 10px 0px;}
.dbase_faqs .faqs li.expanded .question { background-image: url(/images/6cXJpmhZwCkXbWSpIYrU.svg); }
.dbase_faqs .faqs li .answer { padding: 0px 20px; }
.dbase_faqs .faqs li .answer img {max-width: 100%;/* width: 100%; */height: auto;display: block;padding: 20px 0px;}
.dbase_faqs .faqs li .answer ul, .dbase_faqs .faqs li .answer ol { padding: 0px 0px 15px 0px; }

@media( max-width: 1199px )
{
    .dbase_faqs {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
}

@media( max-width: 899px )
{
    .dbase_faqs .content {display: block; }
    .dbase_faqs .categories { float: none; width:  auto; margin: 0px 0px 20px 0px}
    .dbase_faqs .faqs {float: none; width: 100%; max-width: 100%; margin-top: 20px;}
    .dbase_faqs .categories ul { display: none;}
    .dbase_faqs .categories .mobile { margin: 0px 0px 20px 0px; display: inline-block; width: 100%; border-bottom: 1px solid #dddfe0;}
    .dbase_faqs .categories .mobile select { background-image : url(/images/); line-height: 40px; height: 40px; border: none; border-bottom: 1px solid #1a2732; }
    .dbase_faqs .categories .mobile select option { margin: 10px;color: #ffffff; line-height: 60px;  background-color: #1a2732;  margin-bottom: -1px;}
    .dbase_faqs .categories .mobile select option:first-of-type { background-color: #ffffff; color:  #1a2732;} 
    .dbase_faqs .categories .mobile select:focus {border: none;}
    .dbase_faqs .faqs li { width: 100%; }
	.dbase_faqs .faqs li .answer img { padding: 20px 0px; }
}

@media( max-width: 449px )
{
     .dbase_faqs { margin: 0px 20px 0px 20px;}
}

.getintouch { width: calc(100% + 40px); background-color: #eff0f1; margin-left: -20px; }
.getintouch h2 { text-transform: none; color: #000000; padding-top: 70px; font-size: 160% }
.getintouch .content { text-align: center; }
.getintouch .content p { margin-bottom: 0; }
.getintouch .content a {margin: 30px auto 60px auto;display: inline-block;padding: 17px 48px;background-color: #000000;border-radius: 50px;text-transform: uppercase;color: #ffffff;font-family: "AvenirLTStdHeavy";text-decoration: none;text-align: center;}
.getintouch .content a:hover {background-color:#a48133;}

.contact hr { margin-bottom: 20px; }

.contactemail {text-align: center;}

@media( max-width: 999px ) {
    .contactemail { padding-right:40px; }
    .contactmobile { padding-left:40px; }
}

@media( max-width: 767px ) {
    .contactemail { padding-right:10px; }
    .contactmobile { padding-left:10px; }
}

@media( max-width: 700px ) {
    .contactemail, .contactmobile {float:none;padding:0px 0px 0px 0px;width: 100%;}
    .contactemail p, .contactmobile p { text-align: center; }
}

.contact {max-width: 1000px;}
.contact .surv_standard { padding: 60px 0px 30px 0px; }
.contact .surv_standard .label { display: none; }
.contact .formbuilder .field { padding: 0px; }
.contact .formbuilder .field .input { width: 100%; }

.contact .formbuilder input {width: 100%;height: 40px;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 10px;line-height: 35px;}
.contact .formbuilder textarea {width: 100%;height: 100px;box-sizing: border-box;margin: 0px 0px 8px 0px;padding: 0px 0px 0px 10px;line-height: 35px;resize: vertical;}

.contact .buttons {float: none;clear: both;padding: 10px 0px 0px 0px;}
.contact input[type=submit] {height: 40px;background: #000000;color:#ffffff;text-transform: uppercase;border: none;}

.contact .message {background: #f10d0d;color: #ffffff;margin: 0px 0px 10px 0px;padding: 20px;}
.contact .confirm { background: green; color: #ffffff; margin: 0px 0px 10px 0px; padding: 20px;}
.contact .message p, .contact .confirm p { padding: 0px 0px 0px 0px; }

@media( min-width: 700px )
{
    .contact .formbuilder .field_group { width: 50%; float: left; clear: none; box-sizing: border-box; }
    .contact .formbuilder .field_group:first-of-type { padding-right: 10px; }
    .contact .formbuilder .field_group:last-of-type { padding-left: 10px; }
}

@media( max-width: 699px )
{
    .contact #fb-1-div, .contact #fb-2-div, .contact #fb-3-div, .contact #fb-4-div {width: 100%;float: none;padding: 0;clear: both;}
    input, textarea {width: 100%;}
    input[type=submit] { text-align: center;  }
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8c8b8b; opacity: 1; font-family: "AvenirLTStdRoman",sans-serif; /* Firefox */  }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #8c8b8b;font-family: "AvenirLTStdRoman",sans-serif; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #8c8b8b;font-family: "AvenirLTStdRoman",sans-serif; }


.memb_loginbox {max-width: 460px;margin: 0px auto 0px auto;}
.memb_loginbox .introduction { text-align: center; padding: 0px 0px 20px 0px; }
.memb_loginbox .status { text-align: center; }
.memb_loginbox .fieldemail, .memb_loginbox .fieldpw { margin-bottom: 10px; }
.memb_loginbox .fieldemail .label, .memb_loginbox .fieldpw .label {display: inline-block;width: 150px;}
.memb_loginbox .fieldemail .input input, .memb_loginbox .fieldpw .input input { width: 305px;}
.memb_loginbox input[type="submit"] { background-color: #000000; color: #ffffff; width: 100%; }
.memb_loginbox input[type="submit"]:hover { background-color: #a48133; }
.memb_loginbox .forgotpw { display: block; text-align: center; padding: 30px 0px 0px 0px; }


@media( max-width: 699px )
{
	.memb_loginbox .fieldemail .label, .memb_loginbox .fieldpw .label { display: block; width: 100%; }
	.memb_loginbox .fieldemail .input input, .memb_loginbox .fieldpw .input input { width: 100%;}
}


.myaccount {max-width: 1300px;}
.memb_account {max-width: 100%;width: 600px;margin: 0px auto 0px auto;text-align:center;font-size:150%;position:relative;}
.memb_account * {text-align:left;font-size:1rem;}
.memb_account .buttons { clear: both; padding: 20px 0px 0px 0px; }

.memb_account .text p { text-align: center; }
.memb_account .text li { padding: 0px 0px 10px 0px; text-align: center; }
.memb_account .text li:first-of-type { padding-top:20px; }

.memb_account .form .field {clear: none;padding: 0px 0px 0px 0px;}
.memb_account .form .formbuilder .field .label {float: left;text-align: left;width: 155px;padding: 0px 10px 0px 0px;box-sizing: border-box;line-height: 60px;}
.memb_account .form .formbuilder .field .input { float: left; width: 435px; box-sizing: border-box; }
.memb_account .form .formbuilder .field .description { font-size: 90%; padding-top: 15px; }

.memb_account .form input[type="text"], .memb_account .form input[type="password"], .memb_account .form_register textarea { height: 40px; font-size: 100%; margin: 10px 0px; padding: 5px; }
.memb_account .form .input input[type="text"], .memb_account .form .input input[type="password"] { width: 100%; box-sizing: border-box;  }
.memb_account .form textarea {width: 100%;box-sizing: border-box;}

.memb_account .form input[type="submit"] {display: block;background-color: #000000;color: #ffffff;width: 100%;max-width: 500px;margin: 0px auto 0px auto;text-align: center;}
.memb_account .form input[type="submit"]:hover { background-color: #a48133; }

@media( max-width: 699px )
{
    .memb_account .form .formbuilder .field .label { float: none; width: 100%; line-height: 1.65; }
    .memb_account .form .formbuilder .field .input { float: none; width: 100%; }
}

/*
@media( min-width: 1300px )
{
    .memb_account .form_register .field {width:600px;}
    .memb_account .form_register #fb-18-div,
    .memb_account .form_register #fb-19-div,
    .memb_account .form_register #fb-20-div,
    .memb_account .form_register #fb-21-div,
    .memb_account .form_register #fb-22-div
    {position:absolute;right:0;}
    .memb_account .form_register #fb-18-div .label,
    .memb_account .form_register #fb-19-div .label,
    .memb_account .form_register #fb-20-div .label,
    .memb_account .form_register #fb-21-div .label,
    .memb_account .form_register #fb-22-div .label
    {padding-left: 30px;width: 125px;}
    .memb_account .form_register #fb-19-div {top: 100px;}
    .memb_account .form_register #fb-20-div {top: 160px;}
    .memb_account .form_register #fb-21-div {top: 220px;}
    .memb_account .form_register #fb-22-div {top: 282px;}
}
*/

.memb_account .errors { background: #f10d0d; color: #ffffff; margin: 0px 0px 10px 0px; padding: 20px; }

@media( max-width: 399px )
{
	.shop_basket { font-size: 70%; }
}

#paymentnew { clear: both; padding: 50px 0px 0px 0px; }
#card-element { clear: both; border: solid #000000 1px; padding: 10px; border-radius: 10px; margin-top: 10px; }

.formbuilder {width:100%;}
.formbuilder .field {clear: both;padding: 20px 0px 0px 0px;}
.formbuilder .field .label { float: left; width: 200px; }
.formbuilder .field .input {float: left;width: 500px;}

@media(max-width:630px){
	.formbuilder .field .input {width:100%;float: none;}
}

.formbuilder .field_group>.label, .formbuilder .field_section>.label { font-family:"AvenirLTStdHeavy",sans-serif; text-transform: uppercase; }
.formbuilder .field_group>.label, .formbuilder .field_group>.input { float: none; width: auto; }


.formbuilder .fbdropzone {background-color: #eff0f1; width: 100%; height: 150px; cursor: pointer; border: dashed #000000 2px; }
.formbuilder .dz-clickable {cursor: pointer;}
.formbuilder .dz-started {cursor: default !important;}
.formbuilder .dz-image { display: block; float: left; padding: 0px 20px 0px 0px; }
.formbuilder .dz-image img { max-height: 80px; width: auto; }
.formbuilder .dz-preview { display: inline-block; width: 100%; margin: 0px 10px 10px 0px; padding: 10px; box-sizing: border-box; }
.formbuilder .dz-preview .dz-details { float: left; padding: 0px 20px 0px 0px; }
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-progress { height: 20px; margin-top: 50px; display: none; }
.formbuilder .dz-progress .dz-upload { display: block; height: 20px; background: #000000; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; }


.surv_standard.featurerequest {max-width:530px; margin:0px auto 0px auto;}
.surv_standard.featurerequest .label {display:none;}
#fb-8.form-control {width:100%;box-sizing:border-box;}
#fb-9.form-control {width:100%;box-sizing:border-box;}
#fb-10.form-control {width:100%;height:230px;box-sizing:border-box;}
.surv_standard.featurerequest .submit {text-transform:uppercase;float:left;margin-bottom:10px;}


.util_container.homecontainer {background:#ffffff;padding-left:100px;padding-right:100px;padding-top:20px;margin-bottom: 30px;}
.util_container.homecontainer p{text-transform: uppercase;font-size:15px;line-height: normal;text-align:center;}
.util_textbox.freetrial {float:left; width:33.3%;}
.util_textbox.connectto {float:left; width:33.3%;}


@media(max-width:750px){
	.util_textbox.freetrial {float:none; width:100%;}
    .util_textbox.connectto {float:none; width:100%;}
    .util_textbox.paperwork {float:none; width:100%;}
    .util_container.homecontainer {padding-left:20px; padding-right:20px; padding-top:20px;}

}


.layouttopmenu .headercontainer .headerlogo {position: absolute;left: 80px;top: 10px;width:200px;height:44px;padding-left:10px;}
.nav_linklist.lightlogo {position: absolute;top: 10px;left: 20px;padding-left:10px;width:50px;height:50px;} 


.pagebanner.banner {position:absolute;top: 75px;left: 0px;z-index: -1;}

@media(max-width:1200px){
    .pagebanner.banner img{display:none;} 
}


@media(max-width:1200px){ 
	.purchase .banner {position: relative; left:unset; margin: unset; top: unset;}
    .purchase .pagebanner_inner {background-image: url(/images/OH5NwUDNr9paWatwZi5J0h6028.png);background-size: contain;height: 100px;/* width: 350px; */display: block;margin:20px;background-repeat:  no-repeat;background-position: center center;}
}