@charset "utf-8";

body{
    margin: 0px;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    height:100vh;
    background-size: 1600px;
    background-color: #20303c;
    background-repeat: no-repeat;
    background-position: top center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    height: -webkit-fill-available;
    height: -moz-fill-available;
    overflow: hidden;
    min-width: 320px;
    min-height: 410px;
    position: relative;
}
* {

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1{
    font-weight: bold;
    color: #ffffff;
    font-size: 55px;
    margin-top: 10px;
}


h2{
    color: #dee0e0;
    font-size:20px ;
    font-weight: normal;
    margin: 0;
}
h2.subtitle{
    margin-top: -5px;
}
h3{
    font-size: 29px;
    color: #DEE0E0;
    font-weight: normal;
    margin: 0;
}
h4{
    font-weight : bold;
    font-size : 36px;
    line-height : normal;
    color : #FFFFFF;
    margin: 0;
}
a{
    color:#1f4f82;
    text-decoration: none;
}

.terms a:hover{
    text-decoration: underline;
}
#background-holder1{

}
#background-holder2{
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
#call-popup{
    left:50%!important;
    transform: translateX(-50%);
}
#voverlay-container{
    left:50%!important;
    transform: translateX(-50%);
}

#background-holder1{
    width:100%;
    max-width: 1600px;
    background-image: url("../assets/images/bg-02-lrg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position:absolute;
    top:0;
    left:0;
    bottom:0px;
    right:0px;
}
#background-holder{
    max-width: 1600px;
    height: 100vh;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    bottom:0px;
    right:0px;

}
.multiple_choice .answerShort{
    display:inline;
    max-width: Calc(100% - 53px);
}

.fader{
    opacity: 0;

}
.image-width{
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.content-width{
    width:1180px;

    margin-left: auto;
    margin-right: auto;
}
.top-nav-inner.content-width{
    padding-right: 50px;
}
#vid-close{
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #324b5c;
    text-align: center;
    line-height: 25px;
}
#vid-close:hover{
    opacity: .75;
}
/**call popup**/
#call-close{
    width:25px;
    height:25px;
    float:right;
    padding:40px;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMyZDQ5NWF9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjI0LDMgMjEsMCAxMiw5IDMsMCAwLDMgOSwxMiAwLDIxIDMsMjQgMTIsMTUgMjEsMjQgMjQsMjEgMTUsMTIgIi8+PC9zdmc+") no-repeat scroll center center / 25px 25px;
}
#call-popup{
    background-color: #FFFFFF;
    width: 410px;
    height: 355px;

}
.u02modw1 {
    margin-top: 40px;
    padding: 16px 0 0 20px;
    position: relative;
    width: 320px;
}
.u02modw1 h4 {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 1em;

}
.icn-circle{
    height: 66px;
    width: 66px;
    background-size: contain;
    background-repeat: no-repeat;

}
.left-side{
    float: left;
    height: 117px;
    margin-right: 19px;
}
.icn-telephone{
    background-image: url("../assets/images/round-icon-call.png");
}
.icn-developer-tools{
    background-image: url("../assets/images/round-icon-tools.png");

}
.u02modw1 .icn-img::before {
    color: #fff;
}
.icn-img.icn-circle::before {
    -moz-osx-font-smoothing: grayscale;
    color: #1e5083;
    display: block;
    font-size: 0.65em;
    margin-top: -0.5em;
    position: relative;
    text-align: center;
    top: 50%;
}
.u02modw2 {
    margin-bottom: 8px;
}
#call-popup a, #call-popup a:link, #call-popup a:visited {
    color: #00758f;
    text-decoration: none;
}
#call-popup a:hover{
    text-decoration: underline;
}

/***top nav***/
.top-nav{
    background-color: white;
    width:100%;
    height:58px;
    position: absolute;
    top:0;
    left: 0;
    z-index:500;
}
.top-nav-inner{
    background-color: white;
    height: inherit;
    position: relative;

}
.top-nav-logo{
    float: left;
    width: 159px;
    height: inherit;
    background-image: url("../assets/images/o-logo.png");

}
.top-nav-breadcrumbs{
    margin-top: 3px;
    width: Calc(100% - 483px);
    float: left;
    margin-left: 50px;
    height: auto;
}
.top-nav-icons{
    float: right;
    margin-right: -17px;
    width: 256px;
}
.top-nav-icons .top-icon{
    float: left;
    height: 58px;
    width: 64px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.top-nav-icons .top-icon:hover{
    opacity: .9;
}

.top-nav-icons .call-icon {
    background-image: url("../assets/images/share-ico-01.png")
}
.top-nav-icons .chat-icon{
background-image: url("../assets/images/share-ico-02.png");
}
.top-nav-icons .social-icon{
background-image: url("../assets/images/share-ico-03.png");
}
.top-nav-icons .email-icon{
background-image: url("../assets/images/share-ico-04a.png");
}
/****social***/

.call-details:hover{
    height: auto;
}
.call-icon:hover .call-details{
    display: block;
}
.call-details{
    background-color: #FFFFFF;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 223px;
    margin-top: 57px;
    margin-left: -42px;
    padding-bottom: 10px;
    color: #324b5c;
    display: none;

}
.social-icons-holder{
    background-color: #FFFFFF;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    display:none;
    width: 140px;
    margin-top: 57px;
    margin-left: -42px;
}

.icon{
    height: 25px;
    width: 25px;
    display: inline-block;
    margin: 2px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 5px;
    float:left;
}
.icon:hover{
    opacity: .8;
}
a.icon_facebook, a.icon_facebook:hover {
    background-color: transparent;
    background-image: url("../assets/images/icon-facebook.png");
}

a.icon_twitter {
    background-image: url("../assets/images/icon-twitter.png");
}

a.icon_linkedin {
    background-image: url("../assets/images/icon-linkedin.png");
}

a.icon_blog {
    background-image: url("../assets/images/icon-blog.png");
}
.terms a{
    color:#1f4f82;
}
/***footer***/
.footer-icons{
    display: none;
}

.footer-icons .footer-icon{
    width: 25%;
    float: left;
    background-position: center center;
    border-right: solid 1px #00758f;
    height: 67px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.footer-icons .call-icon {
    background-image: url("../assets/images/share-ico-btm-01.png")
}
.footer-icons .chat-icon{
    background-image: url("../assets/images/share-ico-btm-02.png");
}
.footer-icons .social-icon{
    background-image: url("../assets/images/share-ico-btm-03.png");
}
.footer-icons .email-icon{
    background-image: url("../assets/images/share-ico-btm-04a.png");
    border:none;
}
.nav-text{
    display: none;
    margin-right: 20px;
    line-height: 58px;
    font-size: 16px;
}
/**carousel exp**/

#slides {
    overflow:hidden;
    /* fix ie overflow issue */
    position:relative;
    width:100%;
}
#select_label{
}

