@font-face {
    font-family: AvenirLTStd-Light;
    src: url(fonts/AvenirLTStd-Light.eot);
    src: url(fonts/AvenirLTStd-Light.eot?#iefix) format('embedded-opentype'), url(fonts/AvenirLTStd-Light.woff) format('woff'), url(fonts/AvenirLTStd-Light.ttf) format('truetype'), url(fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light) format('svg')
}

@font-face {
    font-family: AvenirLTStd-Black;
    src: url(fonts/AvenirLTStd-Black.eot);
    src: url(fonts/AvenirLTStd-Black.eot?#iefix) format('embedded-opentype'), url(fonts/AvenirLTStd-Black.woff) format('woff'), url(fonts/AvenirLTStd-Black.ttf) format('truetype'), url(fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black) format('svg')
}

@font-face {
    font-family: AvenirLTStd-Book;
    src: url(fonts/AvenirLTStd-Book.eot);
    src: url(fonts/AvenirLTStd-Book.eot?#iefix) format('embedded-opentype'), url(fonts/AvenirLTStd-Book.woff) format('woff'), url(fonts/AvenirLTStd-Book.ttf) format('truetype'), url(fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book) format('svg')
}

@font-face {
    font-family: AvenirLTStd-Heavy;
    src: url(fonts/AvenirLTStd-Heavy.eot);
    src: url(fonts/AvenirLTStd-Heavy.eot?#iefix) format('embedded-opentype'), url(fonts/AvenirLTStd-Heavy.woff) format('woff'), url(fonts/AvenirLTStd-Heavy.ttf) format('truetype'), url(fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy) format('svg')
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(fonts/OpenSans-Regular.eot);
    src: url(fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Regular.woff) format('woff'), url(fonts/OpenSans-Regular.ttf) format('truetype'), url(fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg')
}

@font-face {
    font-family: OpenSans-Bold;
    src: url(fonts/opensans-bold/OpenSans-Bold.eot);
    src: url(fonts/opensans-bold/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/opensans-bold/OpenSans-Bold.woff) format('woff'), url(fonts/opensans-bold/OpenSans-Bold.ttf) format('truetype'), url(fonts/opensans-bold/OpenSans-Bold.svg#OpenSans-Bold) format('svg')
}

@font-face {
    font-family: AvenirLTStd-95-Black;
    src: url(fonts/95/AvenirLTStd-95-Black.eot);
    src: url(fonts/95/AvenirLTStd-95-Black.eot?#iefix) format('embedded-opentype'), url(fonts/95/AvenirLTStd-95-Black.woff) format('woff'), url(fonts/95/AvenirLTStd-95-Black.ttf) format('truetype'), url(fonts/95/AvenirLTStd-95-Black.svg#AvenirLTStd-95-Black) format('svg')
}

@font-face {
    font-family: AvenirLTStd-35-Light;
    src: url(fonts/35/AvenirLTStd-35-Light.eot);
    src: url(fonts/35/AvenirLTStd-35-Light.eot?#iefix) format('embedded-opentype'), url(fonts/35/AvenirLTStd-35-Light.woff) format('woff'), url(fonts/35/AvenirLTStd-35-Light.ttf) format('truetype'), url(fonts/35/AvenirLTStd-35-Light.svg#AvenirLTStd-35-Light) format('svg')
}

@font-face {
    font-family: Rupee_Foradian;
    src: url(fonts/rupee/Rupee_Foradian.eot);
    src: url(fonts/rupee/Rupee_Foradian.eot?#iefix) format('embedded-opentype'), url(fonts/rupee/Rupee_Foradian.woff) format('woff'), url(fonts/rupee/Rupee_Foradian.ttf) format('truetype'), url(fonts/rupee/Rupee_Foradian.svg#Rupee_Foradian) format('svg')
}

@font-face {
    font-family: calibriLightItalic;
    src: url(fonts/calibri/calibriLightItalic.eot);
    src: url(fonts/calibri/calibriLightItalic.eot?#iefix) format('embedded-opentype'), url(fonts/calibri/calibriLightItalic.woff) format('woff'), url(fonts/calibri/calibriLightItalic.ttf) format('truetype'), url(fonts/calibri/calibriLightItalic.svg#calibriLightItalic) format('svg')
}

body {
    padding: 0;
    margin: 0;
    font-family: AvenirLTStd-Light
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.loadOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000
}

.text-hidden {
    display: none
}

.verifySign {
    position: absolute;
    top: 25px;
    right: 10%
}

.pace {
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999999;
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.pace .pace-progress {
    border-bottom: 5px solid #ab2f2f;
    position: fixed;
    z-index: 9999;
    top: 50%;
    margin-top: -3px;
    left: 0;
    height: 52px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

.pace-progress-image {
    width: 400px;
    height: 55px;
    margin-bottom: 10px;
    left: 45%;
    right: auto;
    background-image: url(../../images/QuietGrowth-logo.png);
    background-size: 190px auto;
    background-repeat: no-repeat
}

.margin-bottom,
.p-default {
    margin-bottom: 0
}

.progress-image {
    height: 30px;
    right: 0;
    position: relative
}

.pace-inactive {
    opacity: 0;
    pointer-events: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.nav>li>a{
    padding: 10px 0px;
}

#nav-second {
    position: fixed;
    width: 100%;
    background: #fff;
    top: -180px;
    z-index: 780;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2)
}

#nav-second.affix {
    top: 0
}

.btn-maroon{
    background-color: #ab2f2f;
    border-color: #ab2f2f;
    color: #fff;
}
.nav>li{
    padding: 0 10px;
}

.jumbotron-home h1,
.jumbotron-home h2.heading {
    font-family: AvenirLTStd-Book
}

.div-min-height {
    min-height: 300px
}

.bg-green {
    background-color: #abe58f;
    box-shadow: inset 0 0 2px 0 #82b968
}

.bg-red {
    background-color: #ee8983;
    box-shadow: inset 0 0 2px 0 #8b4545
}

.tfoot-border {
    border-top: 1px solid #d3d3d3;
    padding-top: 5px
}

.navbar-default {
    -moz-box-shadow: 0 0 5px #2e2e2e;
    -webkit-box-shadow: 0 0 5px #2e2e2e;
    -ms-box-shadow: 0 0 5px #2e2e2e;
    -o-box-shadow: 0 0 5px #2e2e2e
}

#nav.affix,
.navbar-default {
    box-shadow: 0 0 5px #2e2e2e
}

ul.dropdown-menu li a i.fa {
    margin-right: 5px;
    color: #888888;
}

header .navbar-left {
    margin-top: 12px
}

header .navbar-left>li {
    padding: 0 25px
}

header .navbar-right>li a.btn-maroon {
    visibility: hidden;
    border: 2px solid #ab2f2f;
    padding: 5px 15px;
    font-size: 16px;
    color: #fff;
    margin-top: 0;
    transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    -o-transition: .3s all ease-out
}

header .navbar-right-list>li a:hover {
    border-bottom: 2px solid #ab2f2f;
    color: #ab2f2f;
    background: 0 0
}

.btn-outline,
h2 {
    color: inherit
}

#nav-second.affix .navbar-right>li a.btn-maroon {
    visibility: visible;
    transition: .3s all ease-out;
    -webkit-transition: .3s all ease-out;
    -moz-transition: .3s all ease-out;
    -ms-transition: .3s all ease-out;
    -o-transition: .3s all ease-out
}

header .nav>li.dropdown {
    padding-left: 10px;
    margin-top: -5px
}

.mainContentAdmin,
hr {
    margin-top: 20px
}

.font-normal {
    font-family: AvenirLTStd-Light
}

.border-dotted {
    border-style: dotted
}

img.bottom {
    position: absolute;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    transition: opacity .5s ease-in-out
}

img.bottom,
img.top {
    top: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out
}

img.top {
    transition: opacity .5s ease-in-out
}

#faqImg:hover img.bottom {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1
}

.btn-outline {
    background-color: transparent;
    transition: all .5s
}

.inr-rupee {
    font-family: Rupee_Foradian;
    font-size: inherit;
    margin-right: 1px
}

.visibility {
    visibility: hidden
}

.pageView {
    background: #fff;
    border: 0;
    border-right: 1px solid #2e2e2e;
    min-height: 100%
}

.pageView-default {
    padding: 0 5px 0 0
}

.dashboard-bg {
    background: #2e2e2e;
    padding: 0
}

.pageViewSidebar {
    padding: 0 7px
}

.navbar-brand img {
    height: 40px
}

span.tool-tip-left,
span.tool-tip-right {
    font-family: OpenSans-Regular
}

.div-header,
b,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input[type=submit] {
    font-family: AvenirLTStd-Book
}
.h1{
    font-size: 44px;
    line-height: 1.4em;
    text-shadow: 2px 2px 6px #000;
}

h3 {
    color: #2e2e2e;
    font-weight: 600
}

p {
    font-family: AvenirLTStd-Light
}

.p {
    font-size: 16px
}

ul.list-checkbox li,
ul.primary li.bg-white,
ul.primary-bold>li {
    font-size: 20px;
    line-height: 2em
}

.div-header,
b {
    font-weight: 700
}

ul.list-checkbox,
ul.primary,
ul.primary-bold {
    list-style: none;
    font-family: AvenirLTStd-35-Light
}

.blue {
    color: #24798e;
    font-weight: 600
}

h4 {
    color: #ab2f2f
}

a:hover {
    text-decoration: none
}

hr {
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #d3d3d3
}

.hr-sm {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #d3d3d3
}

span.highlight {
    color: #ffa319;
    border-bottom: 1px solid #ffa319;
    font-weight: 400
}

ul.primary {
    margin: 0 0 20px;
    padding: 0
}

ul.primary>li,
ul.primary>li.bg {
    padding: 0 10px;
    margin-bottom: 5px;
    background-size: 10px 14px
}

ul.primary-bold {
    margin: 40% 0 30px
}

ul.primary-bold>li {
    padding: 0 20px 0 40px;
    background: url(../imgs/circle-list.png) 0 5px no-repeat;
    background-size: 30px 27px
}

ul.list-checkbox {
    padding: 0
}

ul.primary li.bg-white {
    padding: 0 25px;
    background: url(../imgs/arrow-white.png) 0 10px no-repeat;
    background-size: 12px 17px
}

ul.list-checkbox li {
    padding: 0 20px 0 40px;
    background: url(../imgs/circle-list.png) 0 5px no-repeat;
    background-size: 30px 27px
}

#myTabContent {
    border: 0 solid #d3d3d3;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
    padding: 0;
    margin: 0;
    outline: 0;
    min-height: 20%
}

.wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff
}

#wrapper {
    position: relative;
    -webkit-backface-visibility: hidden;
    margin: 0 auto
}

.mainContentMargin,
.margin-Top {
    margin-top: 0
}

#sidebar-default {
    background: #2e2e2e;
    border-right: 1px solid #2e2e2e;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 999;
    padding: 0 7px
}

#content {
    background: #FFF;
    margin-left: 100px;
    position: relative;
    min-height: 900px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

header .navBarHeader {
    background-color: #fff;
    z-index: 9;
    position: relative
}

#nav.affix,
.navbar {
    z-index: 99
}

#nav.affix-top {
    background: #fff;
    top: -10%
}

#nav.affix {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -moz-box-shadow: 0 0 5px #2e2e2e;
    -webkit-box-shadow: 0 0 5px #2e2e2e;
    -ms-box-shadow: 0 0 5px #2e2e2e;
    -o-box-shadow: 0 0 5px #2e2e2e
}

#sidebar.affix-top {
    position: static;
    width: 250px
}

#sidebar.affix {
    position: fixed;
    top: 0;
    width: 250px
}

