/* Base Template */
body {font-family: "Nimbus Sans Reg"; font-size: 14px; color:#3b3b3b; line-height: 22px;}
h1 {font-family: "Nimbus Sans Black"; font-size: 26px; line-height: 30px;}
h2 {font-family: "NimbusSansNovusLight"; font-size: 26px; color:#3b3b3b;}
h3 {font-family: "NimbusSansNovusLight"; font-size: 22px;}
h4 {font-family: "Nimbus Sans Bold"; font-size: 18px; line-height: 20px;}
h3, h4 {color: #3b3b3b;}

.text-bold {
    font-family: "Nimbus Sans Bold";
    font-weight: normal;
}

.text-regular {
    font-family: "Nimbus Sans Reg";
}

.text-light {
    font-family: "NimbusSansNovusLight";
}

footer {margin-top: 50px;}
@media screen and (max-width: 1023px) {
    .container {padding-left: 0; padding-right: 0;}
}

/* Left Nav Styles */
a.list-group-item.as-table-cell.top-level.current { font-weight: normal !important; }

/* Overlay Styles */
.overlays {display:none;}
.nat-529-overlay .featherlight-content {width: 500px;}
.nat-529-overlay .overlay-content {padding: 30px;}
.nat-529-overlay .overlay-content .section {text-align: center;}
.nat-529-overlay .overlay-content .overlay-title {font-family: "Nimbus Sans Bold"; margin-top:0;}
.nat-529-overlay .overlay-content .overlay-buttons .btn-trp {width: 400px; margin-top: 15px;}
@media screen and (max-width: 767px) {
    .nat-529-overlay .featherlight-content {width: auto; max-width: 500px;}
    .nat-529-overlay .overlay-content .overlay-buttons .btn-trp {width: 90%; max-width: 400px;}
}
@media screen and (max-width: 450px) {
    .nat-529-overlay .overlay-content {padding: 15px;}
}
@media screen and (max-height: 350px) {
    .nat-529-overlay .overlay-content {padding: 15px;}
}

/* Iframe Template */
.iframe-template .custom-row-frame {padding-top: 0; margin-top: 16px; background-color: #fff;}
.iframe-template .intro-text {padding: 20px 20px 10px;}
.iframe-page-title h1, .iframe-page-title h2,
.iframe-page-title h3, .iframe-page-title h4 {margin-top: 0;}
.iframe-template .iframe-row {padding-top:0;}

/* Breadcrumb */
.breadcrumbs {margin-top: 5px; margin-bottom: 5px; line-height:20px;}
.breadcrumbs a {color:#767676;}
.breadcrumbs a:hover {color:#054c70;}
.breadcrumbs ul li:last-child {font-weight: normal; color: #054C70;}

/* Page Title area */
.nat-529-intro {height: 185px; padding-top: 30px;}
.trp-529.nat-529-intro {height: 160px;}
.nat-529-intro .page-title .img-responsive {padding-bottom:20px;}
.left-rail-template .nation-529-intro {height: 255px;}
.left-rail-template .nation-529-intro .page-title .img-responsive {max-height:255px;}
.nat-529-intro h1, .nation-529-intro h2, 
.nat-529-intro h3, .nation-529-intro h4 {text-transform: uppercase;}
.nat-529-intro .page-title a { text-decoration: none; }
@media screen and (max-width: 767px) {
    .backdrop-image {padding-top: 10px;}
    .nat-529-intro, .trp-529.nat-529-intro {height:100px; padding-top: 20px;}
    .nat-529-intro .page-title .img-responsive {width: 50%;}
}

/* Custom styling */
.trp-box-insights {padding:20px;}
.trp-paragraph h1, .trp-paragraph h2,
.trp-paragraph h3, .trp-paragraph h4 {margin-top: 0;}
.trp-paragraph ul {padding-left: 10px; padding-bottom: 0px;}
.trp-paragraph ul li {list-style: none; margin-bottom: 5px; line-height: 20px;}
.trp-paragraph ul li:before {
    content:'\25a0';
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -10px;
    top: -1px;
    color: #05C3DE;
    font-size: 8px;
}
.trp-paragraph ol {padding-left: 18px; padding-bottom: 0px;}
.trp-paragraph ol li { list-style-type: none; counter-increment: list; position: relative;}
.trp-paragraph ol li:after {
    content: counter(list) ".";
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: #05c3de;
}
.extra-disclaimer.footer-disclaimer > div {padding-bottom: 0;}

.tabview .tab-pane ul li, .tabview .panel-body ul li { padding-left: 3px; }
.tabview .tab-pane ul li:before, .tabview .panel-body ul li:before { left: -14px; font-size: 18px; }
@media screen and (max-width:768px) {
.tabview .tab-pane ul li:before, .tabview .panel-body ul li:before { left: -14px; font-size: 12px !important; }
}
/* Fix the Hamburger menu */
@media screen and (max-width:786px) {
    nav .navbar .menu-trigger {
        top: 20%;
        transform: none;
    }   
}

/* Custom styling for text-and-2-btns component in the top-parsys */
.top-parsys .text-with-2-btns {padding: 0 7px 15px; background-color: rgba(59,59,59,.8);}
.top-parsys .text-with-2-btns .btn {margin:15px 15px 0 0; width:auto;}
.top-parsys .text-with-2-btns .btn:last-child {margin-right:0;}
.top-parsys .text-with-2-btns .text {margin: 15px 0 0; color: #fff;}
@media screen and (max-width: 992px) {
    .top-parsys .text-with-2-btns .btn {width:100%;}
}

/* Custom styling for text-and-2-btns component in right rail */
.parsys-RR .text-with-2-btns { padding: 0 8px; }



/* Common Questions accordion styling */
.common-questions-ec {padding: 20px; background-color: #fff;}
.ec-item .ec-accordion.custom-common-questions {background-color: #fff;}
.common-questions-container > .ec-item > .ec-text-content {padding: 0 0 0 40px; }
:not(.common-questions-container) > .ec-item .ec-question,
.ec-item.collapsed .ec-text-content {background-color: #f0f0f0;}
:not(.common-questions-container) > .ec-item:not(.collapsed) {border-bottom: none;}

/* National 529 Navigation */
.college-nav .navbar {padding:0 0 24px;}
.college-nav .navbar-static-top {z-index:2;}
.view-container {padding: 0px; width:100%;}

.viewlinks > .nat-529-nav {margin-top: 10px; padding-left: 5px; padding-right: 5px; width: 25%;}
.viewlinks > .nat-529-nav:nth-child(4n+1) {padding-left: 0px;}
.viewlinks > .nat-529-nav:nth-child(4n) {padding-right: 0px;}

.view-box {background-color: rgba(5,195,222,.8); height:100px; width: 100%;}
.view-box .nav-anchor {
    text-decoration:none;
    font-family: "Nimbus Sans Reg";
    font-size: 22px;
    color:#fff;
    line-height:26px;
    height: 100%;
    padding: 0;
}
.nat-529-nav .view-box .nav-anchor:hover,
.nat-529-nav .view-box .nav-anchor:focus,
.nat-529-nav .view-box .nav-anchor.current,
.nat-529-nav .view-box.open .nav-anchor {color: #fff; background-color: #05C3DE;}

.view-container a:hover {text-decoration:none;}
.viewlinks ul a .nav-label {display:block; margin:0px; padding:11px 15px 15px;}
.view-icon {position: absolute; right: 15px; bottom: 10px;}
.view-box .phone-arrow {display:none;}
.view-box .sub-menu {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    border: none;
    background-color: rgba(118,118,118,.8);
}
.view-box .nat-529-sub {background: rgba(118, 118, 118, .8); list-style: none; border-top: 1px solid #fff;}
.view-box .nat-529-sub-link {
    height: 44px;
    font-size: 14px;
    font-family: "Nimbus Sans Reg";
    color: #fff;
    width: 100%;
    padding: 0 15px !important;
    line-height: 14px !important;
    white-space: normal;
}
.nat-529-nav .view-box .nat-529-sub-link:hover,
.nat-529-nav .view-box .nat-529-sub-link:focus { color: #05c3de; background-color: transparent;}
.nat-529-nav .view-box .nat-529-sub-link.current { color: #fff; background-color: #05c3de;}

.nat-529-sub-link.as-table-cell {display: table;}

@media screen and (max-width: 1023px) {
    .view-container .viewlinks {padding-left: 8px; padding-right: 8px;}
}
@media screen and (max-width: 991px) {
    .view-container .viewlinks {margin: 0; padding: 0 16px;}
    .view-container .viewlinks.collapse {display:block;}
    .viewlinks > .nat-529-nav {width: 100%; padding-left:0; padding-right:0; margin: 0;}
    .view-box {height:auto;border:1px solid #fff; border-bottom:none;}
    .nat-529-nav:last-child .view-box {border-bottom: 1px solid #fff;}
    .viewlinks ul a .nav-label {padding:10px 0 10px 15px; float:left; width:85%;}
    .view-box .sub-menu.dropdown-menu {position:static; float:left;}
    .view-box .nav-anchor {float:left; width:100%; font-size: 18px;}

    .nat-529-nav .view-box .nav-anchor:hover,
    .nat-529-nav .view-box .nav-anchor:focus,
    .nat-529-nav .view-box.open .phone-arrow {color: #fff; background-color: transparent;}
    .nat-529-nav .view-box.open .nav-anchor {color: #fff; background-color: transparent; width:85%;}

    .nat-529-nav .view-box.open .nav-anchor .nav-label {width:100%;}

    .view-icon,
    .view-box .phone-arrow {position:static; float:right; color:#fff; padding:12px 15px 11px 0; line-height:20px;}
    .view-box.open .phone-arrow {display:inline;}
    .view-box.open .view-icon {display:none;}
    .view-box .nat-529-sub {background: #767676;}
}
.floating-footer {
    background-color: #4f4f4f;
    border-bottom: 3px solid #b1b1b1;
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.45);
    color: white;
    display: none;
    left: 0;
    margin-bottom: 0;
    padding: 0;
    position: fixed;
    right: 0;
    transition: all 0.5s ease 0s;
    z-index: 2;
}
.floating-footer .btn:hover { color: #ffffff; }

.floating-footer a { font-weight: normal; }
.floating-footer a[href^="tel:"], 
.floating-footer a[href^="tel:"]:hover, 
.floating-footer a[href^="tel:"]:focus {color: #fff;}

.js-float-nat-529 { padding:12px 0; line-height: 1.1}
.js-float-nat-529 > .row { height: 36px; }
.js-float-nat-529 p { margin: 0 }
.js-float-login { width: 100%; }
.js-float-login a {
    color: #ffffff;
    font-family: "Nimbus Sans Bold";
    text-decoration: none;
}
.js-float-login span a:hover { color: #05c3de; }
.js-float-body { text-align: right; }

.floating-footer-slide-down,
.floating-footer-slide-up {
	display: block;
	height: 69px;
	overflow: hidden;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}
.floating-footer-slide-down { height: 0; }

.lock-to-static-footer { position: inherit; }

/* Desktop-only Styling */
@media screen and (min-width: 992px) {
	.js-float-login {margin-left: -65px;}
}


.floating-footer a.btn-trp-beacon-blue {
    color:#ffffff;
    background-color: #007DB3;
    border: 2px solid #007DB3;
    border-radius: 4px;
    font-weight:700;
    padding: 7px 15px;
}

.floating-footer a.btn-trp-beacon-blue:hover {
    background-color:#006E9E;
    border: 2px solid #006E9E;
    text-decoration: underline !important;
 }

 .floating-footer a.btn-trp-beacon-blue:active {
    color:#ffffff;
    background-color: #00608A;
    border: 2px solid #00608A;
    border-radius: 4px;
    box-shadow: none;
}

.floating-footer a.btn-trp-beacon-blue:focus {
  box-shadow: 0 0 0 2px #265DC5;
  background-color:#006E9E;
  outline: 1px solid #fff;
  outline-offset: 2px;
  border:2px solid #1E2D39;
  text-decoration: underline !important;
}
/* Dropdown Style */
.enrollment-wrapper {padding: 0 20px;}
.enrollment-wrapper #ageDropDown .dropdown-row {height: 24px;}
.enrollment-wrapper #ageDropDown .dropdown-label {float: left; margin-right: 5px;}
#ageDropDown {font-weight: bold;}
#ageDropDown #childAge {float: left; font-weight: normal;}


/* Slider Style */
#ageSlider {padding:0 0 5px;}
#ageSlider .slider-labels {height: 32px; margin: 0 -4.5%;}
#ageSlider .mobile-label {display: none;}
.slider-labels .year {
	float: left;
	width: 12.48%;
	text-align: center;
	margin-top: 16px;
	line-height: 16px;
	position: relative;
}
.slider-labels .year:last-child {margin-top: -17px; margin-left:-7px;}
.slider-labels .year.active {font-weight: bold;}
.slider-labels .portfolio-pointer {
	display: none;
    position: absolute;
    border-width: 10px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #054c70 transparent;
    left: 50%;
    bottom: -335px;
    margin-left: -10px;
}
.slider-labels .year.active .portfolio-pointer {display: block;}
#ageSlider .slider-wrapper {padding: 5px 15px 0px;}
#ageSlider #mainSlider {box-shadow: 0 0 15px #888888;}
#ageSlider .ui-corner-all {border-radius: .6em; outline: none;}
#ageSlider .ui-state-active:active {
	border: 1px solid #aaaaaa;
    background: #ffffff url(national-529/css/jquery-ui/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
#ageSlider .ui-state-focus:focus:not(:active) {box-shadow: 0 0 5px #1486ea;}

/* Chart Style */
.enrollment-wrapper .chart-container {padding: 0;}
.enrollment-wrapper #enrollmentChart {height: 300px;}
#enrollmentChart .graph-legend {width: 180px;}


/* Chart Title Style */
.enrollment-wrapper .chart-title {
    font-size: 36px; 
    color: #054c70; 
    font-weight: bold; 
    line-height: 36px; 
    padding: 10px 10px 10px 10px;
}


/* Chart Key Style */
#chartKey #stocksKey, 
#chartKey #bondsKey, 
#chartKey #mmKey {height: 24px; }

#chartKey #stocksKey .percentage, 
#chartKey #bondsKey .percentage,
#chartKey #mmKey .percentage {float:left; width: 50px; text-align: right; margin-right: 7px;}

#chartKey #stocksKey .key-label, 
#chartKey #bondsKey .key-label,
#chartKey #mmKey .key-label {float:left; margin-left: 20px;}

#chartKey .key-label span {
    position: absolute;
    margin: 5px 0 0 -20px;
    border-width: 7px;
    border-style: solid;
}
#chartKey #stocksKey span {border-color: #054c70;}
#chartKey #bondsKey span {border-color: #7697b6;}
#chartKey #mmKey span {border-color: #7c7c7c;}


/* Button Style */
.enrollment-wrapper .price-performance {height: 50px; padding: 0 5px;}
.enrollment-wrapper .price-performance .button-container {float:right;}
.enrollment-wrapper .price-performance .btn {margin: 10px 0 0 20px;}


/* Portfolio Details */
#portfolio-details .portfolio {display:none; padding: 13px 5px 0;}
#portfolio-details .portfolio.active {display:block;}
.enrollment-based-portfolio {border: 1px solid #054c70; padding:10px;}
.enrollment-based-portfolio tr:nth-child(2n+1) {background-color: #ebebeb;}
.enrollment-based-portfolio td {padding:5px 10px;}

/* Phone-only styles */
@media screen and (max-width: 767px) {
    .enrollment-wrapper {padding: 0;}
    
    #ageSlider .slider-wrapper {padding: 5px 12px 0px;}
    #ageSlider .slider-labels {height: 0; padding: 0 7px;}
    .slider-labels .year {margin-top: 1px;}
    .slider-labels .portfolio-pointer {
        bottom: -258px;
        border-left-width: 6px;
        border-right-width: 6px;
        margin-left: -6px;
    }
    
    #chartKey #stocksKey .percentage, 
    #chartKey #bondsKey .percentage,
    #chartKey #mmKey .percentage {width: 40px;}
    
    .enrollment-wrapper .price-performance .btn {margin-left: 10px;}
	
    .enrollment-wrapper #enrollmentChart {height: 200px;}
}
.static-portfolio-promo {background-color: #fff;}
.static-portfolio-promo .portfolio-color-codes {height:30px; padding-left: 20px;}
.portfolio-color-codes .stocks,
.portfolio-color-codes .bonds,
.portfolio-color-codes .money-market {float: left; margin: 0 50px 0 20px;}
.portfolio-color-codes span {
    position: absolute;
    margin: 5px 0 0 -20px;
    border-width: 7px;
    border-style: solid;
    border-color: #054c70;
}
.portfolio-color-codes .bonds span {border-color: #7697b6;}
.portfolio-color-codes .money-market span {border-color: #7c7c7c;}
.static-portfolio-promo .nav-tabs {border: none; padding:0 20px !important;}
.static-portfolio-promo li.tab-label {height: 145px; border: none;}
.static-portfolio-promo > .nav-tabs > .tab-label:before {content: '' !important;}
.static-portfolio-promo .nav-tabs > li > a {background: #fff; border: none !important; padding: 0;}
.static-portfolio-promo .pie-graph {width:80%; margin-bottom:3px;}
.static-portfolio-promo .tab-pane {padding:20px 20px 0;}
.static-portfolio-promo .tab-label.active .sub-arrow {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #054c70 transparent;
}
.static-portfolio {border: 1px solid #054c70; padding:10px;}
.static-portfolio tr:nth-child(2n+1) {background-color: #ebebeb;}
.static-portfolio td {padding:5px 10px;}
.static-portfolio-promo .price-and-performance {height: 60px;}
.static-portfolio-promo .price-and-performance .button-container {float:right; margin-top:20px;}
.static-portfolio-promo .price-and-performance .btn {margin-right:20px;}

.tabview .trp-disclaimer {padding:20px 20px 0; font-size:12px; line-height:14px;}

.tabview .static-portfolio-promo {margin-bottom:0;}

@media screen and (min-width: 768px) {
    .static-portfolio-promo .nav-tabs .label-holder .as-table-valign {display:block;}
}

@media screen and (max-width: 767px) {
    .static-portfolio-promo .panel-group .panel-heading {padding: 10px 0 10px 10px;}
    .static-portfolio-promo .tabTitle {margin: 0; padding: 0 0 10px;}
    .static-portfolio-promo .portfolio-color-codes {height:auto; padding: 0 0 10px;}
    .portfolio-color-codes .stocks,
    .portfolio-color-codes .bonds,
    .portfolio-color-codes .money-market {float:none; margin-right:0;}
    .static-portfolio-promo .panel-title .icon-sm {margin-top: 15px;}
    .static-portfolio-promo .pie-graph {width:50px; margin-bottom:0;}
    .static-portfolio-promo .panel-title p:last-child {float:none; padding-left: 5px;}
}
.genius-quiz-container {
	font-family: 'NimbusSansNovusLight';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 33px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .slide .container {
        max-width: 740px;
    }
}
@media all and (min-width: 923px) {
    .genius-quiz-container .slide .container {
        max-width: 923px;
    }
}
.genius-quiz-container .header {
    background-color: #05C3DE;
    padding: 61px 10px;
    text-align: center;
}
.genius-quiz-container .header img {
    max-width: 100%;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .header .map {
        float: left;
        width: 55%;
    }
}
.genius-quiz-container .header .map img {
    max-width: 600px;
    padding: 0px 10px;
    width: 100%;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .header .title-text {
        width: 45%;
        float: left;
    }
}
.genius-quiz-container .header .tlogo {
    margin-top: 40px;
    width: 100%;
    max-width: 234px;
}
.genius-quiz-container .header h1 {
    font-family: "Nimbus Sans Bold";
    font-size: 32px;
    padding: 0px 15px;
    color: #FFF;
    text-align: center;
    letter-spacing: 0.025em;
    line-height: 0.9;
    margin-bottom: 20px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .header h1 {
        margin-top: 80px;
        line-height: 1.1;
        margin-bottom: 10px;
    }
}
@media all and (min-width: 992px) {
    .genius-quiz-container .header h1 {
        padding: 0px 67px;
    }
}
.genius-quiz-container .question .slide-title {
    background-color: #D8D8D8;
    font-size: 28px;
    padding: 10px 35px;
    text-align: center;
    line-height: 38px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .slide-title {
        text-align: initial;
    }
}
.genius-quiz-container .question .slide-content {
    padding: 20px;
    background-color: #EBEBEB;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .slide-content {
        padding-top: 0px;
        padding-bottom: 30px;
    }
}
.genius-quiz-container .question .question-title {
    line-height: 38px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .question-title {
        float: left;
        margin-right: 30px;
    }
}
.genius-quiz-container .question .question-number {
    margin-top: 0.25em;
    font-family: "Nimbus Sans Bold";
    letter-spacing: .02em;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .question-number {
        float: right;
        margin-top: 0;
    }
}
.genius-quiz-container .question .container img {
    width: 25%;
    float: left;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .container img {
        margin-top: 87px;
        width: 24%;
        padding-left: 4%;
    }
}
.genius-quiz-container .question .container .question-content {
    float: left;
    width: 70%;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .container .question-content {
        margin-top: 81px;
        margin-left: 5%;
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0.01em;
    }
}
.genius-quiz-container .question .container .question-text {
    margin-left: 25px;
    font-size: 20px;
    margin-bottom: 25px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question .container .question-text {
        font-size: 30px;
        margin-left: 0px;
        margin-bottom: 0;
    }
}
.genius-quiz-container .question-buttons {
    margin-top: 140px;
    text-align: center;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .question-buttons {
        margin-top: 276px;
    }
}
@media all and (min-width: 992px) {
    .genius-quiz-container .question-buttons {
        margin-left: 177px;
    }
}
.genius-quiz-container .question-buttons .fact-btn {
    background-color: #054c70;
}
.genius-quiz-container .question-buttons .fiction-btn {
    margin-left: 12px;
}
.genius-quiz-container .btn {
    color: #FFF;
    background-color: #3B3B3B;
    border: none;
    padding: 11px 10px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0em;
    font-family: 'NimbusSansNovusLight';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0em;
    display: inline-block;
    border-radius: 0;
    max-width: 135px;
    width: 100%;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .btn {
        margin-top: 14px;
        max-width: 223px;
    }
}
@media all and (min-width: 992px) {
    .genius-quiz-container .btn {
        max-width: 259px;
    }
}
.genius-quiz-container .btn:hover {
    background-color: #555;
    color: #fff;
}
.genius-quiz-container .answer .slide-title {
    background-color: #D8D8D8;
    font-size: 28px;
    padding: 10px 35px;
    text-align: center;
    line-height: 38px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .slide-title {
        text-align: initial;
    }
}
.genius-quiz-container .answer .slide-content {
    padding: 25px;
    background-color: #EBEBEB;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .slide-content {
        padding: 20px;
        padding-top: 0px;
        padding-bottom: 41px;
        position: relative;
    }
    .genius-quiz-container .answer .slide-content .score-img {
        width: 24%;
        padding-left: 0;
        margin-top: 46px;
    }
}
.genius-quiz-container .answer .answer-slide-title {
    line-height: 38px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-slide-title {
        float: left;
        margin-right: 30px;
    }
}
.genius-quiz-container .answer .answer-title {
    text-transform: uppercase;
}
@media all and (min-width: 475px) {
	.genius-quiz-container .answer .answer-title {
	    width: 100%;
	}
}
.genius-quiz-container .answer .answer-title,
.genius-quiz-container .answer .score,
.genius-quiz-container .answer .score-share {	
    font-family: "Nimbus Sans Bold";
    letter-spacing: 0.03em;
    font-size: 30px;
    margin-left: 94px;
    min-height: 72px;
    line-height: 1.2;
}
@media all and (min-width: 475px) {
    .genius-quiz-container .answer .answer-title,
    .genius-quiz-container .answer .score,
    .genius-quiz-container .score-share {
        min-height: initial;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-title,
    .genius-quiz-container .answer .score,
    .genius-quiz-container .score-share  {
        float: left;
        margin-left: 0;
    }
}
.genius-quiz-container .answer .answer-title .social-icon, 
.genius-quiz-container .answer .score .social-icon, 
.genius-quiz-container .answer .score-share .social-icon {
    width: 12% !important;
    position: relative;
    margin: 10px 10px 0px 10px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-title .social-icon, 
    .genius-quiz-container .answer .score .social-icon, 
    .genius-quiz-container .answer .score-share .social-icon  {
        width: 25% !important;
        margin-top: 0;
        margin-left: 14px;
        margin-right: 0;
    }
}
@media all and (min-width: 992px) {
    .genius-quiz-container .answer .answer-title .social-icon {
        margin-left: 10px;
    }
}
.genius-quiz-container .answer .small-answer {
    display: inline;
    font-size: 28px;
    font-weight: normal;
    font-family: "Nimbus Sans Reg";
    color: #3b3b3b;
    letter-spacing: 0;
}
.genius-quiz-container .answer .answer-number {
    margin-top: 0.25em;
    font-family: "Nimbus Sans Bold";
    letter-spacing: .02em;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-number {
        float: right;
        margin-top: 0;
        line-height: 38px;
        page-break-inside: avoid;
        white-space: nowrap !important;
    }
}
.genius-quiz-container .answer .container img {
    width: 18%;
    position: absolute;
    max-width: 72px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .container img {
        margin-top: 87px;
        width: 24%;
        padding-left: 4%;
        position: relative;
        float: left;
        max-width: 500px;
    }
}
.genius-quiz-container .answer .next-btn {
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.04em;
    color: #39708b;
    float: right;
    text-decoration: none;
    max-width: 197px;
    margin-right: 40px;
}
.genius-quiz-container .answer .next-btn .next-icon {
    max-width: 32px;
    padding: 0;
    float: right;
    margin-top: 0;
    margin-right: 22px;
    margin-left: 10px;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .next-btn {
        margin-right: 0;
        position: absolute;
        right: 17px;
        bottom: 37px;
        max-width: 240px;
    }
}
.genius-quiz-container .answer .answer-content {
    float: left;
    width: 100%;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-content {
        margin-bottom: 37px;
    }
}
.genius-quiz-container .answer .answer-content .right {
    color: #054C70;
}
.genius-quiz-container .answer .answer-content .score {
    text-transform: initial;
}
.genius-quiz-container .answer .answer-content .score-share {
    text-transform: initial;
    margin-left: 0;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-content .score-share {
        display: flex;
    }
}
.genius-quiz-container .answer .answer-content .score-share .icon-set {
    width: 100%;
    display: inline-block;
    text-align: center;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-content .score-share .icon-set {
        width: 55% !important;
    }
}
@media all and (min-width: 992px) {
    .genius-quiz-container .answer .answer-content .score-share .icon-set {
        width: 40% !important;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-content {
        margin-left: 5%;
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0.01em;
        margin-top: 27px;
        width: 70%;
    }
    .genius-quiz-container .answer .answer-content .small-text {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.04em;
    }
}
.genius-quiz-container .answer .answer-content .answer-text {
    font-size: 20px;
    line-height: 27px;
    max-width: 554px;
}
.genius-quiz-container .answer .answer-content .answer-text p {
    margin-top: 20px;
}
@media all and (min-width: 475px) {
    .genius-quiz-container .answer .answer-content .answer-text {
        margin-top: 44px;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-content .answer-text {
        margin-top: 55px;
    }
}
.genius-quiz-container .answer .answer-content .share-text {
    text-align: center;
    line-height: 1.2;
}
@media all and (min-width: 740px) {
    .genius-quiz-container .answer .answer-content .share-text {
        text-align: inherit;
        position: relative;
        margin-top: 0;
        font-size: 30px;
    }
}
.genius-quiz-container .answer .answer-content .middle-score-text {
    margin-bottom: 1em;
    line-height: 1.2;
}

@media all and (max-width: 767px) {
    .genius-quiz-container .answer .answer-content .middle-score-text {
        margin-top: 1em;
        margin-left: 0px;
        text-align: center;
    }
}

@media all and (min-width: 992px) {
    .genius-quiz-container .answer .answer-content .middle-score-text {
        margin-top: 10px;
        margin-bottom: 57px;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-10 .answer-content {
        margin-left: 4%;
    }
}
@media all and (min-width: 992px) {
    .genius-quiz-container #correct-10 .middle-score-text {
        margin-bottom: 97px;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-10 .score-img {
        margin-right: 1%;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-7 .answer-content {
        margin-left: 6%;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-7 .score-img {
        width: 19% !important;
        margin-left: 4%;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-4 .answer-content {
        margin-left: 3%;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-4 .score-img {
        width: 20% !important;
        margin-left: 3%;
        margin-right: 3%;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-0 .answer-content {
        margin-left: 0;
    }
    #correct-0 .answer-content .answer-text {
        margin-bottom: 14px;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container #correct-0 .score-img {
        width: 27% !important;
        margin-top: 94px;
        margin-right: 2%;
    }
}
@media all and (min-width: 740px) {
    .genius-quiz-container .slide-content {
        min-height: 380px;
    }
}
.genius-quiz-container #slide-q4 .question-text {
    max-width: 458px;
}
.genius-quiz-container #slide-q5 .question-text {
    max-width: 550px;
}
.genius-quiz-container #slide-q6 .question-text {
    max-width: 550px;
}
.genius-quiz-container #slide-q8 .question-text {
    max-width: 550px;
}
.genius-quiz-container #slide-q10 .question-text {
    max-width: 550px;
}
.genius-quiz-container .share-facebook,
.genius-quiz-container .share-twitter,
.genius-quiz-container .share-pinterest {
    cursor: pointer;
}
.genius-quiz-container .answer-text p:last-child {
    margin-bottom: 0;
}
.genius-quiz-container .share-text {
    float: left;
}