@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;
}
a.bttn{
    color:#FFFFFF;
}

.terms a:hover{
    text-decoration: underline;
}
.bold{
    font-weight: bold;
}
#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;

}
.phone-only{
    display: none;
}
.fader{
    opacity: 0;

}

.vertical{
    display: none;
}
.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: 7px;
    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: 33%;
    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: 20px;
    color: #FFFFFF;
    width: 60%;
    margin-top: 25px;
}

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

.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;
}
.guide-bttn{
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px;
}

.savings-bttn{
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
}
.start-bttn {
        margin-right: 1px;
    float: left;
}
.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");

}
.results-number-icon{
    width: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
}
.savings-bttn .bttn-arrow-right, .guide-bttn .bttn-arrow-right{
    margin-right: 0px;
    margin-left: 15px;
}
/***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:#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;
}
.results-bottom .one-col-lg{
    padding-left: 0px;
}
.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;
}
#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: 15px;
    height: 15px;
    margin-bottom: 0px;
    position: inherit;
}
#field26{
    margin-left: -5px;
}
#terms_korea input[type="checkbox"],  #terms_russia input[type="checkbox"]{
    width: 15px;
    height: 15px;
    margin-bottom: 0px;
    left: 0px;
    margin-right: 10px;
    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;
}

.terms input.error{
    border: 1px solid #e50000;
    outline: 1px solid #e50000;

}
/***RESULTS***/

.results{
    color: #FFFFFF;
}
.results-lead{
    font-size: 29px;
    margin-bottom: 30px;
}
.results-circle-holder{
    width:30%;
    min-width: 235px;
}
.results-circle{
    background-color: white;
    border-radius: 50%;
    text-align: center;
    position: relative;
    height: 225px;
    width: 225px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}
.results-main-number{
    font-size:52px ;
    color:#3A883F;
    font-weight: bold;
}
.results-number-label{
    color: #000000;
    font-size: 20px;
}
.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: 70%;
    padding-right: 40px;
}

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

}

.results-next-text {
    color: #DEE0E0;
    font-size: 29px;
    width: 100%;
    border-bottom: 1px solid #DEE0E0;
    display: inline-block;
    margin-top: 10px;
}

.results-next-text p{
    margin-top: 22px;
    margin-bottom: 19px;

}
.results-bottom{
    padding-top: 30px;
}
.results-bttn-holder{
    height: 135px;
    width: 100%;
    position:fixed;
    bottom: 41px;
    left: 0px;
    background-repeat: repeat-x;
    background-size: contain;
    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: 27px 25px 27px 0;
    border-color: transparent #507C91 transparent;
    top: 92px;
    float: left;

}
.content-holder{
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 60px;
    height: 560px;
}
.text-inset{
    background-color: #ffffff;
}
.text-inset p{
    color: #8A8D90;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 30px;
}
.guide-asset{
    border-top: 1px solid #D5D7D7;
    border-bottom: 1px solid #D5D7D7;
    padding-top: 35px;
    padding-bottom: 35px;
    display: inline-block;
    margin-top: 40px;
    width: 100%;
    margin-bottom: 40px;
}
.guide-text{
    font-size: 29px;
    color: #D5D7D7;
    float: left;
    margin-left: 30px;
    width: 505px;
}
#asset1-v1, #asset1-v2{
    margin-right: 5%;
}
.top-border{
    height: 20px;
    width: 100%;
    margin-bottom: 20px;
}
.med-two-col{
    width: 47.5%;
    float: left;
}
.banner-text{
    font-weight: bold;
    font-size: 29px;
    margin-left: 30px;
    display: inline-block;
    width: Calc(100% - 135px);
}
.icon-banner{
    display: inline-block;
    margin-bottom: 10px;
}