#sidebar.affix-bottom {
    position: absolute;
    top: 0
}

#sidebar ul>li {
    display: block;
    float: none;
    color: #59aec3;
    padding: 0;
    margin: 0
}

#div-section-logo,
.radio-button input[type=radio] {
    display: none
}

#sidebar ul>li a {
    color: #24798e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

#sidebar .active,
#sidebar ul>li a {
    padding: 0 0 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d3d3d3;
    border-radius: 0
}

#sidebar .active {
    color: #ab2f2f;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: 0 0
}

.main-page {
    background-color: #2e2e2e;
    padding: 0 10px
}

.main-content {
    background: #fff;
    margin: 0 auto;
    min-height: 400px;
    padding-bottom: 20px;
    position: relative
}

.popup-div,
.video-links,
video {
    position: absolute
}

.popup-div {
    padding: 10px;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    left: 0
}

.popup-box {
    background: rgba(0, 0, 0, .7);
    min-height: 500px;
    height: 100%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.radio-button label {
    display: inline-block;
    background-color: #f1eeeb;
    padding: 10px 15px;
    font-family: Arial;
    font-size: 18px;
    color: #2e2e2e
}

.radio-button label:hover {
    cursor: pointer
}

.radio-button input[type=radio]:checked+label {
    background-color: #59aec3;
    color: #fff
}

.radio-button label.label-circle {
    width: 140px;
    height: 140px;
    text-align: center;
    background-color: #f1eeeb;
    font-family: Arial;
    font-size: 22px;
    color: #2e2e2e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50%;
    margin-bottom: 20px;
    font-weight: 400;
    border: 5px solid transparent;
    display: table;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

.radio-button label.label-circle:hover {
    border: 5px solid #59aec3;
    color: #59aec3;
    background-color: transparent;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    cursor: pointer
}

.resources,
.wrapper #section-1,
.wrapper #section-2 {
    padding: 20px 0;
    border-bottom: 1px solid #d3d3d3
}

.radio-button label.circle-sm {
    width: 80px;
    height: 80px
}

.radio-button label.label-circle span {
    display: table-cell
}

.radio-button input[type=radio]:checked+label.label-circle {
    background-color: #59aec3;
    color: #fff
}

.form-default-height {
    min-height: 630px
}

.form-small-font {
    font-family: calibriLightItalic AvenirLTStd-Light;
    font-size: 15px
}

.div-btn-spacing button,
.well p.assets {
    font-family: AvenirLTStd-Book;
    font-weight: 700
}

#section-video {
    position: relative;
    height: 650px;
    width: 100%;
    background-image: url(../../images/quietgrowth-banner-image.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 100% 25%
}

#section-video:before {
    position: absolute;
    content: '';
    z-index: 3;
    width: 100%;
    background: rgba(36, 121, 142, .8)
}

#section-video .btn {
    margin-top: 40px;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.video-links {
    text-align: center;
    position: absolute;
    top: 28%;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 3
}

.section-img {
    margin-left: -20px;
    margin-bottom: 10px
}

#fund-mf,
.Fund {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%
}

#section-7 ul {
    list-style-type: disc;
}

.wrapper #section-4 {
    padding: 20px 0;
    color: #fff;
}

#section-7,
.wrapper #section-5 {
    padding: 20px 0;
}

#section-8,
.resources {
    text-align: center
}

#section-8 {
    color: #2e2e2e;
    padding: 0;
    background-color: #fff
}

.img-bg {
    padding: 10px;
    margin-bottom: 5px
}

footer h5,
footer p {
    color: #d3d3d3
}

footer {
    padding: 30px 0 10px;
    margin: 0;
    background: #2e2e2e;
    width: 100%
}

.nav-sidemenu,
footer .footer-list li {
    padding: 0
}

footer p {
    font-size: 12px;
    width: 90%
}

footer .footer-list {
    list-style: none;
    padding: 0;
    margin: 0
}

footer .footer-list li a {
    color: #59aec3;
    line-height: 1.5em;
    font-size: 14px
}

footer .footer-list li a.active,
footer .footer-list li a:hover{
    color: #7f8c97;
    text-decoration: none;
}
.qg-email p a:hover,
.qg-email p a:focus{
    text-decoration: none;
}

footer a {
    color: #59aec3
}

footer .col-xs-6 {
    min-height: 120px
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
    color: #ab2f2f;
    border-bottom: 2px solid #ab2e2e;
    transition: all ease-out .7s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s
}

.navbar-default .navbar-nav>li:hover>a {
    color: #ab2f2f;
    transition: color ease-out .3s;
    -webkit-transition: color ease-out .3s;
    -moz-transition: color ease-out .3s;
    -ms-transition: color ease-out .3s;
    -o-transition: color ease-out .3s;
    border-bottom: 2px solid #ab2e2e
}

.disclaimer {
    margin-top: 20px;
    padding: 0 70px
}

.disclaimer p a {
    color: #ffb74a
}

.well p,
.well p.assets {
    color: grey
}

i.fa-question {
    cursor: pointer
}

.well p span i.fa,
.well p span.green {
    color: #56c445
}

.social-icons-default a i.fa {
    color: #ababab;
    margin: 5px
}

.social-icons-default a i.fa:hover {
    color: #2e2e2e
}

