@charset "UTF-8";


body{
    margin: 0px;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background-size: 1600px;
    background-color: #20303c;
    background-repeat: no-repeat;
    background-position: top center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    height: 100vh;
    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: 70px;
    margin: 0;
}

h2{
    color: #dee0e0;
    font-size:40px ;
    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, #background-holder2{
    width:100%;
    max-width: 1600px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position:absolute;
    top:0;
    left:0;
    bottom:0px;
    right:0px;
}
#background-holder{
    bottom: 0;
    max-width: 1600px;
    height: 100vh;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    bottom:0px;
    right:0px;

}

.fader{
    opacity: 0;

}
.image-width{
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.content-width{
    width:1180px;
    margin-left: auto;
    margin-right: auto;
}
#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: 17px;
    width: Calc(100% - 483px);
    height: inherit;
    float: left;
    margin-left: 50px;
    height: auto;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 84%;

}
.top-nav-icons{
    float: right;
    margin-right: -12px;
    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");
}


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

}
.social-icons-holder{
    background-color: #FFFFFF;
    height: 40px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 84px;
    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;
}

/* 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-left: 4px;
}
.slick-dots li:last-of-type.slick-active{
    height: 20px;
    width:7px ;
}
.slick-dots li button{
    display: none;

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


.slick-page{
   height: Calc( 100vh - 100px);
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -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: #CAD9DE;
    width: 50%;
    margin-top: 25px;
}
#welcometext2{
    margin-top: 28px;
}
.welcome-bttn-holder{
    margin-top: 35px;
    width:100%;
    position:relative;
    
}
.title-page{
    overflow-y: auto;
    padding-top: 18px;
}

/*=Slides
----------------------------------------------- */
.dropcontainer {
     position: relative;
     font-size: 16px;
     color: #777;
     text-align: center;
 }

.trigger, .activetrigger {
    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;
    float: left;

}
.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;
}

.dropcontainer ul, .turnintodropdown {
    font-size: 22px;
    border: none;
    border-top: none;
    background:  #f4f4f4;
    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;
}
.dropcontainer ul li a{
    color: #4e5052;
}
.select-top{
    height: 50px;
}
.select-top-left{
    font-size: 22px;
    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-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;
}

.slick-prev{
    margin-right: 15px;

}

.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: 12px;
    padding-bottom: 12px;
    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;

}
.start-bttn {
        margin-right: 1px;
}
.start-bttn.inactive{
    opacity: 0;
}
.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;

}
.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 - 100px);
    top: 0px;
    padding-top: 47px;
    border-collapse: collapse;
    opacity: 0;

}
.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: .9;
    position: relative;
}
.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: 290px;
    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;
}

/**table setup***/
.spinner-table{
    font-size : 19px;
    color : #CAD9DE;
}
.spinner-table tr.top-row, .spinner-table tr.bottom-row{
    height: 35px;
}
.spinner-table tr.middle-row{
height: 247px;
    cursor: pointer;
}


.spinner-table td.col-1{
    width: 150px;
    max-width: 150px;
    text-align: right;
}
.spinner-table td.col-2{
    width: 247px;
    max-width: 247px;
    text-align:center;
    cursor: pointer;
}

.answerShort:hover {
    text-decoration: underline;
}

.spinner-table td.col-3{
    width: 150px;
    max-width: 150px;
    text-align: left;
}
.question.selected{
    color:#FFFFFF;
    opacity: 1;
}
.answerLong{
   display: none;
}
.buttonBlock{
    position: absolute;
    bottom: 55px;
    width: 50%;
    right:20px;
}
.spinner-table .middle-row .col-2{
    position: relative;
}

.track, .track-image, .worm{
    position: absolute;
    width: 247px;
    height: 247px;
    top:0px;
    left:0px;
    bottom:0;
    right:0;
    background-size: 227px 227px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -webkit-transform:  translate3d(0, 0, 0);

}
.track-image img{
    width: 100%;
     max-width: 100%;
    height: auto;
}
.track{
    background-image: url("../assets/images/dial-default.png");
}
.first .track{
    background-image: url("../assets/images/dial-default.png");
}
.track.choice-1{
    background-image: url("../assets/images/dial4a.png");
}
.track.choice-2{
    background-image: url("../assets/images/dial4c.png");
}
.track.choice-3{
    background-image: url("../assets/images/dial4b.png");
}
.track.choice-4{
    background-image: url("../assets/images/dial4d.png");
}

