@charset "UTF-8";
a:active, a:hover { outline: 0 }
h1 { margin: .67em 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
hr { height: 0; box-sizing: content-box }
mark { color: #000; background: #ff0 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre-wrap }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
button, figure, input, select, textarea { margin: 0 }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; appearance: button }
button[disabled], html input[disabled] { cursor: default }
input[type=checkbox], input[type=radio] { padding: 0; box-sizing: border-box }
input[type=search] { box-sizing: content-box; -webkit-appearance: textfield; appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none;
appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
fieldset select{height:42px;}


textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
@media print {
* { color: #000!important; text-shadow: none!important; background: 0 0!important; box-shadow: none!important }
a, a:visited { text-decoration: underline }
a[href]:after { content: " (" attr(href) ")" }
abbr[title]:after { content: " (" attr(title) ")" }
.ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after { content: "" }
blockquote, pre { border: 1px solid #999; page-break-inside: avoid }
thead { display: table-header-group }
img, tr { page-break-inside: avoid }
img { max-width: 100%!important }
@page {
margin:2cm .5cm
}
h2, h3, p { orphans: 3; widows: 3 }
h2, h3 { page-break-after: avoid }
.navbar { display: none }
.table td, .table th { background-color: #fff!important }
.btn>.caret, .dropup>.btn>.caret { border-top-color: #000!important }
.label { border: 1px solid #000 }
.table { border-collapse: collapse!important }
.table-bordered td, .table-bordered th { border: 1px solid #ddd!important }
}
*, :after, :before { box-sizing: border-box }
html { font-size: 62.5%; -webkit-tap-highlight-color: transparent }

table.table-bordered.desktop_tbl_8_8 tbody td:nth-child(5), table.table-bordered.desktop_tbl_8_8 tbody td:nth-child(6), table.table-bordered.desktop_tbl_8_8 tbody td:nth-child(7) , #mobile_template_div_8_8 ul#printableArea .col-2:nth-child(5), #mobile_template_div_8_8 ul#printableArea .col-2:nth-child(6), #mobile_template_div_8_8 ul#printableArea .col-2:nth-child(7) {
    background: #f7f7f7;
}
table.table-bordered.desktop_tbl_8_8 tbody td:nth-child(2), table.table-bordered.desktop_tbl_8_8 tbody td:nth-child(3), table.table-bordered.desktop_tbl_8_8 tbody td:nth-child(4), #mobile_template_div_8_8 ul#printableArea .col-2:nth-child(2) , #mobile_template_div_8_8 ul#printableArea .col-2:nth-child(3) , #mobile_template_div_8_8 ul#printableArea .col-2:nth-child(4) {
    background: #9bc5d46b;
}

.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1 }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1; color: #999 }
h1, h2, h3 { margin-top: 20px }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px }
h4, h5, h6 { margin-top: 10px }
.h1, h1 { font-size: 42px }
.h2, h2 { font-size: 30px }
.h3, h3 { font-size: 24px }
.h4, h4 { font-size: 18px }
.h5, h5 { font-size: 14px }
.h6, h6 { font-size: 9pt }
.h1 small, h1 small { font-size: 24px }
.h2 small, h2 small { font-size: 18px }
.h3 small, .h4 small, h3 small, h4 small { font-size: 14px }
ol, ul { margin-top: 0; margin-bottom: 10px }
ol ul, ul ul { margin-bottom: 0 }
.list-unstyled { padding-left: 0; list-style: none }
dl { margin-bottom: 20px }
dd, dt { line-height: 1.428571429 }
dt { font-weight: 700 }
dd { margin-left: 0 }
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee }
blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25 }
blockquote p:last-child { margin-bottom: 0 }
blockquote:after, blockquote:before, q:after, q:before { content: "" }
address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428571429 }
code, pre { font-family: Monaco, Menlo, Consolas, Courier New, monospace }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px }
pre.prettyprint { margin-bottom: 20px }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0 }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.container:after, .container:before { display: table; content: " " }
.container:after { clear: both }
.row { margin-right: -15px; margin-left: -15px; }
.row:after, .row:before { display: table; content: " " }
.row:after { clear: both }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left }
.col-xs-1 { width: 8.333333333333332% }
.col-xs-2 { width: 16.666666666666664% }
.col-xs-3 { width: 25% }
.col-xs-4 { width: 33.33333333333333% }
.col-xs-5 { width: 41.66666666666667% }
.col-xs-6 { width: 50% }
.col-xs-7 { width: 58.333333333333336% }
.col-xs-8 { width: 66.66666666666666% }
.col-xs-9 { width: 75% }
.col-xs-10 { width: 83.33333333333334% }
.col-xs-11 { width: 91.66666666666666% }
.col-xs-12 { width: 100% }
@media (min-width:768px) {
.container { max-width: 750px }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left }
.col-sm-1 { width: 8.333333333333332% }
.col-sm-2 { width: 16.666666666666664% }
.col-sm-3 { width: 25% }
.col-sm-4 { width: 33.33333333333333% }
.col-sm-5 { width: 41.66666666666667% }
.col-sm-6 { width: 50% }
.col-sm-7 { width: 58.333333333333336% }
.col-sm-8 { width: 66.66666666666666% }
.col-sm-9 { width: 75% }
.col-sm-10 { width: 83.33333333333334% }
.col-sm-11 { width: 91.66666666666666% }
.col-sm-12 { width: 100% }
.col-sm-push-1 { left: 8.333333333333332% }
.col-sm-push-2 { left: 16.666666666666664% }
.col-sm-push-3 { left: 25% }
.col-sm-push-4 { left: 33.33333333333333% }
.col-sm-push-5 { left: 41.66666666666667% }
.col-sm-push-6 { left: 50% }
.col-sm-push-7 { left: 58.333333333333336% }
.col-sm-push-8 { left: 66.66666666666666% }
.col-sm-push-9 { left: 75% }
.col-sm-push-10 { left: 83.33333333333334% }
.col-sm-push-11 { left: 91.66666666666666% }
.col-sm-pull-1 { right: 8.333333333333332% }
.col-sm-pull-2 { right: 16.666666666666664% }
.col-sm-pull-3 { right: 25% }
.col-sm-pull-4 { right: 33.33333333333333% }
.col-sm-pull-5 { right: 41.66666666666667% }
.col-sm-pull-6 { right: 50% }
.col-sm-pull-7 { right: 58.333333333333336% }
.col-sm-pull-8 { right: 66.66666666666666% }
.col-sm-pull-9 { right: 75% }
.col-sm-pull-10 { right: 83.33333333333334% }
.col-sm-pull-11 { right: 91.66666666666666% }
.col-sm-offset-1 { margin-left: 8.333333333333332% }
.col-sm-offset-2 { margin-left: 16.666666666666664% }
.col-sm-offset-3 { margin-left: 25% }
.col-sm-offset-4 { margin-left: 33.33333333333333% }
.col-sm-offset-5 { margin-left: 41.66666666666667% }
.col-sm-offset-6 { margin-left: 50% }
.col-sm-offset-7 { margin-left: 58.333333333333336% }
.col-sm-offset-8 { margin-left: 66.66666666666666% }
.col-sm-offset-9 { margin-left: 75% }
.col-sm-offset-10 { margin-left: 83.33333333333334% }
.col-sm-offset-11 { margin-left: 91.66666666666666% }
}
@media (min-width:992px) {
.container { max-width: 970px }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left }
.col-md-1 { width: 8.333333333333332% }
.col-md-2 { width: 16.666666666666664% }
.col-md-3 { width: 25% }
.col-md-4 { width: 33.33333333333333% }
.col-md-5 { width: 41.66666666666667% }
.col-md-6 { width: 50% }
.col-md-7 { width: 58.333333333333336% }
.col-md-8 { width: 66.66666666666666% }
.col-md-9 { width: 75% }
.col-md-10 { width: 83.33333333333334% }
.col-md-11 { width: 91.66666666666666% }
.col-md-12 { width: 100% }
.col-md-push-0 { left: auto }
.col-md-push-1 { left: 8.333333333333332% }
.col-md-push-2 { left: 16.666666666666664% }
.col-md-push-3 { left: 25% }
.col-md-push-4 { left: 33.33333333333333% }
.col-md-push-5 { left: 41.66666666666667% }
.col-md-push-6 { left: 50% }
.col-md-push-7 { left: 58.333333333333336% }
.col-md-push-8 { left: 66.66666666666666% }
.col-md-push-9 { left: 75% }
.col-md-push-10 { left: 83.33333333333334% }
.col-md-push-11 { left: 91.66666666666666% }
.col-md-pull-0 { right: auto }
.col-md-pull-1 { right: 8.333333333333332% }
.col-md-pull-2 { right: 16.666666666666664% }
.col-md-pull-3 { right: 25% }
.col-md-pull-4 { right: 33.33333333333333% }
.col-md-pull-5 { right: 41.66666666666667% }
.col-md-pull-6 { right: 50% }
.col-md-pull-7 { right: 58.333333333333336% }
.col-md-pull-8 { right: 66.66666666666666% }
.col-md-pull-9 { right: 75% }
.col-md-pull-10 { right: 83.33333333333334% }
.col-md-pull-11 { right: 91.66666666666666% }
.col-md-offset-0 { margin-left: 0 }
.col-md-offset-1 { margin-left: 8.333333333333332% }
.col-md-offset-2 { margin-left: 16.666666666666664% }
.col-md-offset-3 { margin-left: 25% }
.col-md-offset-4 { margin-left: 33.33333333333333% }
.col-md-offset-5 { margin-left: 41.66666666666667% }
.col-md-offset-6 { margin-left: 50% }
.col-md-offset-7 { margin-left: 58.333333333333336% }
.col-md-offset-8 { margin-left: 66.66666666666666% }
.col-md-offset-9 { margin-left: 75% }
.col-md-offset-10 { margin-left: 83.33333333333334% }
.col-md-offset-11 { margin-left: 91.66666666666666% }
}
@media (min-width:1200px) {
.container { max-width: 1170px }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left }
.col-lg-1 { width: 8.333333333333332% }
.col-lg-2 { width: 16.666666666666664% }
.col-lg-3 { width: 25% }
.col-lg-4 { width: 33.33333333333333% }
.col-lg-5 { width: 41.66666666666667% }
.col-lg-6 { width: 50% }
.col-lg-7 { width: 58.333333333333336% }
.col-lg-8 { width: 66.66666666666666% }
.col-lg-9 { width: 75% }
.col-lg-10 { width: 83.33333333333334% }
.col-lg-11 { width: 91.66666666666666% }
.col-lg-12 { width: 100% }
.col-lg-push-0 { left: auto }
.col-lg-push-1 { left: 8.333333333333332% }
.col-lg-push-2 { left: 16.666666666666664% }
.col-lg-push-3 { left: 25% }
.col-lg-push-4 { left: 33.33333333333333% }
.col-lg-push-5 { left: 41.66666666666667% }
.col-lg-push-6 { left: 50% }
.col-lg-push-7 { left: 58.333333333333336% }
.col-lg-push-8 { left: 66.66666666666666% }
.col-lg-push-9 { left: 75% }
.col-lg-push-10 { left: 83.33333333333334% }
.col-lg-push-11 { left: 91.66666666666666% }
.col-lg-pull-0 { right: auto }
.col-lg-pull-1 { right: 8.333333333333332% }
.col-lg-pull-2 { right: 16.666666666666664% }
.col-lg-pull-3 { right: 25% }
.col-lg-pull-4 { right: 33.33333333333333% }
.col-lg-pull-5 { right: 41.66666666666667% }
.col-lg-pull-6 { right: 50% }
.col-lg-pull-7 { right: 58.333333333333336% }
.col-lg-pull-8 { right: 66.66666666666666% }
.col-lg-pull-9 { right: 75% }
.col-lg-pull-10 { right: 83.33333333333334% }
.col-lg-pull-11 { right: 91.66666666666666% }
.col-lg-offset-0 { margin-left: 0 }
.col-lg-offset-1 { margin-left: 8.333333333333332% }
.col-lg-offset-2 { margin-left: 16.666666666666664% }
.col-lg-offset-3 { margin-left: 25% }
.col-lg-offset-4 { margin-left: 33.33333333333333% }
.col-lg-offset-5 { margin-left: 41.66666666666667% }
.col-lg-offset-6 { margin-left: 50% }
.col-lg-offset-7 { margin-left: 58.333333333333336% }
.col-lg-offset-8 { margin-left: 66.66666666666666% }
.col-lg-offset-9 { margin-left: 75% }
.col-lg-offset-10 { margin-left: 83.33333333333334% }
.col-lg-offset-11 { margin-left: 91.66666666666666% }
}