.investmentStatus {
    height: auto;
    background: #2e2e2e;
    padding: 3px 0
}

.Fund {
    width: 100px;
    height: 100px;
    -ms-border-radius: 50% 50%;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    text-align: center;
    display: table
}

#fund-etf,
#fund-mf {
    color: #fff;
    font-size: 12px
}

.Fund span {
    display: table-cell
}

.fund-bg1 {
    background: #f9ba5d
}

.fund-bg2 {
    background: #9ddd51
}

.fund-bg3 {
    background: #9a6eea
}

.fund-bg4 {
    background: #50b4ef
}

.fund-cost {
    background-color: #7f8c97
}

#fund-mf {
    background: #f9ba5d;
    -ms-border-radius: 50%;
    padding: 5px
}

#fund-etf {
    background: #50b4ef;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 5px 4px
}

.breadcom-list {
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 5px 0 1px;
    background-color: #2e2e2e
}

.breadcom-list li {
    color: #000;
    display: inline-block;
    text-align: center
}

.breadcom-list li a {
    color: #e2e2e2;
    background: url(../imgs/pending.png) right no-repeat;
    background-size: 15px 25px;
    padding: 0 30px;
    font-size: 16px;
    width: 100%;
    cursor: default;
    text-decoration: none
}

.breadcom-list .process {
    background: url(../imgs/progress.png) right no-repeat;
    background-size: 15px 25px;
    color: #59aec3;
    cursor: pointer
}

.breadcom-list .complete {
    background: url(../imgs/complete.png) right no-repeat;
    background-size: 15px 25px;
    color: #49bd36;
    cursor: pointer
}

.breadcom-list h4 {
    color: #000;
    padding: 5px 0;
    margin: 0
}

.breadcom-list .process h4 {
    color: #fff;
    padding: 5px 0;
    margin: 0
}

.invest-dashboard-border {
    border: 2px solid #ab2f2f;
    margin: 10px 0;
    min-height: 650px;
    padding-bottom: 10px;
    padding-top: 10px
}

.form-default {
    margin: 25px auto 10px;
    padding: 15px 30px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.form-default,
.form-primary {
    max-width: 60%;
    background: #f2f2f2;
    border-radius: 10px
}

.form-primary {
    margin: 30px auto 15px;
    padding: 10px 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.form-default-outline {
    margin: 20px auto;
    padding: 0;
    background: 0
}

.form-error-msg {
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
    color: red;
    position: absolute;
    top: -30px;
    left: 50px
}

.form-primary .form-control {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.form-lg {
    max-width: 100%
}

.form-normal {
    max-width: 80%
}

i.fa-envelope-o,
i.fa-mobile {
    color: #000;
    padding-right: 10px
}

.child_header {
    display: table!important;
    width: 100%
}

div.child {
    display: inline-block
}

table#accordion {
    margin-top: 5px
}

.accordion-primary table.accordion .link {
    cursor: pointer;
    min-height: 45px;
    display: table!important;
    width: 100%
}

.accordion-primary table.accordion #btnKnowMore:after {
    content: "Expand";
    color: #59aec3;
    font-size: 12px;
    text-decoration: underline;
    padding: 3px;
    position: relative;
    top: 0;
    -webkit-transition: content 2s;
    transition: content 2s
}

.accordion-primary .submenu {
    display: none;
    padding: 20px 15px;
    list-style: none;
    font-size: 12px;
    background-color: #fff;
    width: 100%
}

.social-icons ul li,
.social_icons li {
    display: inline-block
}

.accordion-primary .accordion td.open .link {
    background: #7f8c97;
    color: #fff
}

.accordion-primary .accordion td.open #btnKnowMore {
    position: relative;
    top: 40px
}

.accordion-primary .accordion td.open #btnKnowMore:after {
    content: "X";
    color: #2e2e2e;
    font-size: 14px;
    background: 0 0;
    padding: 1px 5px;
    position: relative;
    text-decoration: none;
    top: 0;
    right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 1px solid #2e2e2e;
    -webkit-transition: content 2s;
    transition: content 2s
}

.social_icons {
    list-style: none
}

.social-icons {
    width: 100%;
    margin: 20px 0
}

.social-icons ul {
    padding: 0
}

.social-icons ul li {
    margin: 10px 40px 0
}

.social-icons ul li a i.fa {
    color: #fff;
    background: #59aec3;
    padding: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s
}

.social-icons ul li a i.fa:hover {
    color: #2e2e2e;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s
}

i.fa-question {
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 1px 3px;
    font-size: 6px;
    top: -1.5px;
    margin-left: 2px;
    color: inherit;
    position: relative
}

.div-header {
    font-size: 14px;
    font-weight: 600
}

.rupee,
.rupeeNormal {
    font-size: 12px;
    float: right
}

.rupee {
    font-weight: 600;
    padding-right: 0;
    line-height: 1.7em;
    font-family: Rupee_Foradian
}

.percentage,
.small,
small {
    font-family: OpenSans-Regular
}

.rupeeNormal {
    font-weight: 400;
    padding-right: 10px
}

.small,
small {
    font-size: 80%
}

.percentage {
    font-weight: 400;
    font-size: 12px
}

.display-none {
    display: none
}

.bg-error {
    background-color: #ff9494
}

.user {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin-top: 5px;
    z-index: 99
}

.formBorder {
    border: 0;
    background: 0 0;
    box-shadow: none
}

.country-list {
    position: relative;
    z-index: 9;
    top: 5px
}

.country-list-footer {
    position: absolute;
    z-index: 9;
    left: 10%;
    top: 30px
}

#current,
#current-country,
#current-footer {
    padding: 10px;
    position: relative;
    margin-top: 0;
    line-height: 2em;
    color: #b0bfc7
}

#current-footer:hover {
    cursor: pointer
}

#current-country:hover,
#current-country:hover span,
#current:hover,
#current:hover span,
ul.country li a:hover,
ul.country-footer li a:hover {
    cursor: pointer;
    color: #2e2e2e;
    transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    -webkit-transition: all .7s
}

ul.country li a span,
ul.country-footer li a span {
    position: relative;
    top: 2px;
    left: 5px
}

ul.country li span,
ul.country-footer li span {
    position: relative;
    top: 4px;
    left: 5px
}

#current-footer span {
    position: relative;
    top: 2px;
    left: 5px
}

ul.country {
    right: 0;
    left: auto;
    margin-top: 4px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background: #fff
}

ul.country,
ul.country-footer {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    list-style: none;
    display: none;
    padding: 0;
    text-align: left;
    z-index: 9000;
    position: absolute;
    width: 150px;
    border: 1px solid #d3d3d3
}

ul.country-footer {
    left: 0;
    bottom: 50px;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background: #fff
}

span.small {
    line-height: 2.5em
}

span.btn {
    margin-right: 20px;
    padding: 0 7px;
    margin-top: 2px
}

span.btn a {
    color: #2e2e2e
}

ul.country li,
ul.country-footer li {
    padding: 5px 10px;
    margin: 5px;
    width: 140px
}

ul.country-footer:before,
ul.country:before {
    background: url(../imgs/callout.png) no-repeat;
    content: "";
    display: block;
    width: 47px;
    height: 23px
}

label.error,
p.btn.btn-primary label.error {
    font-weight: 400;
    font-size: 12px;
    margin-top: 2px;
    position: absolute
}

ul.country li a,
ul.country-footer li a {
    color: #b0bfc7
}

ul.country:before {
    position: absolute;
    top: -15px;
    right: 0
}

ul.country-footer:before {
    position: absolute;
    bottom: -15px;
    left: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ErrorField {
    border: 1px solid #D00
}

.wizard-error {
    background-color: #f60101;
    color: #2e2e2e
}

label.error,
ul.parsley-errors-list li {
    color: #f60101
}

#signUpInitial label.error {
    margin-left: 2px;
    width: auto;
    display: inline;
    position: absolute
}

#wizard_example_4 div.form-group,
div.form-group {
    margin-bottom: 20px;
    margin-left: 0
}

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

table.table .col-cell {
    display: table-cell
}

p.btn.btn-primary label.error {
    color: #f60101;
    bottom: -30px;
    left: 20px
}

#investmentplan::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1.8em
}

#investmentplan:-moz-placeholder {
    font-size: 14px;
    line-height: 1.8em
}

#investmentplan::-moz-placeholder {
    font-size: 14px;
    line-height: 1.8em
}