.first.three-up .track{
    background-image: url("../assets/images/dial-3-default.png");
}
.first.two-up .track{
    background-image: url("../assets/images/dial-2-default.png");
}
.three-up .track, .three-up .track.choice-1{
   background-image: url("../assets/images/dial-3c.png");
}
.three-up .track.choice-2{
    background-image: url("../assets/images/dial-3a.png");
}
.three-up .track.choice-3{
    background-image: url("../assets/images/dial-3b.png");
}
.two-up .track, .two-up .track.choice-1{
    background-image: url("../assets/images/dial-2a.png");
}
 .two-up .track.choice-2{
    background-image: url("../assets/images/dial-2b.png");
}
.worm{
    background-image: url('../assets/images/worm.png');
    -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;
}
.first .worm{
    background-image: url("../assets/images/worm-gray.png");
}

.hotspot-holder{
    position: absolute;
    width: 247px;
    height: 247px;
    top: 0px;
}
.hotspot{
    cursor: pointer;
    position: absolute;
    width:50%;
    height: 50%;
}
.hotspot-1{
    top: 0px;
    left: 25%;
    width: 50%;
}
.hotspot-2{
    right:0px;
    top:25%;
    height:50%;
}
.hotspot-3{
    bottom:0px;
    left:25%;
    width:50%;
}
.hotspot-4{
    left:0px;
    top:25%;
    height: 50%;

}

.three-up .hotspot-1{
    right: 0px;
    top: 25%;
    height: 50%;
    left: unset;
}
.three-up .hotspot-2{
    left: 0px;
    top: 25%;
    height: 50%;

}
.three-up .hotspot-3{
    top: 0px;
    left: 25%;
    width: 50%;

}
.two-up .hotspot-2{
    left: 25%;
    top: unset;
    height: 50%;
    bottom: 0px;
}
/** Multiple Choice questions**/

table.multiple_choice{
    list-style: none;
    padding: 0;
    color: #BFCED3;
    font-size: 19px;
    margin-top: 0px;
    width: 40%;
}
.answerShort.selected{
    color:#FFFFFF;
}

 .multiple_choice td{
     display: table-cell;
     vertical-align: middle;
     height: 64px;
     cursor: pointer;

 }
.multiple_choice  span{
    cursor: pointer;
}
 td.check{
     max-width: 40px;
 }
 td.choice_text{
     width: 88%;
 }


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label{
    position: relative;
    cursor: pointer;
    width:36px;
    height:36px;
    background-color: transparent;
    display:block;
    margin-right: 20px;


}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 3px solid #FFFFFF;
    background: transparent;
    border-radius: 50%;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    position: absolute;
    top:0px;
    left: 0px;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 8px;
    content: '';
    transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after,
[type="radio"]:not(:checked) + label:after{
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after{
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before
{
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 3px solid white;
}

/* hover style just for information */
label:hover:before {
    border: 4px solid white;
}

/**Eloqua Gate**/
.gate_txt_1{
    color:#324B5C;
    font-size: 37px;
    font-weight: bold;
}
.gate_txt_2{
    color: #324B5C;
    font-size: 29px;
    margin-bottom: 30px;
}
.one-col-lg{
    width:100%;
}
.two-col-lg{
    width: 45%;
    margin-right: 5%;
}
#sign_in_popup{
    width: 100%;
    max-width: 1600px;
    position: absolute;
    top: 57px;
    padding-top: 43px;
    bottom: 0px;
    overflow-y: scroll;
    background-color: rgba(232, 237, 239, 0.9);
}

#form1048{
    color:#324B5C ;
    font-size: 20px;
    display: inline-block;
}
#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: 20px;
    margin-bottom: 35px;
    padding-bottom: 5px;
    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;
}

#form1048 input.email{
    width: 45%;
    margin-right: 5%;
}
.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: 40px;
}
.alert{
    color: #e50000;
}
#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;

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

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

.results-main-text{
    font-size: 20px;
}
.results-top{
    border-bottom: 1px solid #c7c7c7;
    display: table;
    padding-top: 37px;

}
.results-gauge{
    width: 249px;
    height: 249px;
    background-image: url("../assets/images/result-gauge.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;

}
.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;

}