/* remove the list styles, width : item width * total items */
#slides ul {
    position:relative;
    left:0;
    top:0;
    list-style:none;
    margin:0;
    padding:0;
}

.clear {clear:both}


/**breadcrumb nav***/
.slick-dots{
    height: auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    background-image: url("../assets/images/breadcrumb-track.png");
    background-position: 6px 50%;
    background-repeat: repeat-x;
}
.slick-dots li{
    background-color: #939699 ;
    width:11px;
    height: 11px;
    border-radius: 50%;
    margin-top: 4.5px;
    pointer-events:none;

}
.slick-dots li.complete{
    background-color: #000000 ;
}
.slick-dots li.slick-active{
    background-color: #e50000;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    pointer-events:none;
}
.slick-dots li:last-of-type{
    background-repeat: no-repeat;
    border-radius: 0;
    height: 11px;
    width: 5px;
    border:none;
    margin-right:-2px;
}


.slick-dots li:last-of-type.slick-active{
    height: 20px;
    width:7px ;
}

.slick-dots li button{
    display: none;

}
.slick-dots li{
    pointer-events: none;
}
.slick-slider{
    width:1180px;
    top: 58px;
}

.slick-page{
    position: relative;
   height: Calc( 100vh - 100px);
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
    padding-top: 37px;

}
.slick-page.results{
    padding-top: 0px;
}

/***landing page***/

.welcome-text{
    font-size: 22px;
    color: #FFFFFF;
    width: 60%;
    margin-top: 29px;
}

.welcome-bttn-holder{
    margin-top: 118px;
    width:100%;
    position:relative;
    
}
.question{
    border-bottom: 1px solid white;
    opacity: .9;
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    width: 685px;
    padding-right: 75px;
}
.question-number{
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    background-color: #8aadbf;
    font-size: 16px;
    width: 27px;
    line-height: 27px;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
}
.question-text{
    color:#FFFFFF;
    font-size: 16px;
}
#sec-popup{
    width: 550px;
}
#sec-popup .question-text{
    color:  #4e5052;
    font-weight: bold;
    width: 80%;
}
.td-left{
    padding-right: 25px;
}

.key-label{
    text-align: center;
    color:#ffffff;
    font-size: 12px;
    float: left;
    width: 103px;
    cursor: pointer;
}
#sec-popup .key-label{
    color:  #4e5052;
}
.key-label:first-of-type{
    text-align: left;
    width: 5em;
}
.key-label:last-of-type{
    text-align: right;
    width: 5em;
}

.key-label:nth-of-type(2){
    width: 8em;
}
.key-label:nth-of-type(3){
    width: 8em;
}
.key-label:nth-of-type(4){
    width: 8em;
}
#sec-popup .key-label:nth-of-type(2){
    width: 13em;
}
#sec-popup .key-label:nth-of-type(3){
    width: 9em;
}
#sec-popup .key-label:nth-of-type(4){
    width: 7em;
}
.question-page{
   padding-top:200px ;
}
.question-table, .select-holder .question-table{
    margin-left: 40px;
}
/***  The inputs***/
.connect{
    padding-left: 0px;
    width: 27.5em;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
    margin-left: -16px;
    padding-right: 0px;
    margin-right: 0px;
}
.connect li {
    width: 1.25em;
    height: 1.25em;
    text-align: center;
    line-height: 1.25em;
    border-radius:50%;
    background: transparent;
    margin: 0 1em;
    display: inline-block;
    border: 1px white solid;
    color: white;
    position: relative;
    cursor: pointer;
}
#connect-security.connect li {
    color:  #4e5052;
    border-color: #8F9295;
}
.connect li::before{
    content: '';
    position: absolute;
    top: .275em;
    left: 1.1em;
    width: 5em;
    height: .5em;
    background: transparent;
    border-top: 1px white solid;
    border-bottom: 1px white solid;
    z-index: -1;
}
#connect-security.connect li::before {
    border-top: 1px #8F9295 solid;
    border-bottom: 1px #8F9295 solid;
    z-index: 0;
    width: 7em;
}

.connect li:last-child::before {
    display: none;
}

.checked{
    background-image: url("../assets/images/check.png");
    background-size: 1.25em;
    background-repeat: no-repeat;
    background-position: center;
   position: absolute;
    width:1.5em;
    height: 1.5em;
    background-color: #f29111;
    border-radius: 50%;
    top: -.5em;
    left: -.5em;
    opacity: 0;
    transform-origin:50% 50%;
    -webkit-transition:all .25s; /* Safari */
    transition:  all .25s;
}

.active .checked{
    width:2em;
    height: 2em;
    opacity: 1;
}
/**progress bar**/
.progressBar{
    position: relative;
    width: Calc(100% - 415px);
    padding-left: 50px;
    padding-top: 25px;
    float: left;
}
.progressTrack{
    border: 1px solid #939699;
    border-radius: 5px;
    height: 10px;
    display: flex;
    top:0px;

}
.tick{
    justify-content: space-between;
    border-left: 1px solid #939699;
    width: 9%;
    height: 5px;
    margin-top: 2px;
}
.tick:first-of-type{
    border: none;
}
.progressCar{
    position: absolute;
    height: 6px;
    margin-left: 3px;
    background-color:  #e50000;;
    border-radius: 3px;
    top: 27px;
    width: 2%;
    -webkit-transition:width .5s; /* Safari */
    transition:  width .5s;
    max-width: 91.5%;
}
/*=Slides
----------------------------------------------- */

.sticky-bar{
    position: fixed;
    top: 0px;
    background-color: #8aadbf;
    height:75px;
    width:100%;
    -webkit-box-shadow: 0px 1px 17px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 17px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 17px -3px rgba(0,0,0,0.75);

}
.sticky-bar-text{
    color: #324b5c;
    font-size: 22px;
    font-weight: lighter;
    margin-left: 40px;
    line-height: 75px;
}
.dropcontainer {
    position: relative;
    font-size: 16px;
    color: #777;
    text-align: center;
}