#investmentplan:-ms-input-placeholder {
    font-size: 14px;
    line-height: 1.8em
}

input.dashboardInputBox:focus {
    border-color: none
}

.questions .sf-sea .sf-nav-top {
    display: none
}

.questions .sf-sea .sf-wizard>form h4 {
    color: #2e2e2e;
    font-weight: 400;
    font-size: 24px
}

.questions .sf-sea .sf-wizard>form h4 p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.5
}

li.parsley-required {
    color: #f60101
}

#scrollerArrow {
    font-size: 300px;
    color: #f60101
}

#scrollerbox {
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(left, #90ee90 0, #ff0 20%, orange 90%, #fc7e7e 100%);
    background: -o-linear-gradient(left, #90ee90 0, #ff0 20%, orange 90%, #fc7e7e 100%);
    background: -moz-linear-gradient(left, #90ee90 0, #ff0 20%, orange 90%, #fc7e7e 100%);
    background: linear-gradient(to right, #90ee90 0, #ff0 20%, orange 90%, #fc7e7e 100%);
    color: #ccc;
    font-family: source code pro, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Veranda, sans-serif;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    border-bottom: 1px solid;
    z-index: 9;
    position: relative
}

#scrollerbox>div.tickLabel {
    background: rgba(46, 46, 46, .3)
}

#scrollerbox .tickLabel {
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 15%;
    text-indent: 1px;
    line-height: 20px;
    font-size: 6px;
    padding: bottom: 20px
}

#scrollerbox .tickLabel p {
    margin-top: -13px;
    margin-left: -4px;
    color: #2e2e2e;
    font-weight: 700;
    text-align: center;
    display: none
}

.btn-radio ul.parsley-errors-list li {
    color: #f60101;
    position: absolute;
    z-index: 999;
    left: 4%;
    bottom: -20px;
    padding: 2px 0;
    font-size: 12px
}

.questions .sf-sea .sf-wizard>form {
    background-color: #fff;
    padding: 20px 100px
}

.questions input[type=radio] {
    margin: 7px 20px 0 0;
    line-height: normal;
    position: relative;
    top: 2px
}

.questions h4 {
    margin-bottom: 30px;
    line-height: 1.3em
}

.questions ul.parsley-errors-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: inherit
}

ul.parsley-errors-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    color: #f60101;
    font-size: 13px
}

ul.parsley-errors-list li {
    font-size: 13px
}

.questions ul.parsley-errors-list li {
    position: absolute;
    min-width: 250px
}

.questions input[type=number] {
    -moz-appearance: textfield
}

.questions input[type=radio] {
    color: #fff
}

.questions .btn-radio label {
    display: block;
    font-weight: 400
}

#libUserStatus ul li:first-child a:before,
#libUserStatus ul li:last-child a:after,
.button-read-less,
.less.active .button-read-more,
.whatAbout {
    display: none
}

.questions .sf-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.questions .sf-viewport .sf-step>fieldset {
    overflow: visible
}

.bar {
    transition: .7s width;
    -webkit-transition: .7s width;
    -moz-transition: .7s width;
    -ms-transition: .7s width;
    -o-transition: .7s width;
    border-right: 3px solid #ab2f2f
}

.questions .sf-sea .sf-wizard>form p {
    margin-bottom: 3px
}

.less.active .button-read-less {
    display: inline
}

.more {
    background: url(../imgs/callout-gif) #f2f2f2;
    color: #2e2e2e;
    padding: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .65);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .65);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .65);
    box-shadow: 0 0 10px rgba(0, 0, 0, .65);
    position: absolute;
    margin-top: 20px;
    z-index: 99;
    display: inline-block
}

.more:before {
    position: absolute;
    top: -15px;
    left: 10%;
    content: '';
    height: 0;
    width: 0;
    border: 9px solid transparent;
    border-top-color: #f2f2f2;
    background: url(../imgs/callout-gif);
    z-index: 9999;
    transform: rotate(180deg);
    margin-left: -15px
}

.fa-bg-black {
    background: #727274;
    padding: 4px;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

#SignUpSubmitSaveButton,
#uncompleteSignUpSubmit {
    margin-right: 20px
}

.modal-body p {
    font-size: 18px
}

.investmentStatus span.small {
    font-size: 14px;
    font-style: normal;
    line-height: 1.5em
}

.small-span em,
.small-span p,
.small-span span.em {
    font-size: 12px;
    font-style: italic
}

.teamMember {
    position: relative;
    padding-left: 140px;
    padding-bottom: 0;
    margin-top: -10px
}

.teamMember img {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 130px
}

#ourTeam .col-xs-12 {
    margin-bottom: 15px;
    min-height: 140px
}

#ourTeam span.h3 {
    font-size: 18px
}

#ourTeam h2 {
    margin-bottom: 5px
}

#ourTeam h2 small {
    font-size: 55%;
    color: #2e2e2e;
    font-weight: 500
}

.info-number {
    font-size: 14px;
    float: left;
    line-height: 30px;
    font-weight: 700;
    background: #c7c7c7;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #FFF
}

.four,
.one,
.three,
.two {
    background: #58acc1;
    margin-right: 10px
}

.one {
    margin-top: -5px;
    float: none;
    position: absolute;
    left: 35%
}

i#downArrow,
i#upArrow {
    line-height: 0;
    position: relative;
    font-size: 40px
}

.three,
.two {
    margin-top: -8px
}

.four {
    margin-top: 10px
}

.panel-body-height {
    min-height: 135px
}

.panel-footer-default {
    background-color: transparent;
    border-top: 0;
    padding-top: 0
}

.scrollDown {
    opacity: .7;
    -webkit-opacity: .7;
    -ms-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    margin-top: 17px
}

i#upArrow {
    margin: 0;
    top: 17px
}

@media(min-width:1920px) and (max-width:2560px) {
    .main-content,
    .questions_section {
        min-height: 75%
    }
}
@media screen and (min-width:1700px){
    #section-video {
        height: 750px;
        background: url(../../images/quietgrowth-banner-image-large.jpg) 50% 7% no-repeat;
        background-size: cover;
    }
}
@media screen and (max-width:1200px) {
    .video-links {
        top: 20%
    }
    #section-video .btn {
        margin-top: 20px
    }
    #section-video {
        height: 550px;
        background: url(../../images/quietgrowth-banner-image.jpg) 100% 10% no-repeat;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    small.panInfo {
        margin-left: 40px
    }
    .form-primary {
        margin: 30px auto 15px;
        padding: 10px 50px;
        max-width: 60%;
        background: #f2f2f2;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }
    #investmentChange {
        width: 140px
    }
    ul.parsley-errors-list li {
        font-size: 10px
    }
    .small {
        font-size: 70%
    }
    #sidebar.affix-top {
        width: 230px
    }
    .rupee {
        font-size: 10.5px
    }
}

@media screen and (max-width:1024px) {
    .video-links {
        top: 30%
    }
    #section-video {
        height: 500px;
        background: url(../../images/quietgrowth-banner-image.jpg) 100% 10% no-repeat;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #section-video h2.h1 {
        font-size: 36px
    }
    #section-video .well-lg {
        padding: 0
    }
    #dashboardMenu {
        padding: 0;
        overflow-y: hidden
    }
}