.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{
    height: 105px;
    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;
}
.results-bottom{
    padding-top: 20px;
    padding-bottom: 50px;
}
.results-bttn-holder{
    height: 195px;
    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: 92px;
}
.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: 27px 25px 27px 0;
    border-color: transparent #507C91 transparent;
    top: 92px;
    float: left;

}
.result_box{
    width: 249px;
    height: 249px;
    margin-bottom: 20px;
}
.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: 43px;
    text-align: center;
    font-weight: bold;
}
.results-resources{
    margin-top: 30px;
    min-height: 400px;
    padding-top: 30px;
}
.results-bottom .results-resources{
    border-bottom:1px solid #FFFFFF;
}
.results-bottom .results-resources-inner{
    display: flex;
    width: 100%;
}
.results-finance, .results-hr{
    width: Calc(100% - 279px);
    justify-content: space-between;
    display: flex;
    margin-left: 30px;
}
.results-resource {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}
.results-bottom .results-resource{
    margin-left:0px;
    margin-right: 0px;
}
.results-resource a{
    text-decoration: none;
    color:#324B5C;
}

.results-resource a:hover{
    text-decoration: underline;
}
.results-resource-thumb{
    width:224px;
    height:156px;

}
.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;

}
a .results-resource-text{
    color:#324B5C;
    text-decoration: none;
}
a .results-resource-text:hover{
    text-decoration: underline;

}
.caveat{
    margin-bottom: 30px;
}

.results-resources-inner{
    display: table;
}
.results-main .results-resources-inner{
    display: flex;
    justify-content: space-between;
}
.results-cta{
    background-image: url('../assets/images/cta-arrow.png');
    background-repeat: no-repeat;
    background-color: #BDE6EE;
    color: #324B5C;
    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-mit.png")
}
#thumb-2{
background-image: url("../assets/images/tbnail-sol.png");
}

#thumb-5, #thumb-17{
    background-image: url("../assets/images/tbnail-podcast.png");
}
#thumb-6,#thumb-16{
    background-image: url("../assets/images/tbnail-transit.png");
}

#thumb-7{
    background-image: url("../assets/images/tbnail-carbon.png");
}
#thumb-8{
    background-image: url("../assets/images/tbnail-ERP-guide.png");
}

#thumb-10{
    background-image: url("../assets/images/tbnail-thriving.png");
}
#thumb-11{
    background-image: url("../assets/images/tbnail-KBBO.png");
}
#thumb-12{
    background-image: url("../assets/images/tbnail-reporting.png");
}
#thumb-13{
    background-image: url("../assets/images/tbnail-agile.png");
}

#thumb-14{
    background-image: url("../assets/images/tbnail-practices.png");
}
#thumb-15,#thumb-27{
    background-image: url("../assets/images/tbnail-photon.png");
}
#thumb-17{
    background-image: url("../assets/images/tbnail-podcast.png");
}

#thumb-20{
    background-image: url("../assets/images/tbnail-transform.png");
}
#thumb-21{
    background-image: url("../assets/images/tbnail-theory.png");
}
#thumb-22{
    background-image: url("../assets/images/tbnail-career.png");
}
#thumb-23{
    background-image: url("../assets/images/tbnail-tomorrow.png");
}

#thumb-25{
    background-image: url("../assets/images/tbnail-analytics.png");
}