.results-holder{
    height: Calc(100vh - 114px);
    overflow-y: scroll;
    padding-bottom: 94px;
}
.results-holder.scrollable{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.results-holder-width{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
}


.results-start .results-holder{
    overflow-y: hidden;
}
.savings-banner{
    background-color: #007586;
    color: #ffffff;
    font-size: 29px;
}
#savings-six{
    font-weight: bold;
    color:#3A883F ;
    font-size: 70px;
}
.savings-six-label{
    color: #8A8D90;
    font-size: 29px;
}
.savings-row{
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}
.savings-row-1{
    background-color: #ffffff;
    background-image: url("../assets/images/icon-savings.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 100px);

}
.savings-row-2{
    background-color:#D5D7D7 ;
}
.savings-row-2 table{
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.savings-row-3{
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 50px;
    height: auto;
    display: table;
}
td.top-border{
    border-top: 1px solid #8A8D90;
}
.centered{
    margin-right: auto;
    margin-left: auto;
    display: table;
    width: auto;
}
.txt-right{
    text-align: right;
    padding-right: 20px;
    width: 50%;
}

.breakdown-holder{
    padding: 30px;
}
.breakdown{
    color: #4E5052;
    width: 100%;
    display: inline-block;
}
.breakdown .txt-right{
    padding-right: 0px;
    width: auto;
    float: right;
}
.space-below{
    margin-bottom: 30px;
}
.txt-left{
    text-align: left;
    float: left;
}
.txt-centered{
    text-align: center;
}
.savings-row-1 .savings-row-left{
    padding-top: 20px;
    padding-bottom: 20px;
}
.results-2-col{
    width: 50%;
    float: left;
    padding-top: 30px;
    height: 612px;
}
.results-2-col .centered{
    height: 100px;
}
.text-holder{
    padding-top: 20px;
    padding-left: 30px;
}


/****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: 50px;
    color: #4E5052;

}
.sticky-footer-links span{
    border-right: 1px solid #4E5052;
    padding-right: 4px;
    padding-left: 5px;
    float: right;
    display: inline-block;
}
.sticky-footer-links span:first-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)
    }
    .med-two-col {
        width: 49%;
    }
    #asset1-v1, #asset1-v2 {
        margin-right: 2%;
    }


}

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

    }
    .results-holder.scrollable {
        width: 100%;
    }
    .spinner-table td.col-3{
        width: 140px;
    }

    .banner-text {
        font-weight: bold;
        font-size: 23px;
        margin-left: 25px;
        display: inline-block;
        width: Calc(100% - 127px);
    }
    .guide-text{
        width: 47%;
    }


}

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

@media only screen and (max-width: 910px){
    html{
    overflow: hidden;
    }
    body{
        height:100vh;
    }
    .title{
        width: 100%;
        font-size: 60px;
    }
    .horizontal{
        display: none!important;
    }
    .vertical{
        display: block;
    }
    .one-col-lg{
        width: Calc(100% - 20px);
    }

    #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;
    }
    .restart-arrow {
        border-style: solid;
        border-width: 27px 25px 27px 0;
        border-color: transparent #507C91 transparent;
        top: 92px;
        float: left;
        margin-right: -1px;
    }

    .sticky-footer-links {
        display: none;
    }
    .footer-icons{
        display: block;
    }
    .social-icons-holder-footer{
        background-color: #FFFFFF;
        position: absolute;
        bottom: 55px;
    }
    .one-col-md{
        width:Calc(100% - 100px);
        margin-left: 45px;
    }
    #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;
    }
    .bttn.restart-bttn {
        width: 166px;
    }
    .slick-page.results{
        padding-top: 2px;
    }
    #title_span2 {
        width: 249px;
        font-size: 50px;
    }
    .top-row-outer {
        padding-right: 20px;
    }
    #sign_in_popup{
        width: 95vw;
    }
    #form1048{
        max-height: 90vh;
    }
    .submit-bttn{
        margin-top: 20px;
    }
    .results-2-col{
        width: 100%;
    }
    .med-two-col {
        width: calc(100% - 20px);
        margin-bottom: 20px;
    }
    .med-two-col .content-holder{
        height: auto;
    }
    .icon-banner{
        width: 100%;
    }
    .results-main-text-holder {
        width: 68%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .guide-text {
        width: Calc(100% - 150px);
        margin-bottom: 40px;
    }
    .savings-row-1{
        background-position-x: calc(100% - 23px);
    }
    .results-2-col {
        width: 100%;
        float: left;
        padding-top: 30px;
        height: auto;
    }
    /** vert layout for results***/
    .top-block{
        position: relative;
        width: 100%;
        height: auto;
        display: table;
        padding: 20px;
    }
    .header-block{
        width: 100%;
        height: auto;
        display: table;
        background-color: #d5d7d7;
        padding-right: 20px;
        padding-left: 20px;
        padding-left: 20px;
        padding-top: 2vw;
        padding-bottom: 3vw;
        line-height: 30px;
    }
    .compare-block{
        background-color: #eaeaea;
        width: 100%;
        height: auto;
        display: table;
        padding: 20px;
        padding-top: 2vw;
        margin-top: -1px;
    }

    .vs{
        position: absolute;
        color: #ffffff;
        font-weight: bold;
        background-color: #8a8d90;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: 3.2vw;
        width: 6vw;
        height: 6vw;
        line-height: 6vw;
        text-align: center;

    }
    .txt-mobile-std{
        color: #8a8d90;
        font-size: 4vw;
        padding-top: 2vw;

    }
    .txt-mobile-larger{
        color: #8a8d90;
        font-size: 4.2vw;

    }
    .txt-mobile-std.txt-blue {
        padding-top: 0px;
        color: #00758f;
    }
    .bottom-10{
        margin-bottom: 10px;
    }
    .compare-title{
        border-bottom: 1px solid #8a8d90;
        width: 100%;
        padding-bottom: 2vw;
    }
    .compare{
        width: 100%;
        display: table;
        position: relative;
        padding-bottom: 5px;
    }
    .compare .pull-left{
        max-width: 30vw;
    }
    .compare .pull-right{
        max-width: 30vw;
    }
    .size-25{
        width: 25vw;
        height: 25vw;
    }

}



/*********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;
    }
    .phone-width-30{
        width:30vw;
    }

    select.turnintodropdown{
        width: 100%;
        font-size: 18px;
        height: 38px;
        background-size: 24px;
    }
    .one-col-lg {
        width: Calc(100% - 10px);
    }

    .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;
    }
    .guide-bttn-holder{
        position: relative;
        height: 35px;
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
    .guide-bttn{
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        position: absolute;
        left:50%;
        transform: translateX(-50%);
        margin-bottom: 0px;
        width: 193px;
        padding-left: 15px;
        padding-right: 15px;
    }

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

    .guide-bttn .bttn-arrow-right{
        width: 24px;
        height: 17px;

    }
    .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;
    }
    .savings-bttn{
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 460px;
        max-width: Calc(100vw - 40px);
    }
    .savings-bttn .bttn-arrow{
        width: 35px;
        height: 25px;
    }

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

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

    .slick-prev {
        float: left;
    }

    .sticky-footer {
        height: 33px;
    }
    .txt-right{
        width:30%
    }
    .txt-left{
        width: 70%;
    }
    .size-25 .txt-right{
        width: 100%;
    }
    .compare .txt-right{
        padding-right: 0px;
    }

    /**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;
    }
    .select-top-left.no-icon {
        padding-left: 20px;
    }
    .alert{
        margin-left: 20px;
    }
    .gate_txt_1 {
        font-size: 25px;
        width: 70%;
    }
    .gate_txt_2 {
        font-size: 5vw;
        padding-left: 20px;
    }
    .one-col-md {
        width: Calc(100% - 40px);
        margin-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: 5.5vw;
        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;
    }
    .results-main-text {
        font-size: 16px;
        margin-bottom: 20px;
    }

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

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

    #voverlay-container {
        width: 95vw;
    }
    .call-bttn {
        padding-top: 4px;
        padding-bottom: 2px;
    }

    .results-bttn-holder .call-icon {
        width: 38px;
        margin-left: 20px;
        background-repeat: no-repeat;
    }
    .results-bottom{
        padding-bottom: 120px;
    }
    .next-holder {
        width: 76px;
    }

    .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;
    }
    .results-circle-holder{
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .results-main-text-holder {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .phone-invis{
        display: none;
    }
    .phone-only{
        display: inherit;
    }

    .results-top{
        padding-top: 10px;

    }
    .banner-text{
        margin-left: 10px;
        width: Calc(65% - 20px);
        font-size: 5.2vw;
    }
    .content-holder {
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .guide-text{
        width: 100%;
        margin-left: 0px;
        font-size: 4.7vw;
        margin-bottom: 20px;
    }
    .savings-row{
        padding-left: 20px;
        padding-right: 20px;
    }
    .savings-row-1 {
        background-color: #ffffff;
        background-image: none;
    }
    .savings-row-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .savings-banner {
        font-size: 4vw;
    }
    #savings-six{
        text-align: center;
    }
    .savings-six-label{
        text-align: center;
        font-size: 6vw;
    }
    td .txt-20 {
        font-size: 4vw;
    }
    td .txt-43{
        font-size: 8vw;
    }
    .breakdown-holder {
        padding: 15px;
    }
    .breakdown{
        font-size: 3vw;
    }
    .savings-row-1 .savings-row-left {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .txt-right .phone-only{
        display: inherit;
        text-align: right;
        width: 30vw;

    }
    .med-two-col {
        width: calc(100% - 10px);
    }


}



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