.trigger, .activetrigger, .fake-trigger {
    cursor: pointer;
    color: #FFFFFF;
    font-size: 22px;
    width: 50%;
    background:#f29111 ;
    height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 50px;
    text-align: center;
    display: block;
    border:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;

}
.trigger-icon{
    width: 28px;
    height: 30px;
    margin-right: 19px;
    background-image: url('../assets/images/icon-role.svg');
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: -6px;
}
.size-select .trigger, .size-select .activetrigger, .fake-trigger{
    float:left;
}
.size-select .trigger-icon{
    background-image: url("../assets/images/icon-cosize.svg");
}
.fake-trigger .trigger-icon{
    background-image: url("../assets/images/icon-cosize.svg");

}
.select-holder{
    background-color: #ffffff;
}
#sec-popup .select-holder{
    padding-top: 30px;
    padding-bottom:30px ;
}
.dropcontainer ul, .turnintodropdown {
    font-size: 16px;
    border: none;
    border-top: none;
    background: #DADCDC;
    color: #4e5052;
    list-style-type: none;
    padding: 0px;
    margin: 0;
    width: 50vw;
    max-width: 590px;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.turnintodropdown{
    opacity: 1;
    height: 50px;
}
.turnintodropdown.start{
    opacity: 0;
}

.dropcontainer ul li, .turnintodropdown option {
    padding: 5px;
    border-bottom: 1px solid  #4e5052;
    line-height: 40px;
    cursor: pointer;
}
.dropcontainer ul li a{
    color: #4e5052;
}
.select-top{
    height: 50px;
}
.select-top-left{
    font-size: 19px;
    line-height: 42px;
    padding-left: 60px;
    color: #ffffff;
    background-image: url('../assets/images/icon-role.svg');
    background-size: 28px;
    background-repeat: no-repeat;
    background-color: #8F9295;
    background-position: 15px 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.select-top-left.no-icon{
    background-image: none;
    height:50px;
    padding-left: 45px;
    width: 100%;
    float: left;
}
.select-top-right{
    background-image: url("../assets/images/b-close.svg");
    background-size: 25px 25px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    color: #ffffff;
    font-size: 22px;
    background-color: #f29111;
    float: right;
    height: 50px;
    margin-top: -5px;
    cursor: pointer;
}

.dropcontainer ul li:hover {
    background:#dee0e0;
    outline: none;
}

.dropcontainer ul li:first-child {
    display: none;
}

.dropcontainer ul li:last-child {
    border-bottom: none;
}

.dropdownhidden {
    display: none;
}

.dropdownvisible {
    height: auto;
}

.bttn-txt {
    display:inline;
    color: white;
    font-size: 22px;
    padding-left: 24px;
    padding-right: 37px;

}
.select .bttn-txt{
    padding-left: 24px;
    padding-right: 24px;
}
.inactive{
    pointer-events: none;
}

.inactive .bttn-txt {
    color: rgba(255, 255, 255, .25);
    pointer-events:none;
}

.bttn{
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    pointer-events: auto;
    border: 2px solid #f29111;
    background-color:#f29111;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease; /* Safari */
    transition: background-color 0.5s ease, color 0.5s ease;
    cursor: pointer;

}

.bttn.slick-prev{
    margin-right: 15px;
    border: 2px solid #939699;
    background-color:#939699;
}
    .start-bttn {
        margin-right: 50px;
    }
.b-close{
    cursor: pointer;
}
.report-bttn{
    padding-top: 12px;
    padding-bottom: 9px;
}

.restart-holder{
    width:213px;
    float:right;
}

.bttn.restart-bttn{
    background-color: #507C91;
    border: 2px solid #507C91;
    margin-right: 20px;
    float:left;
}

.bttn.inactive{
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.25);
    cursor:inherit ;
    pointer-events:none;

}
.start-bttn.inactive{
    opacity: 0;
}
.bttn-arrow{
    margin-top:0px;
    display:inline;
    width:35px;
    height:25px;
    background-position: center center;
    background-repeat: no-repeat;
}

.inactive .bttn-arrow{
    opacity: .4;

}
.bttn-arrow-left{
    margin-left: 15px;
    float: left;
    background-image: url("../assets/images/bttn-arrow-left.png");
    
}
.bttn-arrow-right{
    margin-right: 15px;
    float:right;
    background-image: url("../assets/images/bttn-arrow-right.png");

}
/***Question pages***/
.questionHolder{
    position: absolute;
    width: 1180px;
    height: Calc( 100vh - 221px);
    top: 0px;
    padding-top: 0px;
    border-collapse: collapse;
    opacity: 0;
    overflow-y:scroll;
    margin-top: 75px;
    padding-bottom: Calc(100vh - 225px);
}
.ie9 #q12{
    padding-bottom:700px ;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #q12{
        padding-bottom:700px ;
    }
}

.slick-slider{
    height: -webkit-fill-available;
}
.slick-active .questionHolder{
    opacity: 1;
}

.top-row-outer{
    display: inline-block;
}
.middle-row-outer{
    margin-top: 20px;
    width: 100%;
    position:absolute;
}

.questionBlock{
    width:100%;
    display: table-row;
}

.spinnerBlock{
    min-height:450px;

}
.spinnerBlock::before{
    content: '';
    display: block;
    height: 100%;
    vertical-align: middle;

}
.spinnerBlock-inner{
    display: block;
    vertical-align: middle;
    height:450px;
}
/***info bttn overlays***/

.question{
    opacity: .5;
    position: relative;
    -webkit-transition: opacity 0.5s ease, color 0.5s ease; /* Safari */
    transition: opacity 0.5s ease, color 0.5s ease;
    pointer-events: none;
}
.question.clickable{
    opacity: 1;
    pointer-events:inherit;
}

.info {
    display: inline;
    color: #f29111;
    font-weight: bold;
}
.info span{
    text-decoration: underline;
}
.info:hover{
    opacity: .7;
}