@media screen and (max-width:992px) {
    .verifySign {
        position: static;
        padding-bottom: 10px
    }
    .fa-lg {
        padding-right: 30%
    }
    #section-video {
        height: 400px;
        background: url(../../images/quietgrowth-banner-image.jpg) 40% 10% no-repeat;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #section-video .well-lg {
        padding: 0
    }
    .accordion-primary .accordion td.open #btnKnowMore:after {
        padding: 3px 5px 1px
    }
    #savePlan-div {
        position: absolute;
        bottom: 25px;
        text-align: center;
        left: 0;
        right: 0
    }
    #loggedInSaveButton,
    #saveMyPlan .btn-link {
        background: green;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        line-height: 1.33
    }
    #loggedInSaveButton {
        margin-top: 10px
    }
    #dashboardMenu {
        padding: 0 15px 0 0;
        overflow-y: hidden
    }
    div#table .table>tbody>tr>td {
        height: 50px
    }
    div#table .table>tbody>tr>td strong {
        font-family: AvenirLTStd-Book;
        font-weight: 700
    }
    .video-links {
        top: 20%
    }
    #recalculateSubmit {
        position: absolute;
        right: 15px;
        width: 150px
    }
    .questions.sf-sea .sf-step fieldset legend {
        display: none
    }
    .social-icons ul li {
        margin: 10px;
        display: inline-block
    }
    #investmentChange {
        width: 100%
    }
    .form-error-msg {
        top: -30px;
        left: 0
    }
    header .nav>li {
        padding-left: 20px;
        margin-left: 20px
    }
    .panel-body-height {
        min-height: 150px
    }
    .menu-block {
        position: absolute;
        width: 50px;
        z-index: 99;
        right: 70px;
        top: 0
    }
    .form-default {
        max-width: 90%;
        padding: 10px 20px;
        margin: 10px auto
    }
    small.panInfo {
        margin-left: 35px
    }
    .questions .sf-sea .sf-wizard>form {
        padding: 20px
    }
    .country-list-footer {
        position: relative;
        left: 0;
        top: 0;
        width: 100px
    }
    ul.country-fllter {
        left: 40%
    }
    .invest-dashboard-border {
        margin: 10px
    }
    .whatAbout {
        display: block;
        text-align: center
    }
    .form-primary {
        margin: 30px auto 15px;
        padding: 10px 50px;
        max-width: 80%;
        background: #f2f2f2;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }
    .breadcom-list,
    .sidebar ul li a.active:after {
        display: none
    }
    .small {
        font-size: 80%
    }
    span.tool-tip-left {
        font-size: 7pt
    }
    .rupee {
        font-size: 10.5px
    }
    .form-default-outline {
        margin: 20px auto;
        padding: 0;
        background: 0
    }
    .pageView {
        border-right: 0 solid #2e2e2e;
        padding: 0 0 0 15px
    }
    .one {
        left: 25%
    }
    .btn-fixed {
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 300px;
        right: 0;
        font-size: 21px;
        line-height: 1.5em;
        margin: 0;
        padding: 10px 15px
    }
    footer {
        padding-bottom: 65px
    }
    .div-btn-spacing {
        float: none;
        text-align: center
    }
}

@media screen and (max-width:868px) {
    #error {
        color: #f60101;
        position: absolute;
        z-index: 999;
        left: 15%;
        bottom: 35%;
        padding: 2px 0;
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    .navbar-right .dropdown-menu: before,
    ul.country:before {
        display: block;
        content: ""
    }
    header .navBarHeader {
        position: fixed;
        width: 100%
    }
    header #navbar-in .navbar-left>li {
        padding: 0 15px;
        float: none;
        width: 170px
    }
    header #navbar-in .navbar-left>li a {
        float: none;
        border-bottom: 2px solid transparent;
        display: inline-block
    }
    header #navbar-in .navbar-left>li a:hover {
        float: none;
        border-bottom: 2px solid #ab2f2f
    }
    #navbar-in .navbar-right {
        margin-top: -15px
    }
    #section-2 ul,
    .navbar-brand,
    .navbar-default .navbar-brand {
        padding-left: 0
    }
    header .navbar-right>li a.btn-maroon {
        visibility: visible
    }
    nav.navbarHeader {
        position: fixed;
        width: 100%
    }
    .dashboard-bg {
        background-color: transparent
    }
    #myStatus .jumbotron {
        padding: 30px 0
    }
    header .nav>li.dropdown {
        padding-left: 10px;
        margin-top: 0
    }
    .pageView {
        padding: 0
    }
    #dashboardMenu {
        padding: 0 15px
    }
    .menu-block {
        position: absolute;
        width: 50px;
        z-index: 99;
        right: 70px;
        top: -52px
    }
    #navbar-in,
    .pageViewSidebar {
        left: 0;
        position: absolute;
        width: 100%
    }
    #navbar-in {
        background-color: #fff;
        z-index: 9;
        border-bottom: 2px solid #ab2f2f
    }
    .pageViewSidebar {
        z-index: 10;
        background-color: #2e2e2e;
        margin-top: -1px
    }
    .currentValue {
        float: left
    }
    #loggedInSaveButton,
    #saveMyPlan .btn-link {
        position: relative;
        z-index: 0;
        width: auto;
        bottom: auto;
        right: auto
    }
    #savePlan-div {
        position: relative;
        bottom: auto;
        text-align: center;
        left: 0;
        right: 0
    }
    body {
        overflow-x: hidden
    }
    .social-icons {
        margin: 5px 0
    }
    small.panInfo {
        margin-left: 25px
    }
    #whyQuietgrowth div {
        padding: 10px 15px
    }
    #passwordStrength {
        margin-top: 15px
    }
    .sidebar ul li {
        float: none
    }
    .navbar-brand img {
        height: 30px
    }
    .video-links {
        top: 20%
    }
    ul.primary-bold {
        margin: 10% 0 30px
    }
    .jumbotron-home {
        padding: 30px
    }
    ul.country {
        right: 0;
        left: auto;
        margin-top: -5px;
        margin-right: 5px
    }
    #current,
    #current-country {
        right: 5px;
        top: -5px
    }
    #current span,
    #current-country span {
        display: none
    }
    ul.country:before {
        background: url(../imgs/callout.png) no-repeat;
        position: absolute;
        width: 47px;
        height: 23px;
        top: -15px;
        right: 0;
        left: auto
    }
    .navbar-right {
        float: left;
        margin-right: 0;
        width: 100%
    }
    .rupee {
        font-size: 12px;
        font-weight: 600;
        float: right;
        padding-right: 5px
    }
    .mainContentMargin {
        margin-top: 10px
    }
    .country-list {
        position: absolute;
        right: 20%;
        left: auto;
        top: -45px
    }
    table.table-primary tr td:last-child {
        padding-left: 10px
    }
    .questions .btn-radio>.btn {
        float: none;
        display: block;
        background-color: rgba(89, 174, 195, .5);
        background-image: none;
        padding: 5px 10px;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        text-align: left
    }
    .questions .btn-radio>.active {
        background: url(../imgs/correct.png) 5px 8px no-repeat rgba(89, 174, 195, 1);
        background-size: 20px 20px;
        padding-left: 30px
    }
    fieldset.mCustomScrollbar._mCS_5.mCS_no_scrollbar {
        height: auto
    }
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .pop-bottom,
    .pop-left,
    .pop-right,
    .pop-top {
        cursor: pointer
    }
    .menu-block-home {
        position: absolute;
        width: 50px;
        z-index: 99;
        right: 65px;
        top: -50px
    }
    .navbar-right .dropdown-menu:before {
        background: url(../imgs/callout.png) no-repeat;
        position: absolute;
        width: 30px;
        height: 15px;
        top: -15px;
        right: 10px
    }
    .nav-sidemenu {
        padding-left: 15px;
        padding-right: 15px
    }
    .sidebar ul li a.active:after {
        display: none
    }
    .nav>li {
        display: block;
        float: left
    }
    #main-menu {
        width: 100%;
        height: auto;
        left: 0;
        position: absolute;
        background: #fff;
        border-bottom: 2px solid #ab2f2f;
        padding: 0 15px
    }
    header #main-menu .navbar-right>li {
        padding: 0 15px;
        float: none;
        width: 150px
    }
    header #main-menu .navbar-right>li a {
        float: none;
        border-bottom: 2px solid transparent;
        display: inline-block
    }
    header #main-menu .navbar-right>li a:hover {
        float: none;
        border-bottom: 2px solid #ab2f2f
    }
    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s
    }
    .side-collapse-container.out {
        left: 200px
    }
    .side-collapse {
        top: 50px;
        bottom: 0;
        left: 0;
        width: 200px;
        position: fixed;
        overflow: hidden;
        transition: width .4s
    }
    .side-collapse.in {
        width: 0
    }
    #section-video {
        min-height: 500px;
        background: url(../../images/quietgrowth-banner-mobile.jpg) 50% 15% no-repeat;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    footer .col-xs-6 {
        min-height: 90px;
    }
}

@media screen and (max-width:640px) {
    .jumbotron-home h1,
    .jumbotron-home h2.heading {
        text-align: center
    }
    .video-links {
        top: 35%
    }
    #section-6 .jumbotron-home {
        padding: 0
    }
    .form-default,
    .form-primary {
        padding: 10px 20px;
        max-width: 90%
    }
    .form-default {
        margin: 10px auto
    }
    .accordion li i {
        display: none
    }
    .form-primary {
        margin: 20px auto 10px;
        background: #f2f2f2;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }
    .popover {
        max-width: 100%;
        min-width: 100px
    }
    .form-default-outline {
        margin: 20px auto;
        padding: 0;
        background: 0
    }
}