/***** image radion buttons **********/

.input-hidden {
position: absolute;
  left: -9999px;
}

input[type=radio]:checked + label>img {
  border: 1px solid #fff;
  box-shadow: 0 0 3px 3px #090;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>img {
  border: 1px solid #dcdcdc;
  width: auto;
    height: auto;
  transition: 500ms all;
}

input[type=radio]:checked + label>img {
  transform: 
    rotateZ(0deg) 
    rotateX(0deg);
}


	
.radio_col{width:100%; min-height:230px; border:solid 1px #ddd; display:table;}
.radio_col img, .radio_col p{cursor:pointer;}
.radio_col p{font-size: 18px;
    margin: 5px 0px 0px;
    font-weight: 600;}
.radio_inner{display:table-cell; vertical-align:middle;}
.select_sec{text-align:center;}
.select_sec .col-sm-3{display: inline-block;
    vertical-align: top;
    margin: 25px -2px;
	float:none;
    box-sizing: border-box;}
.excess_sec .col-sm-3{ width: 20%;}
.excess_sec .radio_col{min-height:190px;}
.excess_sec .radio_col label>img{max-width:100%;}

/***** image radion buttons **********/

legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border-bottom: 1px solid #e5e5e5 }
label { display: inline-block; margin-bottom: 10px; font-weight: 700 }
.form-control:-moz-placeholder, .form-control::-moz-placeholder {
color:#999
}
.form-control:-ms-input-placeholder {
color:#999
}
.form-control::-webkit-input-placeholder {
color:#999
}


.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) }
.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) }
button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; appearance: none }
.modal-open { overflow: hidden }
.modal-open .navbar-fixed-bottom, .modal-open .navbar-fixed-top, body.modal-open { margin-right: 15px }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto }
.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000 }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) }
.modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) }
.modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5 }
.modal-header .close { margin-top: -2px }
.modal-title { margin: 0; line-height: 1.428571429 }
.modal-body { position: relative; padding: 20px }
@media screen and (min-width:768px) {
.modal-dialog { right: auto; left: 50%; width: 600px; padding-top: 30px; padding-bottom: 30px }
.modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.5) }
}
.clearfix:after, .clearfix:before { display: table; content: " " }
.clearfix:after { clear: both }
.pull-right { float: right!important }
.pull-left { float: left!important }
.hide { display: none!important }
.show { display: block!important }
.invisible { visibility: hidden }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.affix { position: fixed }
@-ms-viewport {
width:device-width
}
@media screen and (max-width:400px) {
@-ms-viewport {
width:20pc
}
}
.hidden { visibility: hidden!important }
.hidden, .visible-lg, .visible-md, .visible-sm, .visible-xs, td.visible-lg, td.visible-md, td.visible-sm, td.visible-xs, th.visible-lg, th.visible-md, th.visible-sm, th.visible-xs, tr.visible-lg, tr.visible-md, tr.visible-sm, tr.visible-xs { display: none!important }