.hide-overflow{
    overflow:hidden;
}
.info-overlay{
    width: 460px;
    background-color:#DADCDC;
    padding: 25px;
    height: 310px;
    padding-top: 0px;
}
.info-overlay .close-holder{
    position: relative;
    width: 433px;
    height:25px;

}
.info-overlay-close{
    width: 40px;
    height: 40px;
    background-image: url('../assets/images/close-bttn.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top:-22px;
    right:-22px;
    cursor: pointer;
    z-index: 50;
}
.info-overlay .answer-short{
    font-size: 16px;
    font-weight: bold;
    color: #4E5052;
    margin-bottom: 20px;
}

.info-overlay .answer-long {
    color: #4E5052;
    font-size: 16px;
}
.info-overlay-buttons{
    position: absolute;
    bottom: 149px;
}
.select{
    position: absolute;
    bottom: 30px;
    left:50%;
    transform: translateX(-50%)
}

.selected-txt{
    display: none;
}
.selected .selected-txt{
    display: inline;
    padding-right: 51px;
}

.selected .unselected-txt{
    display: none;
}
.checkmark{
    position: absolute;
    left: 50px;
}
.question.selected{
    color:#FFFFFF;
    opacity: 1;
}
.answerLong{
   display: none;
}
.buttonBlock{
    background-image: url(../assets/images/res-gradient.png);
    background-size: contain;
    position: absolute;
    bottom: 0px;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-right: 50px;
    width: 100%;
    right:0px;
}
/**Eloqua Gate**/
.gate_txt_1{
    color:#ffffff;
    font-size: 30px;
    font-weight: bold;
    width: 50%;
    float: left;
}
.gate_txt_2{
    color: #324B5C;
    font-size: 23px;
    margin-bottom: 20px;
    padding-left: 42px;
    margin-top: 10px;
}
.one-col-lg{
    width:100%;
    padding-left: 50px;
}
.two-col-lg{
    width: 42.5%;
    margin-right: 5%;
}
.left-col{
    margin-left: 5%;
}

#sign_in_popup{
    width: 900px;
    position: absolute;
    overflow-y: scroll;
    background-color: rgba(232, 237, 239, 0.9);
}
.terms{
    padding-left: 5%;
    padding-right: 5%;
}
#form1048{
    color:#324B5C;
    font-size: 16px;
    display: inline-block;
    height: auto;
    max-height: 420px;
    overflow: scroll;
}
#sign_in_popup p{
    color:#324B5C;
}
#form1048 .cheat-up{
    margin-top: -13px;
}
#form1048 input,#form1048 select{
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #324B5C;
    color: #324B5C;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 3px;
    border-radius: 0px;

}
#form1048 input[type="checkbox"]{
    width: 20px;
    height: 16px;
    margin-bottom: 0px;
    position: inherit;
}
#field26{
    margin-left: -5px;
}
#terms_korea input[type="checkbox"], #terms_phillipines input[type="checkbox"],  #terms_russia input[type="checkbox"]{
    width: 30px;
    height: 15px;
    margin-bottom: 0px;
    left: 0px;
    position: inherit;
}

.terms_table td{
    vertical-align:text-bottom;
}
.terms_table p{
    margin-top: 0px;
    padding-top: 0px;
}
.submit-bttn{
    border: 2px solid #f29111;;
    background-color:#f29111;
    background-repeat: repeat-x;
    background-size: contain;
    margin-bottom: 30px;
    margin-right: 50px;
}
.alert{
    color: #e50000;
    margin-left: 40px;
    margin-top: -50px;
}
#form1048 input.error, #form1048 select.error{
    border-bottom: 2px solid #e50000;
}

/***RESULTS***/
.results-start{
    overflow-y: hidden;
}
.results{
    color: #FFFFFF;
}
.results-image{
    width: 26%;
}
.results-lead{
    font-size: 29px;
    margin-bottom: 30px;
}
.results-main-headline{
    font-size: 70px;
    font-weight: bold;

}
#results-main-label{
    position: absolute;
    bottom: 17px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;

 }
#title_span2{
    font-size: 62px;
    text-align: center;
    width: 330px;

}
.results-icon{
    display: none;
    background-color: #BAE3EB;
}
.results-main-text-holder{
    width: Calc(100% - 275px );
    padding-left: 40px;
}

.results-main-text{
    font-size: 16px;
    width: 90%;
}
.results-top{
    display: table;
    padding-top: 37px;
    border-bottom: 1px solid white;
}
.results-gauge{
    width: 249px;
    height: 249px;
    background-image: url("../assets/images/result-gauge.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-left: 25px;

}
.results-dial{
    position: absolute;
    top:0px;
    left:0px;
    width: 249px;
    height: 249px;
    background-image: url("../assets/images/hand.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

}
.marker {
    position: absolute;
    top: -19px;
    left: -19px;
    width: 285px;
    height: 285px;
    background-image: url("../assets/images/marker.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(3.5deg) scale(1, 1);

}

.results-start .results-top{
    border: none;
}

.results-start .results-main-text{
    margin-top: 9px;
}
.results-next-text{
    color: #DEE0E0;
    font-size: 29px;
    width:100%;
    border-bottom: 1px solid #DEE0E0;
    display: flex;
}
.results-next-text p{
    margin-top: 22px;
    margin-bottom: 19px;

}
.results-breakdown{
    display: table;
    width: 100%;

}
.category-result-image{
    margin-left: auto;
    width: 160px;
    margin-right: auto;
}
.category-result-text{
    vertical-align: bottom;
    display: table-cell;
    width: 247px;
}

.results-holder{
    height: Calc(100vh - 159px);
    overflow-y: scroll;
}

.results-start .results-holder{
    overflow-y: hidden;
}

.category-result-image .results-dial, .category-result-image .results-gauge{
    width: 160px;
    height: 160px;
    margin-left: 0px;
}
.results-bottom{
    padding-bottom: 50px;
}
.results-bttn-holder{
    height: 135px;
    width: 100%;
    position:fixed;
    bottom: 41px;
    left: 0px;
    background-repeat: repeat-x;
    background-size: contain;
}

.results-bttn-holder.after{
    background-image: url("../assets/images/res-gradient.png");
}

.results-bttns-inner{
    padding-top: 50px;
}

.results-bttn-holder .call-icon{
    background-image: url("../assets/images/icon-call.png");
    width:23px;
    height:23px;
    margin-left: 40px;
    float:left;
}
.results-bttn-holder .report-icon{
    background-image: url("../assets/images/icon-report.png");
    width:26px;
    height:33px;
    margin-left: 30px;
    float:left;
    margin-top: -4px;
}

.restart-arrow{
    border-style: solid;
    border-width: 25px 25px 25px 0;
    border-color: transparent #507C91 transparent;
    top: 92px;
    float: left;

}
.result_box{
    width: 249px;
    height: 249px;
    min-width:249px;
    margin-bottom: 9px;
    margin-right: 64px;
    margin-top: 25px;
    display: grid;
}
.results-before{
    display:none;
    opacity: 0;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.results-after{
  display: block;
    opacity: 1;


}
.results-after.results-next-text{
    display:inline-flex;

}
.category-results-text-top{
    font-size: 23px;
    text-align: center;
}
.category-results-text-bottom{
    font-size: 26px;
    text-align: center;
    font-weight: bold;
}
.breakdown_question{
    font-size: 26px;
    font-weight:bold;
    margin-bottom: 24px;

}
.breakdown_answer{
    font-size: 20px;
    color:#BECDD2;

}
.results-resources{
    padding-left: 0px;
}
.results-bottom .results-resources{
    border-bottom:1px solid #FFFFFF;
}
.results-bottom .results-resources-inner{
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    width: 100%;
}
.results-finance, .results-hr{
    width: Calc(100% - 279px);
    justify-content: space-between;
    display: flex;
    margin-left: 30px;
}
.results-block{
    width: Calc(100% - 325px);
    justify-content: space-between;
    display: flex;
}
.results-resource {
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
    cursor: pointer;
}
.results-bottom .results-resource{
    margin-left:0px;
    margin-right: 0px;
    margin-top:25px;
}
.results-resource a{
    text-decoration: none;
    color:#324B5C;
}

.results-resource a:hover{
    text-decoration: underline;
}
.results-resource-thumb{
    width:224px;
    height:156px;
    background-color: #8aadbf;

}
.results-resource-text {
    width: 204px;
    margin-left: 10px;
    margin-top: -20px;
    border-top: 6px solid #BDE6EE;
    background-color: #FFFFFF;
    color: #324B5C;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 130px;
    cursor: pointer;
}

#resource-1 .results-resource-text, #resource-2 .results-resource-text{
    height: 150px;
}
a .results-resource-text{
    color:#324B5C;
    text-decoration: none;
}
a .results-resource-text:hover{
    text-decoration: underline;

}
.caveat{
    margin-bottom: 30px;
    font-size: 17px;
    margin-top: 10px;
}
.results-resources {
    margin-top: 0px;
    padding-top: 0px;
}
.results-resources-inner{
    display: table;
}
.results-bottom .results-resources-inner a{
    width: 224px;
}
.results-main .results-resources-inner{
    display: flex;
    justify-content: space-between;
}
.results-cta{
    background-image: url('../assets/images/cta-arrow.svg');
    background-size: 22px;
    background-repeat: no-repeat;
    background-color: #00758F;
    color: #ffffff;
    text-decoration: none;
    width: 155px;
    padding-left: 20px;
    line-height: 36px;
    background-position: 119px 10px;
    margin-top: -18px;
    margin-left: 44px;
    cursor: pointer;
}

.txt-18{
    font-size:18px;
}
.txt-17{
    font-size:17px;
}
#thumb-1 {
    background-image: url("../assets/images/tbnail-persistent_humans-to-machines.jpg");
}
#thumb-2 {
    background-image: url("../assets/images/tbnail-future.png");
}

#thumb-4,#thumb-10{
    background-image: url("../assets/images/tbnail-soc.jpg");
}
#thumb-5 {
    background-image: url("../assets/images/tbnail-identity.jpg");
}
#thumb-6 {
    background-image: url("../assets/images/tbnail-roundtable.jpg");
}
#thumb-7,#thumb-13,#thumb-15 {
    background-image: url("../assets/images/tbnail-essentials.jpg");
}
#thumb-8 {
    background-image: url("../assets/images/tbnail-solutions.jpg");
}
#thumb-9 {
    background-image: url("../assets/images/tbnail-kuppinger.jpg");
}
#thumb-11,#thumb-17 {
    background-image: url("../assets/images/tbnail-solution-brief.jpg");
}
#thumb-12,#thumb-14,#thumb-16 {
    background-image: url("../assets/images/tbnail-larry.jpg");
}
/****footer***/
.sticky-footer{
    width: 100%;
    position: fixed;
    height: 44px;
    background-color: white;
    bottom: 0px;
    left: 0;
}
.sticky-footer-inner{
    height: inherit;
}