/****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;
    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;
    }
    .welcome-text{
        font-size: 22px;
    }
    .slick-page{
        height:100vh;
    }

    .content-width{
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
    }
    .content-width.main_container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .questionHolder{
        width:Calc(100vw - 40px)
    }


}
@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 {
        padding-left: 300px;
    }
    .ie9 .results-hr {
        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) {
    body{
        height:100vh;
    }

    .desktop-only{
        display: none;
    }

    h1{
       margin-top: 0px;
    }
    h3{
        margin-bottom: 3px;
    }
    h4{
        font-size: 31px;
    }
    select.turnintodropdown {
        background-position: 10px 5px;
        padding-left: 70px;
    }
    .content-width {
        padding-right: 0px;
        padding-left: 0px;
    }
    .buttonBlock{
        bottom: 40px;
    }

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

    .top-nav-icons .top-icon {
        height: 58px;
    }
    .top-icon:hover{
        opacity: .8;

    }

    .top-nav {
        height: 58px;
    }

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

    .start-bttn {
        margin-right: 0px;
    }
    .welcome-text{
        width: 70%;
    }
    .welcome-bttn-holder {
        margin-top: 80px;
    }

    .content-width{
        padding-right: 10px;
        padding-left: 10px;
        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 - 113px);
    }
    .spinnerBlock{
        min-height: 345px;
        width:  Calc(100vw - 34px);
        display: inline-flex;
    }
    .spinnerBlock-inner{
        height: 343px;
    }
    /**table setup***/
    .spinner-table tr.top-row, .spinner-table tr.bottom-row{
        height: 30px;
    }
    .spinner-table tr.middle-row{
        height: 247px;
    }
    .spinner-table td.col-1{
        width: 140px;
    }
    .spinner-table td.col-2{
        width: 247px;

    }

    .spinner-table td.col-3{
        width: 140px;
    }
    .results-holder{
        padding-top: 20px;
    }
    .results-start .results-holder{
        overflow-y: auto;
    }
    table.multiple_choice{
        margin-top: -3px;
    }
    .results-top {
        padding-top: 0px;
    }
    .results-next-text{
        margin-top: -25px;
    }
    .results-resource.resource-right{
        margin-right: 0px;
    }


}
/***SPECIAL***/
@media only screen and (max-width: 1000px){
    .results-bottom .results-resource{
        position:relative;
        margin-bottom: 47px;
    }
    .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");}


    .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-finance, .results-hr {
        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;

    }


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

@media only screen and (max-width: 910px){
    html{
    overflow: hidden;
}
    body{
        height:100vh;
    }
    .title{
        width: 100%;
        font-size: 60px;
    }

    #background-holder1, #background-holder2{
        background-position: top right;
    }
    .social-icons-holder-footer .icon{
        margin: 5px;
        height:37px;
        width: 37px;
        background-size: 40px 40px;
    }
    select.turnintodropdown{
        width: 100%;

    }
    .dropcontainer ul, .turnintodropdown {
        width: 66vw;
        max-width: 690px;
    }
    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;
    }
    .nav-text{
        display: inline;
        float: right;
        text-align: 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;
    }
    .slick-dots{
        background-image: url("../assets/images/breadcrumbs-track-mobile.png");
    }
    .slick-dots li{
        background-color: #ffffff;
        margin-top: 5px;
    }
    .slick-dots li.complete{
        background-color: #ffffff ;
    }
    .slick-dots li.complete.slick-active{
        background-color:  #e50000;
    }
    .slick-page {
        margin-top: 17px;
    }

    .sticky-footer-links {
        display: none;
    }
    .footer-icons{
        display: block;
    }
    .social-icons-holder-footer{
        background-color: #FFFFFF;
        position: absolute;
        bottom: 55px;
    }
    .one-col-md{
        width:100%;
    }
    #form1048 input.email{
        width: 100%;
    }

    h2{
        font-size: 40px;
    }
    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 {
        padding-top: 58px;
        height: Calc(100vh - 110px);
    }
    .questionHolder.mobile {
        height: Calc(100vh - 181px);
    }
    .spinnerBlock-inner{
        margin-left: auto;
        margin-right: auto;
    }
    table.multiple_choice{
        width: 50%;
    }
    .buttonBlock {
        bottom: 40px;
        width: Calc(100% - 20px);
        left: 0;
    }

    .results-start .results-gauge {
        width: 249px;
        height: 249px;
    }
    .bttn.restart-bttn {
        width: 166px;
    }
    .slick-page.results{
        padding-top: 2px;
    }
    #title_span2 {
        width: 249px;
        font-size: 50px;
    }
    .top-row-outer {
        padding-right: 20px;
    }
    .results-bottom{
        padding-bottom: 80px;
    }

}



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

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

    h1.title {
        margin-left: 0;
    }

    h2 {
        font-size: 18px;
    }

    h2.subtitle {
        margin-left: 0;
    }

    h3 {
        font-size: 5vw;
    }

    h4 {
        font-size: 5.25vw;
    }
    .dropcontainer{
        width: 95vw;
    }

    select.turnintodropdown{
        width: 100%;
        font-size: 18px;
        height: 38px;
        background-size: 24px;
    }

    .dropcontainer ul li {
        font-size: 20px;
    }
    .select-top-left, .select-top-right,.dropcontainer ul, .turnintodropdown {
        font-size: 20px;
    }
    .select-top-right{
        margin-left: 20px;
    }
    .trigger, .activetrigger{
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        width: 100%;
        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;
    }

    .slick-page {
        margin-right: 10px;
        margin-left: 10px;
    }
    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;
    }

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

    .social-icons-holder-footer {
        bottom: 40px;
        width: 195px;
        right: 20px;

    }

    #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);
    }
    .welcome-text {
        width: 100%;
        margin-top: 27px;
        font-size: 14px;
    }

    .questionHolder {
        width: Calc(100vw - 40px);
        height: Calc(100vh - 73px);
        min-height: 400px;
        top: 0px;
        padding-top: 37px;
    }

    .questionHolder.mobile {
        height: Calc(100vh - 123px);

    }

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

    .buttonBlock {
        bottom:10px;
        width: 100%;
    }

    .bttn {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .bttn-arrow.right {
        width: 37px;
        height: 37px;
        margin-left: -18px;
        margin-top: 8px;
    }
    .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;
    }

    /**table setup***/
    .spinnerBlock {
        width: 100%;
    }

    .middle-row-outer {
        margin-top: 0px;
        width: 100%;
        position: absolute;

    }
    table.multiple_choice{
        margin-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;
    }

    /**table setup***/
    .spinner-table {
        font-size: 12px;
        margin-top: -10px;
    }

    .spinnerBlock-inner {
        margin-left: 0;
    }

    .spinner-table tr.top-row, .spinner-table tr.bottom-row {
        height: 35px;
    }

    .spinner-table tr.middle-row {
        height: 167px;
        cursor: pointer;
    }

    .spinner-table tr.middle-row td:hover {
        text-decoration: underline;
    }

    .spinner-table td.col-1 {
        width: 84px;
        text-align: right;
        padding-right: 10px;
    }

    .spinner-table td.col-2 {
        width: 167px;
        text-align: center;
        cursor: pointer;

    }

    .spinner-table td.col-2:hover {
        text-decoration: underline;
    }

    .spinner-table td.col-3 {
        width: 84px;
        text-align: left;
        padding-left: 10px;
    }

    .answerLong {
        display: none;
    }

    .track, .track-image {
        background-position: center;
        width: 167px;
        height: 167px;
        top: 0px;
        left: 0px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .worm {
        background-position: center;
        width: 167px;
        height: 167px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .hotspot-holder {
        width: 167px;
        height: 167px;
    }

    .hotspot-1 {
        top: 0px;
        left: 25%;
        width: 50%;
    }

    .hotspot-2 {
        right: 0px;
        top: 25%;
        height: 50%;
    }

    .hotspot-3 {
        bottom: 0px;
        left: 25%;
        width: 50%;
    }

    .hotspot-4 {
        left: 0px;
        top: 25%;
        height: 50%;
    }
    .info-overlay-close{
        width:22px;
        height:22px;
        top: -12px;
        right: -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;
    }

    .gate_txt_1 {
        font-size: 32px;
    }

    .gate_txt_2 {
        font-size: 24px;
    }

    /**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;
    }

    .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: 52px;
    }

    .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;
    }

    .result_box.pull-left {
        margin-left: Calc(50% - 121px);
    }
    .results-main-headline, .results-main-text {
        padding-left: 0px;
    }
    .result_box{
       margin-bottom: 30px;
    }
    .results-bottom .result_box {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        margin-top: 20px;

    }
    .results-finance, .results-hr{
        margin-left: 0px;
        width: Calc(100% - 20px);
        margin-top: -20px;
    }
    .results-bottom .results-resources{
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .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;
    }

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

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

    .results-resources {
        margin-bottom: 45px;
    }
    .results-bottom .results-resources{
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .social-icons-holder-footer .icon {
        margin: 11px;
        height: 25px;
        width: 25px;
        background-size: 25px 25px;
    }

    .buttonBlock {
        bottom: 30px;

    }
    table.multiple_choice{
        font-size: 15px;
    }
    .multiple_choice td {
        height: auto;
        padding-bottom: 12px;
    }
    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label,
    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        width: 25px;
        height: 25px;
    }
    [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before,
    [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{
        top: 0;
        width: 20px;
        height: 20px;
    }
    [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after,
    [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
        width: 14px;
        height: 14px;
        margin: 6px;
    }
    .info{
        font-size: 12px;
    }

}



    /*********Tiny Phone**********/
    @media screen and (max-width: 340px) {
        html,
        body.mobile {
            position: fixed;
            overflow: hidden;
        }
        .buttonBlock {
            bottom: 30px;
        }
        .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;
        }
        table.multiple_choice{
            font-size: 16px;
        }
        .multiple_choice td {
            height: auto;
            padding-bottom: 6px;
        }

        /**table setup***/
        .spinner-table {
            font-size: 12px;
            margin-top: -10px;
        }
        .spinnerBlock-inner {
            margin-left: 0;
        }

        .spinner-table tr.top-row, .spinner-table tr.bottom-row {
            height: 35px;
        }

        .spinner-table tr.middle-row {
            height: 132px;
            cursor: pointer;
        }

        .spinner-table td.col-1 {
            width: 66px;
            padding-right: 8px;
        }

        .spinner-table td.col-2 {
            width: 132px;
        }
        .spinner-table td.col-3 {
            width: 66px;
            padding-left: 8px;
        }

        .track, .track-image {
            width: 132px;
            height: 132px;
        }

        .worm {
            width: 132px;
            height: 132px;
        }

        .hotspot-holder {
            width: 132px;
            height: 132px;
        }
        .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;
        }
    }