.wp-switch-editor { box-sizing: initial }
.wp-admin input { line-height: normal }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align:auto;
position: relative; display: inline }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align:auto;
position: relative; display: inline }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align:auto;
visibility: hidden; display: inline }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); transform: translateZ(0) }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; transition: transform 2s }
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { line-height: 1.1em }
.input-validation-error { border-color: red!important; box-shadow: 0 0 8px red!important }
.content-wrapper .form-control:focus, .content-wrapper input[type=text]:focus, .content-wrapper select:focus { outline: 0; border: 1px solid #29a358; color: #666; box-shadow: 0 0 8px #2eb863, inset 0 2px 1px rgba(0,0,0,.12) }
.content-wrapper .form-control, .content-wrapper .wrapper-form-search, .content-wrapper input[type=text] { border: 1px solid #d2d2d2; padding: 7px 10px; font-size: 17px; border-radius: 4px; color: #adadad; background: #fff }
.content-wrapper .wrapper-form-search>input, .content-wrapper .wrapper-form-search>input:focus { border: 0; padding: 0; width: 95%; background: transparent; box-shadow: inherit }
.content-wrapper .wrapper-form-search>button { border: 0; padding: 0; display: inline; background: transparent }
.form-textarea { min-height: 90px }

.preload-custom * { transition: none!important }
.animated, .to-animate { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s }
.no-transition { transition: none!important; -webkit-animation-duration: 0s!important; animation-duration: 0s!important; -webkit-animation-name: none!important; animation-name: none!important }

.animated.hinge { -webkit-animation-duration: 1s; animation-duration: 1s }
@-webkit-keyframes a { 0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes a { 0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}
.fadeInDown { -webkit-animation-name: a; animation-name: a }
@-webkit-keyframes b { 0% {
opacity:0
}
to { opacity: 1 }
}
@keyframes b { 0% {
opacity:0
}
to { opacity: 1 }
}
.fadeIn { -webkit-animation-name: b; animation-name: b }
@-webkit-keyframes c { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
to { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
}
@keyframes c { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
to { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
}
.flipInY { -moz-backface-visibility: visible!important; -moz-animation-name: c; -o-backface-visibility: visible!important; -o-animation-name: c; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: c; animation-name: c }
@-webkit-keyframes d { 0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes d { 0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
to { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}
.bounceIn { -webkit-animation-name: d; animation-name: d }
.delay1 { -webkit-animation-delay: .4s; animation-delay: .4s }
.delay2 { -webkit-animation-delay: .8s; animation-delay: .8s }
.delay3 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
.delay4 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s }



html { height: 100%; overflow: auto; font-size: 100%!important }
body, html { font-size: 1pc }
a, body, h1, h2, h3, h4, h5, h6, html, li, p, select { font-family: Source Sans Pro, Helvetica, Arial, sans-serif!important }
body:not(.wp-admin) { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; color: #545454; /* background-image: url(https://calculator.educationfundingplan.com/dev/images/bg1.png); */background-repeat:no-repeat;background-position:bottom right;background-size:cover; background-color:#fff;}
a { color: #00b2f0 }
.a:active, a:focus, a:hover { color: #47d17c; text-decoration: underline }

@-webkit-keyframes a { 0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes a { 0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}
.fadeInRight { -webkit-animation-name: a; animation-name: a }
@-webkit-keyframes b { 0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes b { 0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}
.fadeInLeft { -webkit-animation-name: b; animation-name: b }
.btn { font-weight: 600; font-size: 25px; border-radius: 3px; white-space: nowrap; padding-left: 40px; padding-right: 40px; letter-spacing: -.03em }
.btn-small { font-size: 14px; padding-left: 20px; padding-right: 20px; padding-top: 10px }
.btn-xs { font-size: 14px; padding: 7px 15px }
.btn-caps { text-transform: uppercase }
.btn-grey { background-color: #ccc; border: 0; color: #4d4d4d!important; text-shadow: none }
.btn-grey.active, .btn-grey:active, .btn-grey:focus, .btn-grey:hover, .open .dropdown-toggle.btn-grey { background-color: #dedede }
.btn-green { background-color: #2eb863; border: none; color: #fff!important; font-weight: 600 }
.btn-green.active, .btn-green:active, .btn-green:focus, .btn-green:hover, .open .dropdown-toggle.btn-green { background-color: #33cc6e }
.btn-green.disabled { box-shadow: none; background: #2eb863!important; cursor: not-allowed; opacity: .65; pointer-events: none; padding: 18px 0 19px }
.btn-green-light { background-color: #64d795; box-shadow: 0 3px 0 #4db479; border: none; color: #fff!important; font-weight: 600 }
.btn-green-light.active, .btn-green-light:active, .btn-green-light:focus, .btn-green-light:hover, .open .dropdown-toggle.btn-green-light { background-color: #4fce85; box-shadow: 0 3px 0 #3fb773 }
.btn-rounder { border-radius: 10px }
.btn-blue { box-shadow: 0 0 0 #269751; background-color: #00badb; border-color: #00badb }
.btn-blue, .btn-twitter { color: #fff!important; font-weight: 600 }
.btn-twitter { box-shadow: 0 0 0 #2292c4; background-color: #29a7df; border-color: #29a7df; padding: 20px 15px 20px 5pc; line-height: 1; font-size: 28px; background-image: url(https://officevibecdn.blob.core.windows.net/website/wp-content/themes/officevibe/images/twitter.png); background-repeat: no-repeat; background-position: 20px center }
.btn-twitter:hover { background-color: #2292c4; border-color: #2292c4 }
@media all and (min-width:480px) {
.btn-twitter { background-position: 40px center; padding-left: 75pt; padding-right: 60px }
}
.g-white { color: #fff }
.g-italic { font-style: italic }
.g-text-center { text-align: center }
.g-text-right { text-align: right }
.g-text-shadow { text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.g-text-no-shadow { text-shadow: initial }
.g-block { display: block }
.g-dtbl { display: table; width: 100%; height: 100% }
.g-dtbl-cell { display: table-cell; vertical-align: middle }
.navbar-toggle { margin-right: 0 }
.navbar { min-height: 63px }
.g-list-no-style { list-style: none; padding: 0; margin: 0 }
.g-br-50, .g-circle { border-radius: 50% }
.g-relative { position: relative }
.g-absolute { position: absolute }
.g-blockquote:before { content: "\201C"; text-indent: -30px; display: inline-block; font-size: 60px; font-weight: 700; color: #ccc; margin-left: 15px; text-align: center }
.g-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.g-bg-cover { background: center; background-size: cover }
.no-backgroundsize .g-bg-cover { -ms-behavior: url(../../../officevibe/js/external/backgroundsize.min.htc); behavior: url(../../../officevibe/js/external/backgroundsize.min.htc) }
.g-anchor { display: block; position: relative; top: -70px; visibility: hidden }
.m-reset { margin: 0!important }
.p-reset { padding: 0!important }


.content-container { margin-top: 75px }
.content-wrapper>.blog-post-page { margin-top: -65px }
.error404 .content-wrapper { padding-top: 30px; padding-bottom: 40px }

@media (max-width:1200px) {
.btn { font-size: 21px }
}


.no-padding { padding: 0 }



#nav-below a { font-size: 18px; color: #3194d1 }
.btn { display: inline-block;  padding: 8px 20px 9pt; line-height: 1; text-decoration: none; border-radius: 4px; font-size: 18px; font-size: 1.125rem }
.btn:focus, .btn:hover { color: #fff }
.btn--outline { color: hsla(0,0%,100%,.8); border: 2px solid hsla(0,0%,100%,.4) }
.btn--outline:focus, .btn--outline:hover { border-color: hsla(0,0%,100%,.2); background-color: hsla(0,0%,100%,.1) }
.btn--outline--green { color: #2eb863; border: 1px solid #2eb863 }
.btn--outline--green:focus, .btn--outline--green:hover { background-color: #2eb863; border: 1px solid #2eb863; color: #fff }
.btn--outline--blue { color: #489fff; border: 1px solid #489fff }
.btn--outline--blue:focus, .btn--outline--blue:hover { background-color: #489fff; border: 1px solid #489fff; color: #fff }
.btn--accent { background-color: #7543ac; color: #fff }
.btn--accent:focus, .btn--accent:hover { background-color: #5d338c }
.btn--alternative { background-color: #955fa7; color: #fff }
.btn--alternative:focus, .btn--alternative:hover { background-color: #aa7fb8 }
.btn--print { float: none; font-size: 24px }
.btn--faded { background-color: #54c37f; border: 2px solid transparent; color: #fff }
.btn--slider { border: none; border-radius: 4px; font-size: 1pc; padding-left: 30px; padding-right: 30px; color: #fff; transition: background-color .3s ease-in-out ; background-color: #8761ba; font-weight:normal; margin: 10px 6px 0px 6px;}
@media all and (min-width:520px) {
.btn--slider { font-size: 20px; padding-left: 46px; padding-right: 46px }
}
.btn--slider:hover { background-color:#6e4a9f; }
.btn--slider--active { background-color: #815bb3; color: #fff; }
.btn--slider--active:focus, .btn--slider--active:hover { background-color: #6e4a9f }
.btn--capitalized { text-transform: uppercase }
.btn--faded:focus, .btn--faded:hover { background-color: #7bd19c; border: 2px solid transparent }
.btn--white { background-color: #fff; border: 2px solid transparent }
.btn--white:focus, .btn--white:hover { background-color: hsla(0,0%,100%,.85); border: 2px solid transparent }
.btn-get-book-direct { float: none }
.btn--huge { padding: 14px 20px; font-size: 24px }
.btn--xhuge { padding: 20px; font-size: 28px }
.btn--push { margin-right: 28px }
.btn--centered { float: none }
.btn--full { width: 100% }
.btn--orange { background-color: #fb9902; border-color: #fb9902 }
.btn--orange:focus, .btn--orange:hover { background-color: #6e4a9f; border-color: #fdad35 }
.btn--mezzo { font-size: 1pc; font-size: 1rem; padding: 8px 18px 9pt }
.btn--webinar { margin-right: 2%; width: 49% }
@media all and (min-width:768px) {
.btn--webinar { display: none }
}
@media all and (min-width:1018px) {
.btn--webinar { display: block; margin-right: 28px; width: auto }
}
.btn--spinner { position: relative; background-color: rgba(46,184,99,.8); color: hsla(0,0%,100%,.8); overflow: hidden }
.btn--spinner:before { content: ""; position: absolute; display: block; right: -10px; top: -10px; width: 55px; height: 55px; font-size: 0; border: 2px solid rgba(255,252,255,.2); border-left-color: rgba(255,252,255,.5); border-radius: 50px; float: none; -webkit-animation: c 2s .25s linear infinite; animation: c 2s .25s linear infinite; outline: 0 }
@-webkit-keyframes c { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@media all and (min-width:768px) {
.btn--freetrial { width: auto }
}
.btn--integration { padding: 10px; float: none; border-bottom: 2px solid transparent; box-shadow: 0 3px 0 #cfcfcf }
@media all and (min-width:410px) {
.btn--integration { padding: 14px 34px }
}
.btn--integration span { float: left; display: block }
.btn--integration span.icon { font-size: 30px; margin-right: 6px }
.btn--integration span.text { margin-top: 7px; font-size: 1pc }

.btn-lg { font-size: 24px; font-size: 1.5rem; padding: 9pt 20px }

@media all and (min-width:768px) {
.button--huge { font-size: 33.5px; padding: 24px 40px 27px 90px; background-position: 2pc center }
}
.btn--roi { border-radius: 4px; border: 2px solid #fff; padding: 9pt 36px; float: left }
.btn--roi .text { font-size: 20px; color: #fff }
.btn--blue { background-color: #09b188; color: #fff }
.btn--blue:hover { background-color: #069d78 }
.btn--roi:focus, .btn--roi:hover { background-color: hsla(0,0%,100%,.4); text-decoration: none }
.btn--roi:focus .text, .btn--roi:hover .text { color: #fff }
.header { position: relative }
.home .header { background-color: #478fe4!important }
.header__top { width: 100%; padding-top: 20px; padding-bottom: 20px }





.svg-snowscene { display: none; width: 100%; position: absolute; left: 0; top: 60px; height: 100%; z-index: 1 }
.svg-snowscene circle { fill: #fff; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
.svg-snowscene circle:nth-child(2n) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s }
.svg-snowscene circle:nth-child(3n) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; -webkit-animation-duration: 3.3s; animation-duration: 3.3s }
.svg-snowscene circle:nth-child(4n) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 3.2s; animation-duration: 3.2s }
.svg-snowscene circle:nth-child(5n) { -webkit-animation-delay: 2.8s; animation-delay: 2.8s }



.roi-steps-container { padding: 0px 20px 0px }
@media all and (min-width:1200px) {
.roi-steps-container--absolute { position: absolute; left: 50%; top: 52%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
.roi-steps-container--leave-left { -webkit-animation: d .4s; animation: d .4s }
@-webkit-keyframes d { 0% {
opacity:1;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
to { opacity: 0; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%) }
}
@keyframes d { 0% {
opacity:1;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
to { opacity: 0; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%) }
}
.roi-steps-container--leave-right { -webkit-animation: e .4s; animation: e .4s }
@-webkit-keyframes e { 0% {
opacity:1;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
to { opacity: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%) }
}
@keyframes e { 0% {
opacity:1;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
to { opacity: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%) }
}
.roi-steps-container--enter-left { -webkit-animation: f .4s; animation: f .4s }
@-webkit-keyframes f { 0% {
opacity:0;
-webkit-transform:translate(-60%, -50%);
transform:translate(-60%, -50%)
}
to { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
@keyframes f { 0% {
opacity:0;
-webkit-transform:translate(-60%, -50%);
transform:translate(-60%, -50%)
}
to { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
.roi-steps-container--enter-right { -webkit-animation: g .4s; animation: g .4s }
@-webkit-keyframes g { 0% {
opacity:0;
-webkit-transform:translate(-40%, -50%);
transform:translate(-40%, -50%)
}
to { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
@keyframes g { 0% {
opacity:0;
-webkit-transform:translate(-40%, -50%);
transform:translate(-40%, -50%)
}
to { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}
.roi-entry-content { padding-top: 55px; padding-bottom: 92px }
.roi-steps-hero-1 .section-heading .section-heading-class.roi-steps-numeric, .roi-steps-tagline { display: none }
.roi-steps-hero-1 .roi-steps-tagline { display: block }
.section-heading .section-heading-class.roi-steps-numeric { color: #555; font-size: 21px ; text-transform:uppercase;  border-top: solid 2px #09b188;border-bottom: solid 2px #09b188;display: inline-block;  padding: 9px 18px;}
.section-heading .section-heading-class.roi-steps-numeric span{ color: #fff; font-size: 21px; width:35px; height:35px; line-height:35px; text-align:center;  
background:#7543ac; border-radius:100%; display: inline-block; margin: 0px 4px 0px 4px;}
.slider-bar--wrapper { max-width: 700px; margin: 0 auto; margin-top: 30px }
@media all and (min-width:768px) {
.slider-bar--wrapper { margin-top: 5pc }
}
.slider-bar { background-color: #09b188; margin-top: 28px; width: 100%; height: 23px; position: relative; border-radius: 20px }
.slider-bar__dragger { display: block; position: absolute; z-index: 100; width: 55px; cursor: ew-resize; opacity: 0; transition: opacity .2s ease-in; height: 55px; top: calc(-50% - 5px)!important; border-radius: 999px; background-image: url(../images/slide-default-button-inactive-85px.png); background-size: cover }
.slider-bar__dragger--smaller { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); cursor: ew-resize }
.slider-bar__dragger--active { background-image: url(../images/slide-default-button-inactive-85px.png) }
.slider-bar__dragger--touched { background-image: none; background-color: #09b188; box-shadow: inset 0 -2px 0 0 #87a615; cursor: pointer }
.slider-bar__dragger--touched:before { content: "\e087"; font-family: icomoon; color: #fff; font-size: 29px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.slider-nav {*zoom:1; margin-top: 15px; text-align:center;}
.slider-nav:after, .slider-nav:before { content: ''; display: table }
.slider-nav:after { clear: both }
.slider-instruction__text { font-size: 17px; transition: all .3s ease; color: #09b188; display: inline-block; left: 50%; opacity: 0; position: absolute }
.slider-instruction__text--touched { color: #2eb863; width: 7pc }
.slider-instruction { text-align: center; position: relative; height: 22px }
.slider-instruction__text--slide { -webkit-animation: h 1s infinite; animation: h 1s infinite }
@-webkit-keyframes h { 0%, 20%, 50%, 80%, to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
40% {
-webkit-transform:translateX(-18px);
transform:translateX(-18px)
}
60% {
-webkit-transform:translateX(-9px);
transform:translateX(-9px)
}
}
@keyframes h { 0%, 20%, 50%, 80%, to {
-webkit-transform:translateX(0);
transform:translateX(0)
}
40% {
-webkit-transform:translateX(-18px);
transform:translateX(-18px)
}
60% {
-webkit-transform:translateX(-9px);
transform:translateX(-9px)
}
}
.slider-instruction__text--jump { -webkit-animation: i 1s infinite; animation: i 1s infinite }
@-webkit-keyframes i { 0%, 20%, 50%, 80%, to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-18px);
transform:translateY(-18px)
}
60% {
-webkit-transform:translateY(-9px);
transform:translateY(-9px)
}
}
@keyframes i { 0%, 20%, 50%, 80%, to {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-18px);
transform:translateY(-18px)
}
60% {
-webkit-transform:translateY(-9px);
transform:translateY(-9px)
}
}
.slider-instruction__text--flash { -webkit-animation: j 1s infinite; animation: j 1s infinite }
@-webkit-keyframes j { 0%, 20%, 40%, 60%, 80%, to {
opacity:1
}
10%, 30%, 50%, 70%, 90% {
opacity:0
}
}
@keyframes j { 0%, 20%, 40%, 60%, 80%, to {
opacity:1
}
10%, 30%, 50%, 70%, 90% {
opacity:0
}
}
.slider-details { position: relative }
.slider-details__paragraph { padding: 0 22px; color: #444; font-weight:600;}
.slider-details__text { font-size: 18px; padding-top: 34px; line-height: 1 }
.slider-details__text:before { background-color: hsla(0,0%,59%,.56); content: ""; display: block; height: 34px; position: absolute; top: 2px; width: 2px }
.slider-details__start { float: left; text-align: left }
.slider-details__start:before { left: 14px }
.slider-details__middle { float: left; text-align: left; position:relative;left: 26%;}
.slider-details__middle:before { left: 50%; }

.slider-details__end { float: right; text-align: right }
.slider-details__end:before { right: 14px }
.slider-images { text-align: center; opacity: .8; transition: opacity .3s ease-out; position: relative; width: 215px; height: 150px; margin: 70px auto 0; }
.slider-images img { display: none; position: absolute; top: 0; left: 0 }
.slider-images .slider-images-0 { display: inline-block; }
.slider-images .dc-slider-images-0 { display: inline-block; }
.slider-images .ts-slider-images-0 { display: inline-block; }
.slider-images .s-te-slider-images-0 { display: inline-block; }
.slider-images .r-e-slider-images-0 { display: inline-block; }




.slider-images--active { opacity: 1 }
.slider-forward--touched { background-color: #2eb863; color: #fff }
.slider__input { background: transparent; border: none; border-bottom: 2px solid #999; color: #444; float: left; font-size: 23px; text-align: right; margin: 0; margin-right: 5px; padding: 0; padding-right: 10px; width: 97px; transition: all .1s ease-in-out }
.slider__input:hover { background: hsla(0,0%,100%,.08); border-bottom: 2px solid #09b188 }
.slider__input:focus { background: hsla(0,0%,100%,.2); outline: 0; border-bottom: 2px solid #09b188 }
.slider__inputtext { font-size:18px; color: #333; float: left; margin-top: 5px }
.slider-roi-cta { float: right }
.slider__result {
*zoom:1; margin: 0 auto; width: 15pc; margin-top: 27px }
.slider__result:after, .slider__result:before { content: ''; display: table }
.slider__result:after { clear: both }
.roi-steps { text-align: center }
.roi-steps-title { color: hsla(0,0%,100%,.8); font-size: 42px; float: left; line-height: .9; margin: 0 auto 9pt; position: relative; text-align: left; max-width: 740px }
@media all and (min-width:768px) {
.roi-steps-title { font-size: 65px; float: none }
}
.roi-step1 { max-width: 550px; margin: 0 auto }
@media all and (min-width:768px) {
.roi-step1 { max-width: 100% }
}
.roi-steps-title__strong { color: #fff; float: left; font-size: 30px; width: 100%; font-weight: 700 }
@media all and (min-width:768px) {
.roi-steps-title__strong { font-size: 90px; width: auto }
}
.roi-steps-tagline { color: hsla(0,0%,100%,.32); font-size: 1pc; margin-top: 9pt; position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center }
.roi-steps-hero { height: auto; min-height: 700px;  position: relative; overflow: hidden }
@media all and (min-width:1200px) {
/* .roi-steps-hero { min-height: 100vh } */
}
.roi-steps-tagline-link { margin-left: 3px; display: inherit }
.roi-steps-ovlogo { display: inline-block; height: 23px; width: 84px }
.roi-light-header { position: relative; width: 100%; top: 0; left: 0; text-align: center; z-index: 111;  padding: 13px 0px 21px;background: #007991;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #78ffd6, #007991);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #78ffd6, #007991); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.roi-light-header__title { font-size: 29px;
    color: #fff;
    margin-top: 11px; margin:0px;
    }
.roi-light-header__title i{margin-right:8px;}
.section-heading .section-heading-title.roi-section-heading { color: #490f70; font-weight: 500; margin-top:10px; font-size:42px;}
.roi-section-subheading { color: #777; font-weight: 300; font-size: 18px; margin-top: 5px }
.section-heading .section-heading-title.roi-section-heading--bold { font-weight: 400 }
.roi-steps { display: none }
.roi-steps-header { padding-top: 33px; height: auto; }
.roi-step-header, .roi-steps-header { text-align: center }
.roi-step1 { display: block }
.roi-alert-box, .roi-btn-inactive { display: none }
.roi-alert-box { color: #fff }
.follow-up--roi { overflow: hidden }
@media all and (min-width:1200px) {
.follow-up--roi .container { padding-left: 230px }
}
.follow-up--roi .row { position: relative }
.follow-up--roi .row:after { content: ""; display: none; position: absolute; z-index: 1; width: 255px; height: 140px; background-image: url(../../images/roi2/money.svg); background-repeat: no-repeat; background-position: center center }
@media all and (min-width:768px) {
.follow-up--roi .row:after { display: block; right: -50px; top: 62px }
}
@media all and (min-width:992px) {
.follow-up--roi .row:after { top: 0 }
}
@media all and (min-width:1600px) {
.follow-up--roi .row:after { left: -255px }
}
.follow-up .roi-subtitle--huge { font-size: 30px; font-weight: 500 }
.roi-result-learn { color: #489fff; font-size: 18px; text-decoration: none; line-height: 1; margin-bottom: 20px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.roi-result-learn:focus, .roi-result-learn:hover { text-decoration: underline; color: #489fff }
.roi-step-result { outline: 0!important }
.btn-side-results { font-size: 18px; padding-bottom: 30px; padding-top: 30px; width: 100%; margin-bottom: 0; margin-top: 10px; position: relative; z-index: 12 }
.btn-side-results.btn--accent { border-bottom: 3px solid #5d338c; }
.btn-side-results.btn--accent:hover{border-bottom: 3px solid #7543ac}
.btn-side-results.btn--blue { border-bottom: 3px solid #069d78; }
.btn-side-results.btn--blue:hover { border-bottom: 3px solid #09b188; }
@media all and (min-width:480px) {
.btn-side-results { font-size: 24px }
}
@media all and (min-width:992px) {
.btn-side-results { font-size: 30px }
}
.main-results {
*zoom:1; margin-top: 68px; padding: 0 20px }
.main-results:after, .main-results:before { content: ''; display: table }
.main-results:after { clear: both }
.roi-steps-results { width: 99.99%; float: left; text-align: left }
.roi-steps-results:nth-child(n) { float: left; margin-right: 15px; clear: none }
.roi-steps-results:last-child, .roi-steps-results:nth-child(undefinedn) { margin-right: 0 }
.roi-steps-results:nth-child(undefinedn+1) { clear: left }
@media all and (min-width:992px) {
.roi-steps-results { width:calc(99.99% * 1/2 - 45px)
}
.roi-steps-results:nth-child(n) { float: left; margin-right: 90px; clear: none }
.roi-steps-results:last-child, .roi-steps-results:nth-child(2n) { margin-right: 0 }
.roi-steps-results:nth-child(2n+1) { clear: left }
}
.roi-step-result { float: left; width: 100%; padding-left: 30px; position: relative; margin-bottom: 20px }
.roi-step-result img{float:left; width:55px;}
.roi-step-result:before { content: "+"; color:#09b188; position: absolute; left: 0; font-weight: 600; top: -10px; font-size: 50px }
.roi-step-result:first-child:before { content: "" }
.roi-result-toptitle { font-weight: 300; font-size: 17px; color: #777; text-transform: uppercase; display: block; float: left; line-height: 1; width: 100% }
.roi-result-illustration { float: left; display: block; width: 55px; height: 55px }
.roi-result-amount { font-size: 36px; font-weight: 400; line-height: .9; display: block; float: left; color: #333; width: 100% }
.roi-result-textual { padding-left: 65px }
.roi-result-subtotal { width: 100%; float: left; position: relative; text-shadow: 0 3px 0 rgba(0,0,0,.1); border-top: 5px solid #dcdcdc; padding-top: 9pt }
.roi-result-subtotal__amount { font-size: 35px; font-weight: 700; color: #09b188; line-height: 1; width: 100% }
@media all and (min-width:992px) {
.roi-result-subtotal__amount { font-size: 78px }
}
.roi-result-subtotal__amount .roi-odometer { float:none; display: inline-block }
.roi-result-subtotal__amount .roi-odometer-device { float:left; }
.roi-result-subtotal__information { font-size: 25px; color:#777; letter-spacing: -1px; text-transform: uppercase }
@-webkit-keyframes k { 0% {
background-position:0 -402px
}
to { background-position: 0 0 }
}
@keyframes k { 0% {
background-position:0 -402px
}
to { background-position: 0 0 }
}
.side-results { float: right; max-height:505px; position: relative; width: 99.99%; background-image: url(../images/moneyanimation.png); background-repeat: no-repeat;
	-webkit-transform: translateZ(0); transform: translateZ(0); background-repeat: repeat-y; -webkit-animation: k 4s linear infinite; animation: k 4s linear infinite }
.side-results:nth-child(n) { float: left; margin-right: 15px; clear: none }
.side-results:last-child, .side-results:nth-child(undefinedn) { margin-right: 0 }
.side-results:nth-child(undefinedn+1) { clear: left }
@media all and (min-width:992px) {
.side-results { width:calc(99.99% * 1/2 - 45px)
}
.side-results:nth-child(n) { float: left; margin-right: 90px; clear: none }
.side-results:last-child, .side-results:nth-child(2n) { margin-right: 0 }
.side-results:nth-child(2n+1) { clear: left }
}
.side-results svg { margin-bottom: 35px; height: auto; max-width: 252px; width: 60%; margin-bottom: 15px; margin-top: 15px }
.side-results img { margin-bottom: 35px; height: auto; max-width: 273px; width: 60%; margin-bottom: 15px; margin-top: 15px ;}
@media all and (min-width:992px) {
.side-results svg { height: 220px; width: 100% }
.side-results img { width: 100%;}

}
.roi-result-arrow { right: -205px; top: -5pc; display: none }
@media all and (min-width:992px) {
.roi-result-arrow { display: block; position: absolute }
}
.roi-result__copy { color: #777; font-size: 18px; display: block; font-style: italic; max-width: 150px; text-align: center; left: 12%; line-height: 1.1; margin: 0 auto; top: -50px; position: absolute }
.roi-result__copy--mobile { max-width: 200px; margin-bottom: 15px; display: none }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { vertical-align: top!important }
.update-numbers { margin-top: 10px; margin-bottom: 10px; width: 100%; float: left; background: #efefef; border-radius: 4px; padding: 15px 25px 25px; display: none }
.update-numbers-form { float: left }
.update-fieldset { float: left; width: 100% }
@media all and (min-width:600px) {
.update-fieldset { width: 50% }
}
.update-label { font-size: 18px; color:#333; font-weight: 400; float: left; margin-bottom: 0; margin-top: 10px }
.update-input { width: 134px; height: 3pc; float: left; padding: 10px; background: hsla(0,0%,100%,.45); font-size: 20px; color: #1a0d2a; border: none }
.update-input-box { *zoom:1
}
.update-input-box:after, .update-input-box:before { content: ''; display: table }
.update-input-box:after { clear: both }
.update-input__details { float: left; color: #777; padding: 8px }
.update-illustration { float: left; margin-right: 6px }
.update-fieldset__header {
*zoom:1; margin-bottom: 9px }
.update-fieldset__header:after, .update-fieldset__header:before { content: ''; display: table }
.update-fieldset__header:after { clear: both }
.update-value__button { float: left; height: 3pc; width: 100%; padding-top: 9px; padding-left: 30px; padding-right: 30px; margin-top: 30px; font-size: 25px; border: 1px solid #09b188; border-radius: 4px; color: #09b188 ; box-shadow:none; text-shadow:none;}
@media all and (min-width:600px) {
.update-value__button { width: 50% }
}
.update-value__button:focus, .update-value__button:hover { background: #09b188; color:#fff; }
.roi-result-recalculate { color: #23a7f1; text-decoration: underline }
.roi-result-recalculate:hover { color:#777; }
#myModal .modal-dialog { width: 770px; max-width: 100% }
#myModal .modal-title { font-size: 24px; font-weight: 600; color: #201d1d; text-align: center }
.modal { text-align: center; padding: 0!important }
.modal:before { content: ''; height: 100%; margin-right: -4px }
.modal-dialog, .modal:before { display: inline-block; vertical-align: middle }
.modal-dialog { text-align: left }
.modal-body { *zoom:1
}
.modal-body:after, .modal-body:before { content: ''; display: table }
.modal-body:after { clear: both }
.modal-body--wrapper { *zoom:1
}
.modal-body--wrapper:after, .modal-body--wrapper:before { content: ''; display: table }
.modal-body--wrapper:after { clear: both }
@media all and (min-width:615px) {
.modal-illustration, .results-form { width:calc(99.99% * 1/2 - 7.5px)
}
.modal-illustration:nth-child(n), .results-form:nth-child(n) { float: left; margin-right: 15px; clear: none }
.modal-illustration:last-child, .modal-illustration:nth-child(2n), .results-form:last-child, .results-form:nth-child(2n) { margin-right: 0 }
.modal-illustration:nth-child(2n+1), .results-form:nth-child(2n+1) { clear: left }
}
.roi-steps-hero--result { height: auto; min-height: auto; padding-bottom: 10pc }
@media print {
.roi-steps-hero--result { padding-bottom: 0 }
}
.roi-steps-tagline-wrapper { width: 100%; float: left; text-align: center }
.roi-steps-tagline-text { font-size: 14px; color: hsla(0,0%,100%,.5); line-height: 1; vertical-align: 4px; margin-right: 5px; display: inline }
.roi-steps-tagline-text-link { display: inline-block; margin-top: 10px }
.btn--print-wrapper { float: left; width: 100%; margin-top: 25px; margin-bottom: 35px; text-align: center }
.roi-steps-results-container { margin-top: 20px }
@media print {
.noprint { display: none!important }
}
@media print {
.roi-steps-ovlogo path { fill: #000!important }
}
.result-pig { width: 220px; height: auto; margin: 0 auto; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -75pt; z-index: 10 }
.result-copy { color: #394446; font-weight: 300; font-size: 18px; line-height: 1 }
.results-user-content { margin-bottom: 52px; margin-top: 28px; padding-top: 110px; *zoom:1
}
.results-user-content:after, .results-user-content:before { content: ''; display: table }
.results-user-content:after { clear: both }
@media print {
.results-user-content { padding-top: 0; margin-top: 10px }
}
.result-picked { float: left; position: relative; width: 100%; margin-bottom: 22px }
@media all and (min-width:768px) {
.result-picked { margin-bottom: 44px }
}
.result-input-area { float: left; width: 200px }
.results-label { font-size: 18px; font-weight: 300; margin-bottom: 8px; color: #394446 }
.results__input { color: #394446; border: 1px solid #d8d8d8; font-weight: 600; float: left; font-size: 26px; line-height: 1; height: 42px; padding: 5px; width: 105px; margin-right: 8px }
.results__input__title { font-size: 18px; font-weight: 600; line-height: 42px }
.result-input-area { margin-right: 18px }
.result-fact { font-size: 14px; padding: 13px; color: #201d1d; line-height: 1.2; float: left; font-weight: 300; margin-bottom: 0; margin-top: 10px; width: 100% }
@media all and (min-width:555px) {
.result-fact { position: absolute; bottom: 0; margin-top: 0; left: 214px; width: calc(100% - 214px) }
}
.results-explanations__illustration { float: left; margin-right: 8px }
.results-explanations { width: 100%; float: left; margin-bottom: 44px; page-break-after: always }
.results-explanations__title { font-size: 29px; line-height: 1; color: #394446; margin-left: 14px }
.results-explanations__title--strong { font-weight: 600 }
.results-explanations-total { float: left; width: 100%; display: block; color: #394446; font-weight: 600; font-size: 34px; margin-left: 14px; margin-top: 22px }
.results-details { border: 1px solid #d8d8d8; float: left; margin-top: 10px; padding: 14px; width: 100% }
.results-details__calculations { padding-left: 21px; list-style-type: none; margin-left: 0; counter-reset: a }
.results-details-item { color: #394446; font-weight: 300; padding-left: 20px; position: relative }
.results-details-item:before { content: counter(a); display: block; counter-increment: a; position: absolute; top: 4px; left: 0; box-sizing: border-box; width: 18px; height: 18px; line-height: 1pc; color: #fff; background: #aab6ca; font-weight: 400; text-align: center; font-size: 14px; border-radius: 50% }
.results-details-item--strong { font-size: 18px; color: #656e7c; font-weight: 600 }
.results-details-item__total { font-size: 21px; font-weight: 600; color: #656e7c; padding-top: 8px; border-top: 1px solid #acb6ca; width: 114px; margin-top: 8px; padding-left: 20px }
.results-details__explanations { margin-top: 24px; counter-reset: a; list-style-type: none; margin-left: 0; margin-bottom: 33px; padding-left: 14px; font-size: 9pt; color: #acb6ca }
.results-details__link { color: #4a90e2 }
.results-details__link:focus, .results-details__link:hover { color: #4a90e2; text-decoration: underline }
.results-details__explanations-item { position: relative; padding-left: 20px }
.results-details__explanations-item:before { content: counter(a); display: block; counter-increment: a; position: absolute; top: 3px; left: 0; box-sizing: border-box; width: 14px; height: 14px; line-height: 14px; color: #fff; background: #aab6ca; font-weight: 400; text-align: center; font-size: 10px; border-radius: 50% }
.results-details-item--split { margin-top: 24px }
.result-ending--img { max-width: 100%; margin: 15px auto; width: 100% }
.result-ending__tagline { font-size: 1pc; color: #656e7c; margin-top: 26px }
.result-ending { text-align: center }
.result-ending__cta { font-size: 24px; line-height: 1.2; color: #54667a; font-weight: 600; max-width: 500px; margin: 20px auto 30px }
@media all and (min-width:768px) {
.result-ending__cta { margin: 60px auto 30px }
}
.result-ending__img { margin-top: 30px; max-width: 100% }
.result-ending__savings { font-size: 33px; color: #78828f }
.result-ending-text-wrapper { float: left; width: 100% }
.result-ending__amount { font-size: 56px; color: #1c1834; font-weight: 600 }
.result-ending__tagline { font-size: 1pc; margin-bottom: 30px }
.modal-mailchimp-fieldset { float: left; width: 100% }
.modal-mailchimp-input { width: 100%; float: left; margin-top: 10px; padding:9px 5px; background: #f9f9f9; border:solid 1px #e3e3e3; outline:none; }
.modal-mailchimp__error { display: none; font-size: 13px; float: left }
.result__smalltext { display: block; float: left; width: 100%; text-align: center; color: #828282; margin-top: 9pt }
input[data-action=submitMailchimp] { margin-top: 9pt }
.ls_container { max-width: 1170px; margin: 0 auto; padding: 0 20px; *zoom:1
}
.ls_container:after, .ls_container:before { content: ''; display: table }
.ls_container:after { clear: both }
input, li, a, i{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
fieldset#first, fieldset {
    max-width: 1100px;
    margin: 30px auto;
    background: #fff;
    /*box-shadow: 0px 0px 30px rgb(0 0 0 / 10%); */
    padding-bottom: 20px;
}
input.input_field,fieldset select {
    width: 100%;
    padding: 13px 10px;
    margin: 0 0 20px 0;
    border: 1px solid #eee;
    background: #fff;
    color: #545454;
    box-sizing: border-box;
    outline: none;
    transition: all ease 0.3s;
}
input.input_field:focus{border-color:#00b2f0;}
.form_sec {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}
.form_sec label {
    text-align: left;
    width: 100%;
    margin: 10px 0 10px;
}
.slider-details__start:before {
    left: 14px;
}
.slider-details__start.details__start_1:before {
    left: 127px;
}
.slider-details__end.details__end_1:before {
    right: 127px;
}
.cal-subheading {
    color: #545454 !important;
    font-weight: 400 !important;
    font-size: 18px;
    margin-top: 0 !important;
}

@media all and (max-width:768px) {
.roi-result-amount{font-size:26px;}	


}
@media all and (max-width:1200px) {
fieldset#first, fieldset{width:97%;}	
}

/* New Css */
.percent-field {
    position: relative;
}
.percent-field span {
    position: absolute;
    bottom: 28px;
    right: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #aaa;
	background-color: white;
}
.kid-info {
    padding: 30px 30px 10px;
    border: 1px solid #1b7bbf;
    position: relative;
    margin-bottom: 30px;
}
.kid-info.kid5,.kid-info.kid6{margin-bottom: 0px;}
.kid-info h3 {
    position: absolute;
    top: -34px;
    left: 14px;
    background: #fff;
    padding: 0 13px;
    color: #00b2f0;
}
.logo img {
    max-width: 150px;
}


/* Tabing css */
.panelContainer {
    margin-bottom: 0;
    border: 0;
    background-color: #fff;
    padding: 0;
    float: left;
    width: 100%;
}

/* reset ul defaults  */
.tabs,.tab-second {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    text-align: center;
    width: 100%;
    float: left;
}

/* set li properties  */
.tabs li,.tab-second li {
    width: 100px;
    padding: 0;
    margin: 0;
    text-align: center;
    display: inline-block;
}

/* all formatting goes inside 'a' */
.tabs a,.tab-second a {border: 2px solid #00b2f0;
    margin-bottom: 3px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 6px;
    margin-right: 4px;
    border: 0;
    background: #00b2f0;
    border-radius: 0px;
}

.tabs a.active,.tab-second a.active {
    border-bottom: 2px solid white;
    background-color: #1b7bbf;
    color: #fff;
    font-weight: bold;
}

.dollar-sign {
    position: relative;
}
.dollar-sign span {
    position: absolute;
    top: 6px;
    left: -18px;
    font-weight: bold;
    font-size: 20px;
    color: #1b7bbf;
}
.total-loan {
    background: rgb(0 178 240 / 15%);
    padding: 15px;
    margin: 20px 0 10px;
    clear: both ;
}
.total-loan h3 {
    font-weight: bold;
    text-align: left;
    color: #1b7bbf;
    margin: 0;
}
.hide_all_sec {
    padding: 30px 25px 15px;
    background: #f7f9f5;
    width: 100%;
    margin: 0 auto 30px;
    display: none ;
}
input.input_field.disabled {
    pointer-events: none;
}
input.input_field.disabled::placeholder {
    color: #000;
}
.tableBlock td:first-child {
    font-weight: bold;
}
.tableBlock th {
    background: #00b2f0;
    color: #fff;
    padding: 12px 10px;
    font-size: 15px !important;
    line-height: 15px !important;
}
.tableBlock th:first-child, .tableBlock td:first-child {
    width: 80px;
}
.tableBlock td {
    padding: 12px 5px !important;
}
.tableBlock tr:last-child {
    background: #ddd !important;
}
span.totalLoan_span, span.totalSaving_span, span.finalAccountBalance_span, span.totalShortfall_span {
    font-weight: bold !important;
    color: #128fd2;
    display: block;
    position: relative;
    margin: 3px 0 0;
}
span.totalLoan_span:before, span.totalSaving_span:before, span.finalAccountBalance_span:before, span.totalShortfall_span:before {
    position: relative;
    top: 0;
    left: -3px;
    content: '$';
}
.common_total p{font-weight:bold;margin:0 0 5px;}
.common_total {
    max-width: 100%;
    text-align: center;
    margin-top: 16px;
    padding-right: 26px;
}
.hide_all_sec input.input_field {
    background: #fff;
}
.tableBlock th, .tableBlock td {
    padding: 10px 5px;
    border: 1px solid #ddd;
    font-size: 15px;
    line-height: 15px;
}

.step_3_ul li.active a {
    border-bottom: 2px solid white;
    background-color: #1b7bbf;
    color: #fff;
    font-weight: bold;
}


.step_4_ul li.active a {
    border-bottom: 2px solid white;
    background-color: #1b7bbf;
    color: #fff;
    font-weight: bold;
}

input.join_challenge {
    padding: 10px 90px 12px !important;
    margin-top: 20px !important;
    font-size: 20px !important;
    letter-spacing: 0.9px;
	background: #1b7bbf !important;
}

.hide_all_sec_2 {
  overflow: hidden; 
  display: none;
}


.total_college_cost_div{
  display: none;
}

.output_tbl{
  width: 100%;
}

.saving_dollar{
  margin-top: 42px;
}

.remaining_year_span{
  color: #74bf25;
}

.message_paragraph{
    font-size: 22px;
}

.kid_sec_1.hide_all_sec_2 {
    background: #f7f9f5;
    padding: 15px;
    margin-top: 5px;
	margin-bottom:20px;
}
input[type="radio"] {
    width: 10% !important;margin:0px !important;
}
.table-outer-blk table {
    table-layout: fixed;
    width: 100%;
}

.desktop_tbl{
  width: 100%;
}

.total_college_cost_div label{text-align:center!important}


.mobile_template{
  display: none;
}


/*5-4-2021*/
ul.responsive-table {
    padding: 0;
    width: 98% !important;
    margin: 0 auto;
}

.responsive-table .table-header {
    background-color: #e8ae5e;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #fff;
    font-weight: 700;
}

.responsive-table .table-row {
    font-size: 16px;
    padding: 10px 15px;
}
.responsive-table .table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 10%);
    font-size: 15px;
    padding: 10px 20px;
  
}
.responsive-table li {
    margin-top: 10px;
    display: block;
}

.responsive-table li {
    border-radius: 3px;
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    align-items: center;
}
.responsive-table .col {
    display: flex;
    padding: 10px 0;
    flex-basis: 100%;
    justify-content: center;
}
.responsive-table .col-1 {
    flex-basis: 10%;
}
.responsive-table .col {
    padding: 6px 10px;
    border-bottom: 1px dashed #eee;
}
label.num-yr {
    text-align: right;
}

@media screen and (min-width:768px){
.confirm_col {
    width: 60%;
    margin: 0 auto;
}
}
@media screen and (max-width:991px){
.row.flex_data_hdr {justify-content:center;
    display: block;
    align-items: center;
}
div#logo_image {
    text-align: center;
}
.back_ad_lg {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    margin-top: 0px;
}
fieldset#first, fieldset{max-width:100%;
margin:15px auto;}
fieldset {
    padding: 0px 10px 0px 10px !important;
}
.total_college_cost_div label{text-align:left !important;}
}

@media screen and (max-width:767px){
	.table_wrapper {
    width: 100%;
    overflow: auto !important;
}
  .Desktop_template{
    display: none;
  }
  .mobile_template{
    display: block;
  }
  .responsive-table .table-header {
      display: none;
  }

  .responsive-table .table-row{width:100%;
  display:inline-block;}
.responsive-table .col.col-new:before{display:none;}
.responsive-table .col:before {
    color: #545454;
    padding-right: 10px;
    content: attr(data-label);
    flex-basis: 50%;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
}
.responsive-table .students-plan-card .col:before {
    color: #545454;
    padding-right: 10px;
    content: attr(data-label);
    flex-basis: 90%;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}
  .responsive-table .col{justify-content:unset;}
  .responsive-table .col-new {justify-content:center;
    font-weight: bold;
    font-size: 14px;
}
label.num-yr {
    text-align: left;
}
form#submission_form .row {
    padding: 0;
}
}
@media only screen and (max-width:450px){
	
	.percent-field span {
    bottom: 12px;
}
	.saving_dollar {
    margin-top: 38px;
}
.hide_all_sec {
    margin: 0 auto 10px;
    display: none;
}
.form_sec {
    margin: 10px 0 0 0;
}
fieldset input[type=button]{margin:20px 5px 20px 5px;}

input.join_challenge {
    padding: 10px 50px 12px !important;
	font-size:17px !important;
}
.form_sec.step_7_frorm .col-md-6 {
    padding-top: 0px !important;
}
.form_sec.step_7_frorm {
    margin-top: 0px !important;
}
.form_sec.margin_mob_0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
}

@media screen and (max-width:420px){
.responsive-table .table-row{font-size:14px;}
}

@media screen and (max-width:380px){
.responsive-table .table-row{padding:10px 0px;}
h3{font-size:20px;}
}


@media screen and (max-width:360px){
.responsive-table .table-row {
    font-size: 13px;
}

}

.tbl_footer{
  font-weight: bold;
  font-size: 17px;
}

.reset_btn{
  background: grey !important;
}


.header_div {
  margin-top: 15px;
}

.logout_btn{
  float: right;
}


.back_admin_btn {    float: left;    margin-right: auto;    background: transparent;    color: #545454 ;    padding: 9px 34px;    border: 2px solid #06a7df;    font-weight: 500;    display: none;    font-family: 'Oswald';    text-transform: uppercase;    font-size: 16px;}.back_admin_btn:hover{background: rgb(28,120,189);    background: linear-gradient(90deg, rgba(28,120,189,1) 0%, rgba(23,141,204,1) 35%, rgba(4,169,225,1) 100%);border: 2px solid #06a7df;color:#fff;}

.logout_btn
{
  margin-left: auto;
  background: rgb(28,120,189);    background: linear-gradient(90deg, rgba(28,120,189,1) 0%, rgba(23,141,204,1) 35%, rgba(4,169,225,1) 100%);    font-size: 16px;    text-transform: uppercase;    font-family: 'Oswald', sans-serif;
  padding: 9px 34px;
  border: 2px solid transparent;
  color: #fff;
  font-weight: 500;
  margin-right: 0;
  display: block;
}.logout_btn:hover{border:2px solid #06a7df;color:#545454;background:transparent;}


/*new-step-css*/.step_col p {    border-top: solid 2px #06a7df;    border-bottom: solid 2px #06a7df;}.form_table h2 {    color: #1b7bbf;    font-weight: 700;    margin-top: 10px;    font-size: 34px;    width: 100%;    display: inline-block;    margin: 0px 0 20px;}input.reset_btn, input.pre_btn {    background: #00b2f0 !important;}input.next_btn {    background: #1b7bbf !important;}
input.print_btn{ background: #00b2f06b !important;margin-top: 0 !important;}
input.resource_btn,input.have_questions,input.next_btn,input.learn_reduce_cost,input.retirement_btn,input.request_quote, input.help_btn {  background: #1b7bbf !important; margin-top: 0 !important;}
div#logo_image img {width:100%;
    max-width: 260px;
}
div#logo_image {
    text-align: center;
}
.row.flex_data_hdr {
    display: flex;
    align-items: center;
}
.back_ad_lg button.back_admin_btn {
    float: none;
    margin-right: 0px !important;
}
.back_ad_lg button.logout_btn {
    margin-right: 0px !important;
    margin-left: 7px !important;
}
.back_ad_lg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/*new-step-css end*/


.total_amount {
	color: #128fd2;
}

#submission_form {
	text-align: left;
	margin: 10px auto 20px;
}

input.input_field_new, fieldset select, textarea.input_field_new {
	width: 100%;
	padding: 13px 10px;
	margin: 0 0 20px 0;
	border: 1px solid #eee;
	background: #fff;
	color: #545454;
	box-sizing: border-box;
	outline: none;
	transition: all ease 0.3s;
}
.submission_form {
	width:70%;
	margin:0 auto;
}
.d-flex{
	display: flex;
}
.step_9_div_custom {
	padding: 50px 20px 35px !important;
}
.radio_btn_gender label {
	display: inline-flex;
	margin-bottom: 10px;
	font-weight: 700;
	align-items: baseline;
	gap: 10px;
	margin-right: 20px;
}

.text-red {
	color: red;
}
#global_loader p {
	color: #000;
	position: relative;
	font-family: Arial;
	text-align: center;
	font-size: 16px;
	color: rgb(28, 90, 156);
	font-weight: bold;
	bottom: 20px;
	width: 100%;
	/* left: -50px; */
	top: 85px;
}
/* Prevent page scrolling */
body.no-scroll {
    overflow: hidden;
	height: 100%;
}

.outer_class{
	width:100%;
	height:100%;
	background: rgba(255,255,255, 0.7);
	position:fixed;
	text-align:center;
	z-index:999999999999;
	top:0;
	display:none;
	left: 0px;
}
.outer_class .inner_class{
	top:40%;
	position:absolute;
	background:url('../images/loader_new.gif') center center no-repeat;
	width:100%;
	height:110px;
	display:inline-block;
	background-size:6%;
	left:0;
}
.pre_quote_request {
	margin-top: 30px;
	margin-right: 30px !important;
}

input.input_password {
    width: 100%;
    padding: 13px 10px;
    margin: 0 0 20px 0;
    border: 1px solid #eee;
    background: #fff;
    color: #545454;
    box-sizing: border-box;
    outline: none;
    transition: all ease 0.3s;
}
input.input_password:focus{border-color:#00b2f0;}
.form_sec {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}

#quote_password_error{
	color:red;
	display:none;
	margin-bottom:20px;
	margin-top:-20px;
	text-align:left;
}


@media(max-width:450px){
	#first .form_sec> div {
    padding: 0 0 15px;
}
	.step_9_div_custom{
		padding:0px 15px !important;
	}
	.step_9_submit_btn input.resource_btn {
		padding: 10px !important;
		width:91%;
	}
	#submission_form {
		margin: 5px;
	}
	.submission_form {
		width: 100%;
		margin: 0 auto;
	}	
	/* .step_9_div_custom {
		padding: 40px 0 20px !important;
	} */
	.form_table h2{
		font-size:30px;
	}
	.step_col p{
		padding:0 15px;
		font-size:18px;
	}
	.submission_form label {
		font-size: 14px;
		line-height: 18px;
		font-weight: 700;
	}
	.radio_btn_gender>.d-flex label {
		margin-bottom: 0;
	}
	.pre_quote_request {
		margin-right: 0px;
	}
	
	/* Header Css Start */
.header_div {
    margin: 8px 0 0 0;
}
.back_ad_lg> button {
    padding: 4px 10px !important;
    text-wrap: nowrap !important;
}

/* Header Css End  */

.roi-steps-container {
    padding: 0px 15px 50px;
}
.form_table {
    margin-bottom: 0px;
    padding: 0px 0 0;
}
.form_sec> div {
    padding: 15px;
}
form#submission_form .row {
    padding: 0;
}
.form_sec .kid_div {
    padding: 0;
    margin-top: 40px;
}
fieldset#second_fieldset .form_table h2 {
    margin-bottom: 0;
}
.kid_sec_1.hide_all_sec_2 {
    background: #f7f9f5;
    padding: 15px;
    margin-top: 5px;
}
form#submission_form .row:nth-child(1) .col-md-6 {
    width: 50%;
    float: left;
}
input[type="radio"] {
    width: 10%;margin:0px !important;
}
.radio_btn_gender {
    margin-bottom: 10px;
}
.radio_btn_gender label[for="m-gender"], .radio_btn_gender label[for="f-gender"]{align-items:center;}
.form_table h2{
	font-size:28px;
}
.form_sec label,
input.input_field_new, fieldset select,
input.input_field, fieldset select{
	margin-bottom:5px;
}
.logout_btn, .back_admin_btn{font-size:14px;}
fieldset select{height:46px;}
.kid-info {
    padding: 21px 30px 21px;
}
a.add_more_expenses ,
a.loan_breakdown_link{
    float: right;
}
.total-loan h3{
	font-size:20px;
}
fieldset#third_fieldset .step3panelContainer {
    padding-left: 0px !important;
}
.total_loans_div{
	position:relative;
	top:15px;
}
#printableArea.responsive-table li{
	margin-bottom:10px;
}
.common_total p {
    font-weight: bold;
    margin: 0 0 5px;
    display: flex;
    justify-content: space-between;
}

.common_total span {
    max-width: 100px;
    flex: 1;
    text-align: start;
}
    /* .step_9_div_custom {
        padding: 40px 20px !important;
    } */


		 #first, fieldset {
			min-width: 100%;
		}
		.step_9b_btns {
			gap:15px;
			flex-direction:column-reverse;
		}
		.request_quote_with_icon.request_quote.next_btn {
			text-wrap: nowrap;
			flex-direction: row;
			gap: 5px;
			padding: 10px 15px;
			margin-top: 10px;
		}
		/*fieldset {
			padding: 20px 10px 20px 10px !important;
		}*/
		input.help_btn,
		input.learn_reduce_cost,
		input.resource_btn,
		input.retirement_btn{
			text-wrap: auto;
		}
		.request_quote_with_icon input[type="button"] {
			padding: 0 !important;
		}
		.kid_div1, .kid_div2 {
			padding: 0;
		}
		.form_table h2{
			margin-bottom:20px;
		}
	fieldset input[type=button] {
        padding: 10px 28px !important;
    }
	}
		
		<!-- Step 9 Form css End -->