.sticky-footer-links{
    float:right;
    font-size: 14px;
    margin-top: 15px;
    margin-right: 40px;
    color: #4E5052;
}
.sticky-footer-links span{
    border-right: 1px solid #4E5052;
    padding-right: 10px;
}
.sticky-footer-links span:last-of-type{
    border:none;
    padding-right: 0px;
}
.sticky-footer-links a{
    color: #00758F;
    text-decoration: none;
}
.sticky-footer-links a:hover{
    text-decoration: underline;
}

/******************MEDIA QUERIES*************/

/*******small desktops*****/

@media only screen and  (max-width: 1180px) {
    #background-holder1, #background-holder2{
        background-size:cover;
       background-position: top right;
    }
    .sticky-bar{
        width: 100vw;
        margin-left: -10px;
    }
    .slick-page{
        padding-right: 10px;
        padding-left: 10px;
    }
    .sticky-footer-inner.content-width{
        padding-right: 10px;
        padding-left: 10px;
    }

    .content-width{
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;

    }
    .content-width.main_container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .questionHolder{
        width:Calc(100vw - 40px)
    }

}
/***SPECIAL***/
@media only screen and (max-width: 1060px){


    .results-holder {
        padding-top: 40px;
    }

    .result_box {
        width: 242px;
        height: 242px;
        margin-bottom: 20px;
    }

    .results-bottom .result_box{
        margin-right: 35px;
    }
    .results-bottom .results-resource-text .txt-18{
        display: none;
    }
    .results-resource {
        margin-right: 9px;
        margin-left: 9px;
    }
    .results-start .results-dial {
        background-image: url('../assets/images/hand.png');
        width: 249px;
        height: 249px;
    }
    .results-main-text-holder{
        padding-right: 20px;
        width: 100%;
    }
    .results-main-headline, .results-main-text,.results-main .results-resources {
        padding-left: 300px;
    }
    .ie9 .results-block {
        justify-content: inherit;
        display: block;
        margin-left: 4px;
    }

    .results-bottom .txt-17{
        font-size: 17px;
        height: 84px;
        display: table-cell;
        vertical-align: middle;
    }
    .results-main-text-holder {
        padding-left: 0px;
        width:100%;
        float:none;
        cursor: default;
    }
    .results-main-headline, .ie9 .results-main-text{
        padding-left: 300px;

    }

}


/**********Tablet Landscape***************/
@media only screen and (max-width: 1024px) {
    html {
        overflow: hidden;
        height: 100vh;
    }
    body{
        height:100vh;
        position: fixed;
    }
    .desktop-only{
        display: none;
    }

    h1{
       margin-top: 0px;
        margin-bottom: 0px;
    }
    h3{
        margin-bottom: 3px;
    }
    .content-width {
        padding-right: 0px;
        padding-left: 0px;
    }
    .progressBar {
        width: Calc(100% - 407px);
        padding-left: 30px;
    }
    .sticky-bar{
        margin-left: -20px;
    }
    .buttonBlock{
        bottom: -1px;
    }

    .top-nav-breadcrumbs {
        margin-left: 30px;
    }

    .top-nav-icons .top-icon {
        height: 58px;
    }
    .top-icon:hover{
        opacity: .8;
    }
    .top-nav {
        height: 58px;
    }
    .trigger, .activetrigger, .fake-trigger {
        width: 56%;
    }
    .multiple_choice .answerShort {
        max-width: 100%;
    }
    .slick-page.title-page{
        padding-top: 30px;
    }

    .slick-slider {
        top: 58px;
    }
    .slick-page {
        height: Calc(100vh - 100px);
        padding-left: 20px;
        padding-right: 10px;
    }

    .start-bttn {
        margin-right: 15px;
    }
    .welcome-text{
        width: 65%;
        font-size: 20px;
        margin-top: 24px;
    }
    .welcome-bttn-holder {
        margin-top: 30px;
    }

    .content-width{
        padding-right: 0px;
        padding-left: 0px;
        width: 100vw;
    }
    .content-width.top-nav-inner{
        padding-left: 20px;
        padding-right: 20px;
    }
    .nav-text{
        margin-right: 0px;
    }
    .questionHolder{
        padding-top: 26px;
        height: Calc(100vh - 128px);
    }
    .sticky-footer-inner.content-width {
        padding-right: 24px;
    }
    .questionHolder{
        padding-bottom: 550px;
    }
    .results-holder{
        padding-top: 20px;
    }
    .results-start .results-holder{
        overflow-y: auto;
    }
    .results-top {
        padding-top: 0px;
    }
    .results-next-text{
        margin-top: -25px;
    }
    .results-resource.resource-right{
        margin-right: 0px;
    }
    .results-block {
        width: Calc(100% - 296px);
    }
    .results-bottom{
        padding-top: 0px;
    }

    .result-box{
        margin-bottom: 0px;
    }

}