@media screen and (max-width:510px) {
    .country-list {
        right: 25%
    }
    .Fund {
        width: 80px;
        height: 80px;
        font-size: 16px
    }
}

@media screen and (max-width:480px) {
    .pace-progress-image {
        left: 25%
    }
    .bg-black,
    .clearfix {
        border: 0
    }
    .video-links {
        top: 25%
    }    
    header .nav>li {
        padding-left: 15px
    }
    button {
        padding-top: 20px
    }
    .sf-wizard .sf-btn {
        width: 100%;
        margin: 5px 0;
        text-align: center
    }
    #SignUpSubmitSaveButton,
    #uncompleteSignUpSubmit {
        margin-right: 0
    }
}

.switch-toggle {
    min-height: 1.875em;
    position: relative;
    display: table;
    table-layout: fixed;
    padding: 0!important
}

.switch-toggle * {
    font-size: 1em
}

.switch-toggle a {
    display: block;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.switch-toggle label,
.switch-toggle>span {
    line-height: 1.875em;
    vertical-align: middle
}

.switch-toggle input:focus+label,
.switch-toggle input:focus~a {
    outline: #888 dotted 0
}

.switch-toggle input {
    position: absolute;
    opacity: 0
}

.switch-toggle input+label {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 50%;
    padding: 0 .5em;
    margin: 0;
    text-align: center
}

.switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 50%;
    height: 100%
}

.switch-toggle input:last-of-type:checked~a {
    left: 50%
}

.switch-candy {
    background: #d3d3d3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #2e2e2e;
    font-weight: 700;
    text-align: center
}

.switch-candy label {
    -webkit-transition: color .2s ease-out;
    -moz-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.switch-candy input:checked+label {
    color: #fff
}

.switch-candy a {
    border: 0 solid #333;
    background-color: green;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff
}

.switch-candy>span {
    color: #333;
    text-shadow: none
}

.switch-candy span {
    color: #fff
}

.switch-candy.switch-candy-blue a {
    background-color: #38a3d4
}

.switch-candy.switch-candy-yellow a {
    background-color: #f5e560
}

.btn-group-radio input[type=radio] {
    position: absolute!important;
    top: -9999px!important;
    left: -9999px!important;
    background: red
}

#crumbs,
#crumbs ol,
#libUserStatus ul li a,
#myTabContentAus,
#portfolioContainer,
#portfolioContainer1 {
    position: relative
}

.btn-group {
    display: block
}

.btn-group-radio input[type=radio]:checked+.btn {
    color: #fff;
    background-color: #59aec3
}

.btn-group-radio>input:first-child+.btn {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-radio>input:first-child+.btn.large {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group-radio>.btn {
    margin-left: -1px
}

.btn-group-radio label.btn {
    width: 97%;
    background: rgba(171, 47, 47, .2);
    text-align: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 15px
}

.btn-group-radio label.btn-lg {
    font-size: 20px
}


input.dollar-symbol {
    background-size: 12px 17px;
    padding-left: 30px
}

input.dollar-symbol,
input.dollar-symbol-lg {
    background: url(../imgs/dollar.png) 5px 50% no-repeat #fff
}

input.dollar-symbol-lg {
    background-size: 15px 25px;
    padding-left: 30px
}

.form-control,
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon,
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.note {
    color: #2e2e2e;
    font-size: 16px;
    margin-bottom: 3px
}

.btn-radio input[type=radio] {
    margin: 7px 20px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    font-weight: 400
}

#pieChartLegend,
#resources h5 {
    margin-top: 20px
}

#libUserSteps table {
    border-spacing: 20px;
    padding: 0;
    width: 100%
}

#libUserSteps span.circle-default {
    width: 50px;
    height: 50px;
    padding: 10px 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50% 50%;
    -o-border-radius: 50%;
    background-color: #ababab;
    color: #fff;
    font-size: 30px;
    font-weight: 700
}

#libUserSteps span.step-title {
    font-weight: 700;
    font-size: 18px;
    color: #ababab
}

#libUserSteps i.fa.fa-caret-right {
    color: #ababab
}

#libUserSteps table.process span.circle-default {
    background: #59aec3;
    color: #fff
}

#libUserSteps table.process i.fa.fa-caret-right,
#libUserSteps table.process span.step-title {
    color: #59aec3
}

#libUserSteps table.complete span.circle-default {
    background: #27ae60;
    color: #fff
}

#libUserSteps table.complete i.fa.fa-caret-right,
#libUserSteps table.complete span.step-title {
    color: #27ae60
}

#libUserStatus {
    text-align: center
}

#libUserStatus ul {
    list-style: none;
    display: inline-table;
    width: 100%;
    margin: 15px 0;
    padding: 0 15px
}

#libUserStatus ul li {
    display: inline;
    width: 25%
}

#libUserStatus ul li a {
    display: block;
    float: left;
    height: 40px;
    background: #f1eeeb;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: #2e2e2e;
    padding-top: 0;
    margin-left: 0
}

#libUserStatus ul li a span.h2 {
    position: relative;
    top: 4px;
    margin-right: 10px
}

#libUserStatus ul li a:after,
#libUserStatus ul li a:before {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0
}

#libUserStatus ul li a:after {
    border-left: 20px solid #f1eeeb;
    right: -20px;
    z-index: 1
}

#libUserStatus ul li a:before {
    border-left: 20px solid #fff;
    left: 2
}

#libUserStatus ul li:first-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#libUserStatus ul li:last-child a {
    padding-right: 80px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#investmentDashboard .nav-tabs>li>a {
    padding: 10px;
    font-size: 20px
}

#myTabContentAus {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 0;
    outline: 0;
    min-height: 20%
}

#resources {
    padding: 60px 0
}

#resources h5 {
    color: #ab2f2f
}

.pieChartList {
    font-size: 14px;
    cursor: pointer;
    color: #7f8c97;
    padding-left: 0;
    transition: all ease-out .3s;
    margin-left: 5px
}

.pieChartLegendActive,
.pieChartListActive {
    color: #2e2e2e;
    padding-left: 2px;
    transition: all ease-out .3s
}

#pieChartLegend .table,
#pieChartLegend2 .table {
    margin-bottom: 10px;
    display: block
}

#tooltip,
.investmentPlanSectionTwo {
    display: none
}

#portfolioContainer1 {
    margin-top: 0
}

.pieChartBoxBg {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    opacity: .7
}

.bgActive,
.pieChartBoxBg:hover,
.pieChartBoxBgActive {
    opacity: 1;
    cursor: pointer
}

#portfolioDivArrow {
    top: -30px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid;
    height: 0;
    left: 39.5%;
    position: absolute;
    width: 0;
    z-index: 9
}

#tooltip {
    position: absolute;
    width: auto;
    min-width: 200px;
    height: auto;
    padding: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .4);
    -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 10px rbga(0, 0, 0, .4) pointer-events: none;
    z-index: 99999
}

#tooltip p {
    margin: 0;
    font-size: 10px;
    line-height: 20px
}

.sectionTwoShow {
    display: block
}

.prefixTitle {
    width: 90px
}

#formCalculate #myTabContent {
    background: 0 0;
    border: 0 solid #d3d3d3;
    moz-border-radiuss: 0
}

#imgstatus {
    color: #4adb33
}

#formCalculate #myTab {
    margin: 0
}

#formCalculate .input-lg {
    font-size: 24px;
    border: 1px solid #bbb;
    border-radius: 0
}

#formCalculate .nav-tabs>li>a {
    font-size: 18px
}

#formCalculate .investInfoDiv {
    min-height: 160px;
    border-radius: 0
}

#formCalculate input#investmentChange {
    border-radius: 0
}

#formCalculate #myTabContent {
    min-height: 80px;
    margin-top: 25px
}

#formCalculate #howMuchInvest {
    position: absolute;
    bottom: -50px;
    right: 0
}

#recalculateSubmit {
    position: absolute;
    right: 15px;
    width: 160px
}

#identityVerification ul.nav-stacked {
    margin-top: 20px
}

#identityVerification .nav-stacked>li {
    background: rgba(171, 47, 47, .2)
}

#identityVerification .nav-stacked>li.active {
    background: #fff;
    border: 1px solid #d3d3d3;
    border-right: transparent;
    z-index: 3;
    margin-left: 1px
}

.circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    padding: 40px 32px;
    border: 1px solid #d3d3d3
}

.small-span p span.tool-tip-left,
.small-span span.em {
    border-bottom: green 1px dotted
}

#imgstatus img {
    margin-right: 5px
}

