body{
    text-align:center;
    margin:0 5%;
    font-family: Arial, Helvetica, sans-serif;
}
.logo{
    text-align:left;
    margin-left:1vw;
    padding-bottom:5.5vh;
    margin-bottom:5.5vh;
    margin-top:2vh;
    border-bottom:1px solid #ccc;
}
.logo img{
    text-align:left;
    margin-left:1vw;
    height:30vh;
}
.img_cont{
    box-sizing: border-box;
    width: 20vmax;
    height: 20vmax;
    margin:1vw;
    display:inline-block;
    background-size:cover;
    background-position: 50% 50%;
    cursor:pointer;
}
.img_cont_inner{position:relative;width:100%;height:100%;}







.showcase{
    position: fixed;
    top:5vh;
    left:5vw;
    width:90vw;
    height:90vh;
    background-size:contain;
    background-repeat: no-repeat;
    background-color:#fff;
    box-shadow: #ccc 0px 0px 15px;
	cursor:default;
}
.showcase::after{
    position:absolute;
    left:0px;
    bottom:2vh;
    height:5vh;
    line-height:5vh;
    background:#fff9;
    color:#111;
    text-align:center;
    width:100%;
    content: attr(data-title);
}
.arrow{
    position: absolute;
    top:50%;
    border-radius: 50%;
    font-size:3vh;
    font-weight:bold;
    line-height:5vh;
    color:#999;
    box-shadow: #ccc 0px 0px 10px;
    width:5vh;
    height:5vh;
    text-align:center;
    background-color:#fff;
    cursor:pointer;

    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
.x{
    position: absolute;
    top:0;
    right:0;
    width:5vh;
    height:5vh;
    font-size:3vh;
    font-weight:bold;
    color:#ccc;
    background:#fff;
    line-height:5vh;
    text-align:center;
}
.arrow:hover,.x:hover{
    color:#555;
}
.arrow_prev{
    left:0;
}
.arrow_next{
    right:0;
}


.about_title{font-size:2rem;text-align:left;margin:1vw;}
.about_photo{float:right;margin:1vw;}
.about_paragraph{text-align:left;line-height: 2rem;margin:1vw;}













.container{margin:0;float:right;display:inline-block;}
.nav ul{display:inline-block;list-style:none;padding:0;margin:15vh 1vw;}
.nav li{border-bottom:1px solid transparent;height:7vh;line-height:7vh;font-size:1em;display:inline-block;margin:0 2vw;cursor:pointer;float:left}
.nav a{text-decoration:none;color:#999;display:block;transition:.3s color;padding:0 1vw}
.nav .logo{background:url(../img/logo_qa_assistant.svg) 0 0 no-repeat;background-size:contain;text-indent:-9999px;width:7vh;height:7vh;min-width:50px;vertical-align:middle;margin:0;margin-right:2.7vw;cursor:pointer}
.nav a:hover{color:#0077c7;border-bottom:1px solid #0077c7}

.nav a.active{color:#0077c7;cursor:default}
.nav .nav-menu-btn{display:none}.btn{margin:0 auto;white-space:nowrap;font-size:1.25vw}.tablet-on{display:none}.tablet-off{display:block}.mainFooter{margin:5vh auto 0 auto;padding-bottom:5vh;background:#dadcdf;display:block;border-top:1px solid #eee}.mainFooter h3{color:#555}.mainFooter li{list-style:none;padding:7px 0}.mainFooter a{color:#555;font-size:85%}.mainFooter span.legal{float:right;margin:0 10px}.mainFooter .row{padding:3vh 0 0 0}.mainFooter .copyright{color:#555;font-size:85%}.footer-overlay{text-align:center;z-index:5;position:fixed;bottom:0;left:0;width:100%}.try-it-mobile{display:none}.disp-none{display:none}.accept_cookies{background:#fff;background:#fff;border-top:1px solid #ccc;padding:5px;color:#111;font-size:100%;z-index:10}.accept_cookies .btn{font-size:100%;display:inline-block;width:auto;margin:auto 20px;color:#09f;background:#fff;border:1px solid #09f}header{position:relative;margin-top:8vh}.container{margin:0 auto;width:70%}.img_grid{display:block}.row{margin:0;display:block;width:100%;overflow:hidden;white-space:nowrap}.cell{margin:1px 0 0 0;box-sizing:border-box;position:relative;float:left}.img_grid .cell{background:#fff;border-right:1px solid #fff;height:25vh}.of-3{width:32.33%}.of-2{width:49%}.of-4{width:24%}.features_grid,.img_grid{display:block}.features_grid .row,.img_grid .row{margin:0;display:block;width:100%;overflow:hidden;white-space:nowrap}.features_grid .cell,.img_grid .cell{margin:1% 1% 0 0;border-right:1px solid #fff;box-sizing:border-box;height:24vh;position:relative;float:left;background:#fff}.features_grid .cell{height:180px;text-align:center;color:#111;margin:1px 0 30px 0}.features_grid .cell h3{text-align:center;font-size:120%;color:#000}.features_grid .cell h4{font-weight:lighter;text-align:center;font-size:90%;color:#111}.features_grid .cell a,.img_grid .cell a{background-repeat:no-repeat;height:24vh;display:block;overflow:hidden}.img_grid .cell a{background-position:50%;background-size:cover;background-color:#2c3e50}.features_grid .cell a{height:180px;background-position:top center;background-size:auto;background-color:#fff}.img_grid .cell a:after{content:'';display:block;height:100%;left:0;opacity:.15;position:absolute;top:0;transition:opacity .5s ease;width:100%;background-color:#09f}.img_grid .cell .transparent a:after{background-color:none}.img_grid .of-4 a:after{content:'';display:block;height:100%;left:0;opacity:.25;position:absolute;top:0;transition:opacity .5s ease;width:100%;background-color:#fff}.img_grid .cell a:hover:after{opacity:0}.img_grid .of-4 a{height:25vh}.features_grid .overlay,.img_grid .overlay{position:absolute;bottom:0;left:0;width:100%;text-align:left;padding:.5%;box-sizing:border-box;overflow:hidden}.features_grid .overlay{height:100px;text-align:center}.img_grid .overlay-dark{background-color:rgba(44,62,80,.65);transition:background-color .5s ease;padding:2vh 20px}.features_grid .overlay h3,.features_grid .overlay h4,.img_grid .overlay h3,.img_grid .overlay h4,.img_grid .overlay h5{margin:0;text-overflow:ellipsis;overflow:hidden}.features_grid .overlay h4{margin:5px auto}.img_grid .overlay-dark h3{color:#9fef1e;font-weight:400;font-size:120%;line-height:1.5em;letter-spacing:1px}.img_grid .overlay h5{font-size:100%;line-height:1.2em;color:#fff;font-weight:400}.img_grid .overlay-dark h4{color:#fff;font-weight:400;font-size:100%;line-height:1.2em}.img_grid .overlay-transparent h3,.img_grid .overlay-transparent h4{font-size:100%;background:0 0}.img_grid .of-4 .overlay-transparent{background:#fffa}.img_grid .of-4 .overlay-transparent h4{color:#111;font-weight:400}.img_grid a:hover .overlay-transparent h4{color:#000}.img_grid .squarish,.img_grid .squarish a{height:12vw}.img_grid .squarish .overlay-transparent{height:3.2em}.section_container{width:100%;background:linear-gradient(#2c628977,#020608);color:#fff}.section_container::after{content:''}section{text-align:center;font-size:1.2em;line-height:1.5em;margin-top:5vh}section h1,section h2.h1{color:#000;font-weight:lighter}section h2{color:#222;font-family:"Segoe UI";font-size:1.7em;margin:0}.customer_logos{height:65px;white-space:no-wrap;overflow:hidden}.gray{background:#f4f7fa}h3{text-align:left;margin:0;font-size:1.3em;font-weight:lighter}section .onethird{box-sizing:border-box;vertical-align:top;padding:1% 1.5%;text-align:left;text-align:center;margin-top:20px;display:inline-block;width:33%;margin-top:0}.onethird .title{font-size:1.2em;text-transform:capitalize;width:100%;text-align:left}.description,.description_small{font-size:1em;line-height:1.5em;width:100%;text-align:left;color:#555;font-weight:lighter}.description_small{font-size:1.1em}.demo_form{text-align:center;margin-top:20px;box-sizing:border-box;padding-bottom:20px}.demo_form .form_header{color:#0077c7;text-align:center;padding:15px;font-size:1.5em;margin-bottom:10px}.demo_form input,.demo_form select{width:97%;margin:3px 0;border-radius:3px;border:1px solid #ccc;line-height:1.5em;font-size:1.2em;padding:3px}.demo_form input::placeholder{color:#999}.header_content_small{font-size:.35em}.header_content_small a{text-decoration:none;font-weight:700;padding:0 .3vw;cursor:pointer}.btn{font-size:.5em;display:inline-block;cursor:pointer;padding:.35em;margin:1vh 2vw;border-radius:3px}.btn_container{width:100%;text-align:center;margin-top:2vh}.btn_container .btn{font-size:1.2em;margin:auto;color:#fff}.hovershadow:hover,.shadow{box-shadow:#00000055 0 10px 20px}.superscript{position:relative;top:-.5em;font-size:80%}.video,.video_live,.video_small{width:100%;padding-top:calc(300 / 533 * 100%);margin:10px auto;opacity:.85;cursor:pointer;position:relative;background-size:contain;background-repeat:no-repeat;-moz-box-shadow:inset 0 0 100px #00000055;-webkit-box-shadow:inset 0 0 100px #00000055;box-shadow:inset 0 0 100px #00000055;transition:box-shadow .5s}.video:not(.noplay)::after,.video_small::after{content:'▶';font-size:100px;width:100%;display:inline-block;line-height:100%;color:#fff;top:30%;position:absolute;left:0;opacity:.7;text-shadow:0 2px 20px #000000cc}.video_small::after{font-size:50px;top:0;line-height:197px;text-shadow:0 2px 20px #000000ff;-moz-box-shadow:inset 0 0 100px #00000055;-webkit-box-shadow:inset 0 0 100px #00000055;box-shadow:inset 0 0 100px #00000055}.video_live::after{content:'● LIVE';font-size:25px;padding:3px 10px;border-radius:15px;display:inline;color:#fff;bottom:5%;left:5%;position:absolute;background-image:linear-gradient(#c00,#900);opacity:.7}.video_small{width:350px;height:197px;opacity:1;box-shadow:#00000033 0 5px 20px}.forVideo .video_small,.forVideo:hover .video,.forVideo:hover .video::after,.forVideo:hover .video_live,.forVideo:hover .video_live::after{opacity:1;transition:.5s opacity}.forVideo:hover .video_small::after{opacity:1;transition:opacity .5s,box-shadow .5s;-moz-box-shadow:inset 0 0 100px #00000011;-webkit-box-shadow:inset 0 0 100px #00000011;box-shadow:inset 0 0 100px #00000011}section .feature{text-align:left}section .feature h2{color:#0077c7;margin-bottom:5px}.white{color:#e5e5e5}.darkBlue{color:#2c5a7f}.txtShadow{text-shadow:0 5px 5px #000a}.video-container{height:75vh;width:100vw;overflow:hidden;position:relative}video{min-width:100%;min-height:100%;position:absolute;bottom:0;left:0}.signup-form{max-width:30rem;margin:0 auto;text-align:center}.form-group{position:relative;margin-top:2.25rem}.form-label:not(.text){display:block;color:#999;transition:all .2s ease-out}.form-label:not(.text) div,.form-label:not(.text) span,.form-name,.form-select-current,label div,label span{pointer-events:none}.form-name{position:absolute;left:1rem;right:1em;top:.7rem;overflow:hidden;transition:all .2s ease-in-out;color:#999;white-space:nowrap;text-align:left;text-overflow:ellipsis;font-size:1rem}.form-input{box-sizing:border-box;width:100%;display:block;border-radius:4px;color:#111;border:1px solid #81a7c0;font-size:1.3rem;height:3rem;padding:0 1rem}textarea.form-input{height:10rem;font-family:inherit}.form-input:focus{outline:0;border:2px solid #09f}.form-label-active .form-name{font-size:1.1rem;top:-1.7rem;left:-.1rem;color:#4e94c2}.form-checkbox,.form-checkbox-error{padding:10px;border-radius:5px}.form-checkbox-error,.form-label-error .form-name{color:#c00}.form-checkbox-error,.form-label-error input{border:2px solid #c00;background:#fcc}
.free-trial-submit{font-size:1.2rem;margin:2rem;padding:auto 2rem;color:#0077c7;letter-spacing:1px;}
.free-trial-submit:hover{background:#0077c7;color:#fff;}
.nav li.free-trial-hide{display:none}.form_success{color:#111;padding:0 10%}.form_success h1,.form_success h2.h1{font-size:400%;color:#111;font-weight:400;padding-bottom:0;line-height:1em}.form_success h2{font-size:200%;color:#111;font-weight:400}.form_success h3{font-size:100%;font-weight:400;color:#555;margin-bottom:5vh;text-align:center}.form_success .ol-cont{width:auto;margin:0 auto;display:inline-block}.form_success li,.form_success ol{margin:0;padding:0}.form_success li{text-align:left;padding:1vh;list-style:none;font-size:120%}.form_success li .number{border:1px solid #09f;color:#09f;font-size:120%;padding:2px 5px;display:inline-block;margin-right:2%;border-radius:3px}.nowrap{white-space:nowrap}.form_success li span.nextline{font-size:80%;margin-left:30px;display:block;max-width:75%}@media only screen and (max-width:1450px){.container{width:98%}.img_grid .overlay-dark h3{font-size:95%}.img_grid .overlay h4{font-size:85%}.img_grid .overlay h5{display:none}.img_grid .squarish,.img_grid .squarish a{height:17vw}.form_success h1,.form_success h2.h1{padding-top:2vh;font-size:300%}}

@media only screen and (max-width:1025px){
.nav li{margin-right:3vw;font-size:100%}.btn{margin:0 auto;white-space:nowrap;font-size:1.25vw;width:90%;height:5vmax;line-height:5vmax;font-size:100%}.video:not(.noplay)::after,.video_small::after{font-size:300%}.video_live::after{font-size:100%;padding:0 5px}.onethird.tablet-50{box-sizing:border-box;width:40%}.onethird.tablet-right{float:right;box-sizing:border-box;width:48%;margin-right:2%}.form_success{padding:0 1%}.form_success h1,.form_success h2.h1{font-size:250%}.form_success h2{margin:0}.form_success h3{margin-bottom:1vh}.form_success li{font-size:100%}}


@media only screen and (max-width:992px){.tablet-on{display:block}.tablet-off{display:none}}

@media only screen and (max-width:769px){.mainFooter .row{white-space:normal}.mainFooter .cell.of-4{width:33.333%}.nav ul{margin:5vh;padding:0}
.logo img{height:auto;width:25%;}
}
@media only screen and (max-width:700px){
    .tablet-on{display:none}.tablet-off{display:block}
    #top_bar,nav{width:100%;padding:0;margin:0;box-sizing:border-box}
    /*.nav li:not(:first-child){display:none}*/
    .nav li.nav-menu-btn{display:block}
}


#top_bar.responsive .nav ul{background:#fff;box-shadow:#555 0 0 25px;margin:0;padding:1vh 0}
#top_bar.responsive .nav li.freeTrial,#top_bar.responsive .nav li.signIn,
#top_bar.responsive .nav li:not(:first-child){display:block;width:100%;background:#fff;border:none;border-bottom:1px solid #eee;padding-left:5%;text-align:left;color:#111}
#top_bar.responsive .nav li.freeTrial a{color:#111}
#top_bar.responsive .nav li.nav-menu-btn{width:auto;border:none}
#top_bar.responsive .nav li.signIn a{color:#609c00}
#top_bar.responsive .nav li.freeTrial a{color:#09f}
section h1,section h2.h1{font-size:125%}
@media only screen and (max-width:426px){
    body,section,section .onethird{width:100%;display:block}
}