/***SPECIAL***/
@media only screen and (max-width: 1000px){
    .results-bottom .results-resource{
        position:relative;
    }
    .results-bottom .results-resource{
        margin-top: 0px;
    }
    .results-bottom a:first-of-type{
        padding-top: 25px;
    }
    .results-bottom .results-resource-thumb{
        display: none;
    }
    .results-bottom .results-resource-text{
        width: 321px;
        border-top: none;
        height: 84px;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
        padding-left: 20px;
        padding-right: 80px;
        padding-top: 0px;
    }
    .results-bottom .results-resources-inner {
        display: -webkit-box;
        width: 100%;
    }
    .results-bottom .category-results-text-bottom{
        font-size: 27px;
    }
    .results-bottom .results-cta{
        position: absolute;
        left: 300px;
        top: 20px;
        width: 113px;
        background-position: 78px 16px;
        line-height: 49px;
        margin-top: -2px;
    }
    .results-icon{
        display: block;
        width:84px;
        height:84px;
        background-position: center center;
        background-repeat: no-repeat;
        float:left;
    }
    .icon-book{background-image: url("../assets/images/icon-book.png"); }
    .icon-video{background-image: url("../assets/images/icon-video.png");}
    .icon-podcast{background-image: url("../assets/images/icon-podcast.png");}
    .icon-article{background-image: url("../assets/images/icon-article.png");}
    .icon-tool{background-image: url("../assets/images/icon-tool.png");}
    .icon-webpage{background-image: url("../assets/images/icon-webpage.png");}

    .results-holder {
        padding-top: 40px;
    }
    .results-breakdown{
        padding-top: 25px;
    }

    .result_box {
        width: 242px;
        height: 242px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .results-bottom .result_box{
        margin-right: 35px;
    }
    .sticky-footer-links {
        margin-right: 0px;
    }
    .results-bottom .results-resource-text .txt-18{
        display: none;
    }
    .results-resource {
        margin-right: 9px;
        margin-left: 9px;
    }
    .results-start .results-dial {
        background-image: url('../assets/images/hand.png');
        width: 249px;
        height: 249px;
    }
    .results-block{
        justify-content: inherit;
        display: block;
        margin-left: 4px;
    }
    .results-bottom .txt-17{
        font-size: 17px;
        height: 84px;
        display: table-cell;
        vertical-align: middle;
    }
    .results-main-text-holder {
        padding-left: 0px;
        width:100%;
        float:none;
        cursor: default;
    }
    .results-main-headline, .results-main-text{
        padding-left: 300px;

    }
    .results-main-text{
        width: 100%;
    }


}


/**********Tablet Portrtait*******/

@media only screen and (max-width: 910px){
    h2{
        font-size: 30px;
    }
    .progressBar {
        width: Calc(100% - 353px);
    }
    .slick-page {
        height: Calc(100vh - 110px);
    }

    #background-holder1{
        background-position: top right;
        background-image: url("../assets/images/bg-02-sm.png");
    }
    .social-icons-holder-footer .icon{
        margin: 5px;
        height:37px;
        width: 37px;
        background-size: 40px 40px;
    }
    a.icon_facebook, a.icon_facebook:hover {
        background-color: transparent;
        background-image: url("../assets/images/icon-facebook-lg.png");
    }
    a.icon_twitter {
        background-image: url("../assets/images/icon-twitter-lg.png");
    }
    a.icon_linkedin {
        background-image: url("../assets/images/icon-linkedin-lg.png");
    }
    a.icon_blog {
        background-image: url("../assets/images/icon-blog-lg.png");
    }
    .sticky-footer-inner.content-width{
        width:100vw;
    }
    .trigger, .activetrigger, .fake-trigger {
        width: 100%;
    }
    .nav-text{
        display: inline;
        float: right;
        text-align: right;
    }
    .top-nav-icons{
        display: none;
    }
    .top-nav-breadcrumbs {
        position: absolute;
        top: 50px;
        z-index: 400;
        width: Calc(100% - 40px);
        margin-left: 20px;
        left: 0px;
        background-color: transparent;
    }


    .sticky-footer-links {
        display: none;
    }
    .footer-icons{
        display: block;
    }
    .social-icons-holder-footer{
        background-color: #FFFFFF;
        position: absolute;
        bottom: 55px;
    }

    #form1048 input.email{
        width: 100%;
    }
    h2.subtitle {
        margin-top: 0px;
    }
    .welcome-text{
        width: 90%;
        margin-top: 35px;
    }
    .welcome-bttn-holder {
        margin-top: 55px;
    }

    .sticky-footer, .footer-icons .footer-icon{
        height: 52px;
    }

    .questionHolder {
        margin-top: 100px;
        padding-top: 0px;
        height: Calc(100vh - 110px);
    }

    .buttonBlock{
        width: 100vw;
    }

    .results-start .results-gauge {
        width: 249px;
        height: 249px;
    }
    .bttn.restart-bttn {
        width: 166px;
    }
    .slick-page.results{
        padding-top: 2px;
    }
    .breakdown_text_holder{
        width: calc(100% - 242px );
    }

    #title_span2 {
        width: 249px;
        font-size: 50px;
    }
    .sticky-bar-text{
        margin-top: 20px;
        margin-left: 47px;
    }

    .top-row-outer {
        padding-right: 20px;
    }
    .results-bottom{
        padding-bottom: 80px;
    }
    .question-table {
        margin-left: 21px;
    }
    .sticky-bar{
        height: 100px;
    }
    .progressBar {
        width: Calc(100% - 40px);
        position: absolute;
        top: 52px;
        padding-left: 1px;
    }
    .progressTrack {
        border: 1px solid #FFFFFF;
    }
    .tick {
        border-left: 1px solid #FFFFFF;
    }
    .questionHolder{
        padding-bottom: 750px;
    }
    .results-main .results-resources {
        padding-left: 0px;
    }
    .results-holder{
        overflow-x: hidden;
    }
    .one-col-md{
        width: Calc(100% - 80px);
        margin-left: 25px;
    }
    #form1048 input.email{
        width: 100%;
    }
    #sign_in_popup{
        width: 95vw;
    }
    #form1048{
        max-height: 90vh;
    }
    .submit-bttn{
        margin-top: 20px;
    }



}