#crumbs {
    text-align: right;
    right: 10%
}

#crumbs ol {
    list-style-type: lower-roman;
    display: inline-table;
    margin: 0 0 15px;
    width: 50%;
    padding: 0;
    border-top: 1px solid #59aec3;
    top: 10px
}

#crumbs ol:before {
    content: '';
    font-size: 20px;
    color: red;
    width: 0;
    height: 0;
    left: 45%;
    top: -20px;
    border-style: solid;
    border-width: 0 20px 20px;
    border-color: transparent transparent #59aec3;
    position: absolute
}

#crumbs ol li {
    padding: 0 1px;
    float: left;
    width: 33.33%
}

#crumbs ol li a {
    display: block;
    float: left;
    height: 50px;
    width: 100%;
    padding: 7px 30px;
    position: relative;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    color: grey;
    cursor: default
}

.smallfont,
.tinyNote {
    font-size: 10px
}

#crumbs ol li a.active {
    color: #59aec3
}

#crumbs ol li a.complete {
    color: #49bd36;
    cursor: pointer
}

#loginError,
.confirmEmail {
    color: #f60101
}

.confirmEmail {
    margin-left: 0;
    position: relative;
    top: 10px
}

#loginError,
#passwordStrength {
    margin-top: 7px
}

.tinyNote {
    margin-top: 3px
}

.small-span {
    margin-bottom: 3px
}

.small-span em,
.small-span p {
    display: table-cell;
    padding: 0;
    margin: 0
}

.control-buttons,
.input-large {
    text-align: center;
    padding: 5px
}

.input-large {
    font-size: 18px
}

.input-large:focus {
    outline: 0
}

.investmentPlanSectionTwo .control-buttons {
    height: 50px;
    width: 50px;
    border: 0;
    background: rgba(171, 47, 47, 1);
    color: #fff;
    border-radius: 0;
    font-size: 20px;
    text-align: center;
    padding: 5px
}

.investmentPlanSectionTwo .section {
    margin-top: 70px
}

.control-buttons {
    height: 30px;
    width: 30px;
    border: 0;
    background: rgba(171, 47, 47, 1);
    color: #fff;
    border-radius: 0
}

.control-buttons:hover {
    background: rgba(171, 47, 47, .9);
    border: 0
}

.control-buttons:focus {
    border: 0
}

.input-select-type {
    width: 200px;
    height: 20px;
    border: 1px solid grey;
    border-radius: 3px;
    font-size: 12px
}

.chartBar {
    border-left: 1px solid #d3d3d3;
    height: 45px;
    float: left;
    text-align: left
}

.chartBarTitle {
    margin-left: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 2.3em
}

#followingInvestment .graphPercentage {
    margin-left: 10px;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em
}

#followingInvestment .graphAmount {
    margin-left: 10px;
    width: 150px;
    font-weight: 700
}

#followingInvestment .graphAmount span.units {
    padding-left: 10px;
    position: absolute
}

.withdrawValue {
    padding-right: 15px;
    font-weight: 700;
    color: #2e2e2e;
    background: rgba(186, 211, 216, .5);
    min-height: 19px;
    text-align: right
}

.well-sm i.fa-sort-down,
.well-sm i.fa-sort-up {
    color: #45e92a;
    padding-left: 10px;
    font-size: 20px
}

.btn-div {
    padding: 20px
}

@media screen and (max-width:1200px) {
    #libUserSteps table {
        margin-top: 20px;
        border-spacing: 10px
    }
    #portfolioDivArrow {
        left: 20%
    }
}

@media screen and (max-width:1024px) {
    #formCalculate .nav-tabs>li>a {
        font-size: 14px;
        padding: 10px 15px
    }
    #recalculateSubmit {
        position: absolute;
        right: 10px;
        width: 150px
    }
    .confirmEmail {
        color: #f60101;
        margin-left: 0;
        position: relative;
        top: 10px;
        display: block;
        margin-top: -5px
    }
    #libUserStatus ul {
        padding: 0
    }
}

@media screen and (max-width:992px) {
    #libUserStatus ul li a: after,
    #libUserStatus ul li a:before {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent
    }
    .input-select-type {
        width: 150px
    }
    .investmentPlanSectionTwo .section {
        margin-top: 20px
    }
    .chartBar {
        border-left: 1px solid #d3d3d3;
        height: 50px;
        float: left;
        text-align: left
    }
    .confirmEmail {
        top: 0
    }
    #libUserStatus ul {
        padding: 0
    }
    #loginError,
    #passwordStrength {
        margin-top: 12px
    }
    #libUserStatus ul li a {
        height: 30px;
        font-size: 14px;
        padding-top: 3px
    }
    #libUserStatus ul li a span.h2 {
        font-size: 20px;
        position: relative;
        top: 2px
    }
    #libUserStatus ul li a:after {
        border-left: 15px solid #f1eeeb;
        position: absolute;
        right: -15px;
        top: 0
    }
    #libUserStatus ul li a:before {
        border-left: 15px solid #d3d3d3
    }
    #crumbs ul li a {
        font-size: 14px;
        padding: 7px 10px
    }
    #formCalculate .investInfoDiv {
        min-height: 0
    }
    #recalculateSubmit {
        position: initial;
        right: 0;
        width: 180px
    }
    #formCalculate #howMuchInvest {
        position: inherit;
        padding: 20px 0 0
    }
    input#intendedInvestment {
        width: 250px
    }
    #libUserSteps span.circle-default {
        width: 20px;
        height: 20px;
        padding: 2px 13px
    }
    #libUserSteps span.step-title {
        font-size: 13px
    }
}

.fa-fw,
.fa-li {
    text-align: center
}

@media screen and (max-width:767px) {
    .confirmEmail {
        padding: 3px 15px
    }
    #portfolioDivArrow {
        left: 40%
    }
    #libUserStatus ul {
        padding: 0 15px
    }
    #libUserStatus ul li a {
        padding-top: 5px
    }
    #libUserStatus ul li:last-child a {
        padding-right: 30px
    }
    #table div[class*=col-xs-12] {
        border: 0;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        min-height: 40px
    }
    #table div[class*=col-xs-12]:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }
    #table div.col-xs-12:nth-of-type(1):before {
        content: "Asset Class";
        font-family: AvenirLTStd-Black
    }
    #table div.col-xs-12:nth-of-type(2):before {
        content: "Target %";
        font-family: AvenirLTStd-Black
    }
    #table div.col-xs-12:nth-of-type(3):before {
        content: "Amount";
        font-family: AvenirLTStd-Black
    }
    #table div.col-xs-12:nth-of-type(4):before {
        content: "Fund";
        font-family: AvenirLTStd-Black
    }
    #table div.col-xs-12:nth-of-type(5):before {
        content: "Fund Symbol";
        font-family: AvenirLTStd-Black
    }
    #formCalculate .investInfoDiv {
        min-height: inherit
    }
    #formCalculate .nav-tabs>li>a {
        font-size: 14px;
        padding: 10px 20px
    }
    #resources .col-sm-offset-1 {
        margin-left: 0
    }
    #identityVerification .nav-stacked>li.active {
        background: #ab2f2f;
        border: 1px solid #d3d3d3;
        border-right: #d3d3d3;
        z-index: 3;
        margin-left: 0
    }
    #identityVerification .nav-stacked>li.active a {
        color: #fff
    }
}

@media screen and (max-width:640px) {
    .circle {
        width: 100px;
        height: 100px;
        display: block;
        padding: 25px 10px
    }
    .circle .h1 {
        font-size: 30px
    }
    #investmentDashboard .nav-tabs>li>a {
        padding: 10px;
        font-size: 14px
    }
    #libUserStatus ul li a {
        padding-top: 8px;
        font-size: 11px;
        text-align: center
    }
    #libUserStatus ul li:last-child a {
        padding-right: 0
    }
}

@media screen and (max-width:550px) {
    #libUserStatus {
        display: none
    }
}

.fa,
.fa-stack {
    display: inline-block
}

@media screen and (max-width:480px) {
    #formCalculate .nav-tabs>li>a {
        font-size: 12px;
        padding: 10px 12px
    }
    input#intendedInvestment {
        width: 200px
    }
    #portfolioHeading,
    #suggestionBoxOnetime,
    #suggestionBoxRecurring {
        text-align: center
    }
}


/* Customized seperated from QG.min.css */
.more,
.popover,
ul.country,
ul.country-footer {
    -moz box-shadow: 0 0 10px red
}