/*********Phone**********/

@media screen and (max-width: 767px) {
    h1.title {
        font-size: 26px;
        margin-top: -10px;
        width: 100%;
    }

    h1.title {
        margin-left: 0;
    }
    .slick-page {
        margin-top: 17px;
    }
    .slick-page.results{
        margin-top: 0px;
    }

    h2 {
        font-size: 18px;
    }

    h2.subtitle {
        margin-left: 0;
    }

    h3 {
        font-size: 5vw;
    }

    h4 {
        font-size: 5.25vw;
    }
    .sticky-bar{
        height: 65px;
    }

    .progressBar {
        width: Calc(100% - 20px);
        position: absolute;
        top: 27px;
        padding-left: 20px;
    }
    .dropcontainer{
        width: 95vw;
    }
    .slick-page.template{
        margin-right: 0px;
    }

    select.turnintodropdown{
        width: 100%;
        font-size: 18px;
        height: 38px;
        background-size: 24px;
    }
    .checked {
        background-image: url("../assets/images/check-mob.png");
    }
    .trigger, .activetrigger, .fake-trigger{
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .trigger-icon {
        width: 28px;
        height: 27px;
        margin-right: 8px;
    }
    .dropcontainer ul, .turnintodropdown {
        width: 95vw;
        max-width: 95vw;
    }
    #title_span{
        display: inline-block;
        width: 100%;
        margin-top: -20px;
    }

    .top-row-outer {
        padding-right: 0px;
    }

    .start-bttn {
        margin-top: 0px;
    }
    .slick-page {
        padding-right: 20px;
        margin-right: 0px;
        margin-left: 0px;
    }
    #background-holder, #background-holder2{
        width: 100vw;
    }
    table.multiple_choice{
        width: 100%;
    }
    .results-main .results-resources-inner {
        display: block;
        justify-content: space-between;
    }
    .checkmark {
        left: 29px;
        width: 20px;
        top: 7px;
    }
    .top-nav {
        height: 40px;
    }
    .top-nav-logo {
        width: 110px;
    }
    .top-nav-breadcrumbs {
        top: 30px;
        margin-left: 0px;
    }

    .footer-icons .footer-icon {
        background-size: 25px;
        height: 34px;
    }

    .social-icons-holder-footer {
        bottom: 40px;
        width: 191px;
        right: 20px;
    }
    .multiple_choice .info {
        margin-left: 7px;
    }

    #call-popup {
        width: 95vw;
        height: 100vw;
    }

    .slick-slider {
        top: 40px;
    }

    .nav-text {
        font-size: 10px;
        line-height: 40px;
    }

    .slick-dots li {
        margin-top: 5px;
    }

    .content-width {
        width: 100vw;
        padding-right: 0px;
        padding-left: 0px;
    }
    .content-width.results-bttns-inner {
        margin-left: 10px;
        margin-right: 10px;
        width: Calc(100vw - 20px);
    }
    .slick-page {
        height: Calc(100vh - 89px);
    }
    .slick-page.title-page{
        padding-top: 8px;
    }

    .welcome-text {
        width: 90%;
        margin-top: 10px;
        font-size: 14px;
    }

    .questionHolder {
        width: Calc(100vw - 40px);
        height: Calc(100vh - 73px);
        min-height: 400px;
        top: 0px;
        padding-top: 0px;
        margin-top: 47px;
    }
    .connect{
        width: 19em;
    }
    .connect li {
        width: 1em;
        height: 1em;
    }
    .connect li::before {
        height: .5em;
        top: .15em;
        left: 14px;
        width: 3em;
    }
    #connect-security.connect li::before{
        width: 4.5em;
    }

    .questionHolder.mobile {
        height: Calc(100vh - 123px);
    }
    .question{
        padding-top: 15px;
        padding-bottom: 15px;
        max-width: 91vw;
        padding-right: 0px
    }
    .question-text{
        font-size: 14px;
    }
    .question-number{
        font-size: 14px;
    }
    .content-width.top-nav-inner {
        padding-left: 0px;
    }
    .key-label{
        font-size: 10px;
    }
    .key-label:first-of-type{
        width: 53px;
    }
    .key-label:nth-of-type(2) {
        width: 43px;
    }
    .key-label:nth-of-type(3) {
        width: 85px;
    }
    .key-label:nth-of-type(4) {
        width: 43px;
    }
    .key-label:nth-of-type(5) {
        width: 54px;
    }
    #sec-popup .key-label:nth-of-type(2) {
        width: 8em;
    }
    #sec-popup .key-label:nth-of-type(4) {
    width: 5em;
    }

    .welcome-bttn-holder {
        margin-top: 18px;
    }

    .buttonBlock {
        padding-right: 20px;
        width: 100vw;
        padding-left: 20px;
    }

    .bttn {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .bttn.start-bttn{
        margin-top: 20px;
        margin-right: 0px;
    }

    .bttn-arrow.right {
        width: 37px;
        height: 37px;
        margin-left: -18px;
        margin-top: 8px;
    }

    .select {
        width: 145px;
    }
    .bttn-txt, .select .bttn-txt {
        font-size: 15px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .selected .selected-txt {
        padding-right: 25px;
    }

    .bttn-arrow {
        width: 20px;
        height: 17px;
        background-size: contain;
    }

    .bttn-arrow-left {
        margin-left: 3px;
    }

    .bttn-arrow-right {
        margin-right: 3px;
    }

    .slick-prev {
        float: left;
    }

    .sticky-footer {
        height: 33px;
    }

    .results-bottom {
        padding-top: 0px;
    }
    .results-start .results-main-text-holder {
        width: 100%;
    }
    .results-holder {
        height: Calc(100vh - 138px);
    }
    .submit-bttn{
        margin-bottom: 80px;
    }
    .results-resource {
        margin-right: 10px;
        margin-left: 10px;
    }

    .info-overlay-close{
        width:22px;
        height:22px;
        top: -12px;
        right: -12px;
    }
    .info {
        font-size: 12px;
    }

    .info-overlay {
        width: 90vw;
    }
    .info-overlay .close-holder{
        width: Calc(90vw - 25px);
    }
    .info-overlay .answer-short, .info-overlay .answer-long{
        font-size: 12px;
    }

    #sign_in_popup .content-width {
        padding-right: 10px;
        padding-left: 10px;
    }

    .select-top-left.no-icon {
        padding-left: 20px;
    }
    .gate_txt_1 {
        font-size: 25px;
        width: 70%;
    }
    .gate_txt_2 {
        font-size: 5vw;
        padding-left: 20px;
    }

    /**eloqua**/
    #form1048 input, #form1048 select {
        border: none;
        border-bottom: 1px solid #324B5C;
        font-size: 16px;
        margin-bottom: 15px;
    }

    /**results**/
    .results-lead {
        font-size: 19px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .results-holder {
        padding-top: 25px;
        padding-bottom: 100px;
    }

    .results-bttn-holder {
        height: 88px;
        bottom: 30px;
    }

    .results-bttns-inner {
        padding-top: 30px;
    }

    .restart-arrow {
        border-width: 17px 15px 16px 0;
        top: -2px;
    }

    .restart-holder {
        width: 152px;
        float: left;
        margin-left: 10px;
    }

    .bttn.restart-bttn {
        width: 97px;
    }

    .results-bttn-holder .report-icon {
        width: 17px;
        height: 20px;
        margin-left: 15px;
        float: left;
        margin-top: 0px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .results-next-text {
        color: #DEE0E0;
        font-size: 22px;
    }

    .bttn.restart-bttn {
        width: 110px;
    }

    .results-main-headline {
        text-align: center;
        font-size: 37px;
    }

    .results-main-text-holder {
        width: 100%;
        padding-left: 0px;
    }

    .results-resource {
        margin-right: 10px;
        margin-left: 10px;
    }

    .results-main .results-gauge {
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .results-start .results-top{
        display: block;
    }

    .results-bttn-holder {
        background-image: url("../assets/images/res-gradient.png");
    }

    .results-next-text {
        margin-top: 0px;
    }
    .breakdown_question, .breakdown_answer {
        font-size: 20px;
    }

    .result_box.pull-left {
        margin-left: Calc(50% - 121px);

    }
    .results-main-headline, .results-main-text {
        padding-left: 0px;
    }
    .results-main-text {
    font-size: 12px;
    }

    .result_box{
       margin-bottom: 30px;
    }
    .results-bottom .result_box {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
    }
    .results-block{
        margin-left: 0px;
        width: Calc(100% - 20px);
        margin-top: -20px;

    }
    .results-bottom .results-resources{
        width: 100%;
             display: table;
             margin-left: auto;
             margin-right: auto;
             margin-top: 0px;
             padding-top: 0px;
             margin-bottom: 0px;
         }
    .results-bottom .results-cta {
        width: 105px;
        background-position: 72px 16px;
        right: -39px;
        left: unset;
        padding-left: 18px;
        margin-top: 0px;
        top:50%;
        transform: translate(0,-50%);

    }
    .results-bottom .results-resource{
        display: table;
    }
    .results-bottom .results-resource-text{
        width: 60vw;
        height: 25vw;
        padding-left: 15px;
        padding-right: 72px;
    }
    .results-icon{
        width: 20vw;
        height: 25vw;

    }
    .results-bottom .txt-17{
        height: 25vw;
        font-size: 15px;
    }
    .results-resources {
        margin-bottom: 0px;
        padding-left: 0px;
        margin-bottom: 45px;
    }

    .results-resource {
        margin-left: Calc(50vw - 136px);
    }
    .results-bottom .results-resource{
        float:none;
        margin-bottom: 30px;
    }
    .results-bottom .results-resources-inner {
        display: block;
        justify-content: center;

    }
    #voverlay-container {
        width: 95vw;
    }
    .results-top {
        overflow: hidden;
        padding-top: 0px;
        display: block;
    }
    .results-bttn-holder .call-icon {
        width: 38px;
        margin-left: 20px;
        background-repeat: no-repeat;
    }
    .results-bottom{
        padding-bottom: 0px;
    }
    .next-holder {
        width: 76px;
    }
    .category-result-text {
        height: auto;
    }



    .social-icons-holder-footer .icon {
        margin: 11px;
        height: 25px;
        width: 25px;
        background-size: 25px 25px;
    }
    .breakdown_text_holder{
        width: 100%;
    }
    .results-bottom .breakdown_text_holder{
        margin-top: -14px;
    }
    .sticky-bar-text {
        margin-left: 20px;
        line-height: normal;
        font-size: 13px;
        margin-top: 33px;
    }
    .question-table {
        margin-left: 0px;
    }
    .td-left {
        padding-right: 15px;
    }
    .active .checked{
        width: 1.5em;
        height: 1.5em;
        background-size: 1em;
    }
    .select-holder{
        overflow: hidden;
    }
    #sec-popup {
        width: 100vw;
    }
    .select-holder .question-table {
        margin-left: 10px;
    }
    #results-main-label{
        display: none;
    }

}


    /*********Tiny Phone**********/
    @media screen and (max-width: 340px) {
        html,
        body.mobile {
            position: fixed;
            overflow: hidden;
        }
        .buttonBlock {
            bottom: 15px;
        }
        .welcome-bttn-holder {
            margin-top: 29px;
        }
        .nav-text {
            font-size: 8px;
        }
        .title {
            width: 100%;
            font-size: 25px;
            margin-top: -20px;
        }
        .welcome-text {
            margin-top: 26px;
        }

        h4{
            font-size: 4.5vw;
        }
        .results-bttn-holder .report-icon{
            margin-left: 3px;
        }
        .results-bttn-holder .bttn-txt{
            padding-left: 7px;
        }
        .role-bttn-left{
            margin-left: 10px;
        }
        .role-bttn-right{
            margin-right: 10px;
        }
        .multiple_choice td {
            height: auto;
            padding-bottom: 6px;
        }
        .dropcontainer ul li, .turnintodropdown option{
            line-height: 35px;
        }

        .sticky-bar{
            margin-left: -10px;
        }
        .results-bttn-holder .call-icon {
            width: 25px;
            margin-left: 13px;
        }
        .bttn.restart-bttn {
            width: 97px;
            margin-right: 0px;
        }
        .restart-holder {
            width: 121px;
            margin-left: 0px;
            margin-right:0px
        }
        #call-popup {
            height: 125vw;
        }
        .u02modw1{
            width: 95vw;
        }
        .info-overlay{
            padding-right: 15px;
            padding-left: 15px;
        }
        .dropcontainer ul, .turnintodropdown {
            width: 98vw;
            max-width: 98vw;
        }
        .questionHolder {
            width: Calc(100vw - 20px);
        }
        .td-left {
            padding-right: 5px;
        }
        .connect {
            width: 17em;
        }
        .connect li::before{
            width: 2.7em;
        }
        .key-label:first-of-type {
            width: 47px;
        }
        .key-label:nth-of-type(2) {
            width: 40px;
        }
        .key-label:nth-of-type(3) {
            width: 68px;
        }
        .key-label:nth-of-type(5) {
            width: 45px;
        }

    }