#tooltip p,
html {
    font-family: sans-serif
}

dfn,
span.small {
    font-style: italic
}

.fa,
.glyphicon {
    -moz-osx-font-smoothing: grayscale
}

.btn-group>.btn-group,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.dropdown-menu {
    float: left
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.pre-scrollable {
    max-height: 340px
}

a {
    color: #337ab7
}

.btn:focus {
    border-width: 2px;
    border-color: initial
}

b,
optgroup,
strong {
    font-weight: 700
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

img {
    vertical-align: middle
}

pre,
textarea {
    overflow: auto
}

button.close,
input[type=search] {
    -webkit-appearance: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

*,
:after,
:before,
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

*,
.switch-toggle *,
:after,
:before,
input[type=search] {
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
}

.btn.focus,
.btn:focus,
.btn:hover,
a {
    text-decoration: none
}

.btn-link:hover,
.disclaimer p a,
a:focus,
a:hover {
    text-decoration: underline
}

a:focus,
a:hover {
    color: #23527c
}

.h5,
h2 small,
h2.small {
    font-weight: 600
}

.text-bold,
dt,
kbd kbd,
label {
    font-weight: 700
}

pre code,
table {
    background-color: transparent
}

.checkbox,
.form-group,
.radio,
ol,
ul {
    margin-bottom: 10px
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

address,
dl {
    margin-bottom: 20px
}

dl,
ol,
ul {
    margin-top: 0
}

.list-inline {
    margin-left: -5px
}

@media(min-width:768px) {
    .lead {
        font-size: 21px
    }
}

legend,
pre {
    display: block;
    color: #333
}

caption,
th {
    text-align: left
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%
}


@media(min-width:1200px) {
    .home-page-secondline {
        text-align: right;
        font-size: 60px;
        margin-top: 10px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

@media(min-width:992px) {
    .img-container:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin-top: 100px
    }
    #nav-second.affix .navbar-right>li a.btn-maroon {
        margin-top: -4px
    }
}

table {
    border-spacing: 0
}

.table .thead,
.table td.last {
    background-color: #e5e5e5
}

fieldset,
legend {
    padding: 0;
    border: 0
}

.btn,
.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.form-control,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.switch-toggle *,
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.form-control,
output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control,
.has-success .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.collapsing,
.dropdown {
    position: relative
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .form-control-feedback,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}


.btn-info.active,
.btn-info:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-info,
.open>.dropdown-toggle.btn-success,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-grey,
.btn-grey:hover {
    border: 2px solid #fff;
    color: #fff
}

.btn-grey {
    background: rgba(127, 140, 151, .7)
}

.btn-grey:hover {
    background: #c3b6a5
}

.btn-white,
.btn-white:hover {
    background: #fff;
    border: 2px solid #fff
}

.btn-white {
    color: #ab2f2f
}

.btn-white:hover {
    color: #2e2e2e
}

.badge,
.input-group-addon,
.label,
.nav-justified>li>a,
.nav-tabs,
.pager,
.progress-bar {
    text-align: center
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.dropdown-header,
.dropdown-menu>li>a {
    white-space: nowrap;
    padding: 3px 20px;
    line-height: 1.42857143
}

.dropdown-menu-right,
.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.nav-justified>.dropdown .dropdown-menu,
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.btn .caret,
.btn-group>.btn:first-child {
    margin-left: 0
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group,
.input-group-btn>.btn+.btn {
    margin-left: -1px
}


.input-group,
.input-group-btn,
.input-group-btn>.btn,
.nav-tabs>li>a,
.nav>li,
.nav>li>a,
.navbar {
    position: relative
}

@media(min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a {
        margin-bottom: 0
    }
}

@media(max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media(min-width:768px) {
    .navbar,
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        border-radius: 0
    }
    .navbar-header {
        float: left
    }
    .navbar-collapse.collapse {
        display: block!important;
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

@media(min-width:768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.progress-bar-striped,
.progress-striped .progress-bar,
.progress-striped .progress-bar-danger,
.progress-striped .progress-bar-info,
.progress-striped .progress-bar-success,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.btn .badge,
.btn .label {
    position: relative;
    top: -1px
}

.breadcrumb>li,
.pagination {
    display: inline-block
}

@media(max-width:768px) {
    header .navbar-right>li a.btn-maroon {
        margin-left: 26px;
    }
    .navbar-nav>li>a {
        border-bottom: 2px solid transparent
    }
    .fa-lg {
        padding-right: 10px
    }
}

.navbar-default {
    border-color: transparent
}

.pager li,
.pagination>li {
    display: inline
}

.badge,
.label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline
}

a.badge:focus,
a.badge:hover,
a.label:focus,
a.label:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.popover,
textarea#message {
    white-space: normal
}

.Fund-images-names {
    color: #9b2d3a;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(217, 219, 214, 1) 0, rgba(209, 215, 213, 1) 16%, rgba(209, 215, 213, 1) 37%, rgba(192, 179, 170, 1) 67%, rgba(172, 181, 180, 1) 78%, rgba(172, 181, 180, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0, rgba(217, 219, 214, 1)), color-stop(16%, rgba(209, 215, 213, 1)), color-stop(37%, rgba(209, 215, 213, 1)), color-stop(67%, rgba(192, 179, 170, 1)), color-stop(78%, rgba(172, 181, 180, 1)), color-stop(100%, rgba(172, 181, 180, 1)));
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(217, 219, 214, 1) 0, rgba(209, 215, 213, 1) 16%, rgba(209, 215, 213, 1) 37%, rgba(192, 179, 170, 1) 67%, rgba(172, 181, 180, 1) 78%, rgba(172, 181, 180, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(217, 219, 214, 1) 0, rgba(209, 215, 213, 1) 16%, rgba(209, 215, 213, 1) 37%, rgba(192, 179, 170, 1) 67%, rgba(172, 181, 180, 1) 78%, rgba(172, 181, 180, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(217, 219, 214, 1) 0, rgba(209, 215, 213, 1) 16%, rgba(209, 215, 213, 1) 37%, rgba(192, 179, 170, 1) 67%, rgba(172, 181, 180, 1) 78%, rgba(172, 181, 180, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0, rgba(217, 219, 214, 1) 0, rgba(209, 215, 213, 1) 16%, rgba(209, 215, 213, 1) 37%, rgba(192, 179, 170, 1) 67%, rgba(172, 181, 180, 1) 78%, rgba(172, 181, 180, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#acb5b4', GradientType=1)
}

.jumbotron-home {
    padding: 10px 60px;
    color: inherit
}

.jumbotron-home h1,
.jumbotron-home h2.heading {
    margin: 40px 0 25px;
    font-size: 36px
}

.jumbotron-home p,
.jumbotron-home ul li {
    font-size: 21px;
    font-weight: 200
}

.jumbotron-home p.margin-bottom-0 {
    margin-bottom: 5px
}

.alert,
.thumbnail {
    margin-bottom: 20px
}

.alert .alert-link,
.close {
    font-weight: 700
}

#section-2 #invest-box h2,
#whyQuietgrowth div img,
.Fund span,
.media-middle,
.radio-button label.label-circle span,
.small-span em,
.small-span p,
div.child,
table.table .col-cell {
    vertical-align: middle
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>a {
    color: inherit
}

.panel-title,
.panel>.list-group,
.panel>.panel-collapse>.list-group,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel-group .panel-heading,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.popover,
.tooltip {
    font-size: 12px;
    font-weight: 400
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover>.arrow,
.popover>.arrow:after,
.tooltip-arrow {
    position: absolute;
    height: 0;
    border-color: transparent;
    border-style: solid
}

@media(min-width:768px) {
    .modal-dialog {
        margin: 60px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        width: 70%;
        margin: auto
    }
    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-content {
        width: 60%;
        margin: auto
    }
}

@media(min-width:1200px) {
    .modal-content {
        width: 30%;
        margin: auto
    }
    .img-container:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin-top: 70px
    }
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.carousel,
.carousel-inner {
    position: relative
}

.popover.left>.arrow:after,
.popover.right>.arrow:after {
    bottom: -10px;
    content: " "
}

.affix,
.pace,
.pace-progress-image {
    position: fixed
}

.carousel-caption .btn,
.text-hide {
    text-shadow: none
}

.main-sidebar,
.pace,
video {
    bottom: 0
}

.hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

.loadOverlay,
body {
    background-color: #fff
}

.font-normal,
h2 {
    font-weight: 400
}

@media print {
    .hidden-print {
        display: none!important
    }
}