/*!
 * Payton V1
 * 2016
 * Traffic 360
 */

/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700);

/* Reset */
ul, h1, h2, h3, h4, h6, p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
/* General */
body{
    color: #636970;
    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x:hidden;
}
a {
    color: #25637d;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
a:hover, a:focus {
    color: #3598ba;
}
h1, h2, h3, h4, h6 {
    line-height: 130%;
}
h1{
    font-size: 1px!important;
    text-indent: -1500px!important;
}

h3{
    color: #25637d;
}
a.link{
    text-transform: uppercase;
}
ul, menu, dir  {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
ol {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
figure {
    text-align: center;
    width: 100%;
}
figure.circle{
    border-radius: 100%;
}
figure img{
    width: 100%;
}
blockquote{
    border-left: 2px solid #e6eced;
    border-right: 2px solid #e6eced;
    color: #003850;
    margin: 0 10% 1.5em;
    padding: 5px 4%;
    width: 74%;
}
nav ul{
    list-style: none;
}
nav ul li{
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
}
.col{
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
}
.two {
    width: 49.5%;
}
.display-table{
    display: table;
}
.display-cell{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
figure {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
#trading-home-link .space{
    margin-bottom: 52px;
}
.yellowtail{
    font-family:Yellowtail
}
.yellowtail{
    font-family:Yellowtail
}
.yellowtail{
    font-family:Yellowtail
}
/* remove spacing between middle columns */
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
    padding-right:0;
    padding-left:0;
}
/* remove right padding from first column */
.row.no-gutter [class*='col-']:first-child {
    padding-right:0;
    padding-left: 0;
}
/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child {
    padding-left:0;
}
.transparent{
    background-color: transparent!important;
}
.uppercase{
    text-transform: uppercase;
}
.display-none{
    display: none;
}
/* Navigation */
.navbar {
    margin-bottom: 0;
    padding: 0;
}
.navbar ul {
    margin-bottom: 0;
    padding: 0;
}
#main-navbar{
    background-color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    font-size: 15px;
    height: auto;
    min-height: 105px;
    padding-bottom: 15px;
    -webkit-box-shadow: 1px 0 1px 1px rgba(0,0,0,.35);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.35);
}
.navbar-brand {
    padding: 7px 15px;
}
#top-menu{
    font-size: 0.9em;
    margin-left: 25%;
    padding: 10px 0;
}
#top-menu.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 0;
    border-left: 1px solid #b4c0c7;
    color:#25637d;
}
#top-menu.navbar-nav>li>a:hover,
#top-menu.navbar-nav>li>a:active,
#top-menu.navbar-nav>li.active>a {
    background-color: transparent;
    color: #001a23;
}
#top-menu.navbar-nav>li:first-child >a{
    border-left: none;
}
#top-menu .btn-success.btn-featured {
    margin: 0 18px 0 10px;
}
#top-menu .btn-success {
    font-size: 1em;
    padding: 5px 15px;
}
#main-menu{
    background-color: rgba(255,255,255,1);
    text-align: right;
    padding-left: 15px;
    font-size: 14px;
}
.separator{color:#f4f7f7;}
#main-menu a{
    color: #002e3d;
}
#main-menu a:hover,
#main-menu a:focus{
    color:#3598ba;
}
#main-menu > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
#main-menu > li.dropdown-split-left > a {
    padding-right: 3px;
}
#main-menu > li.dropdown-split-right > a {
    padding-right: 4px;
    padding-left: 3px;
    margin-right: 8px;
}
#main-menu.navbar-nav>.active>a {
    color:#2f7c96;
    background-color: transparent;
}
#main-menu.navbar-nav>.active>a:hover,
#main-menu.navbar-nav>.active>a:focus {
    background-color:#f4f7f7;
}
#main-menu .dropdown-menu>.active>a{
    color: white;
}
#main-menu>.active>a:hover>.separator ,
#main-menu>.active>a:focus>.separator {
    color:transparent;
}
#main-menu .dropdown-menu {
    border: none;
    border-top: 1px solid #f1f1f1;
    border-radius: 0;
    -webkit-box-shadow: none;
    -webkit-box-shadow: 1px 0 1px 1px rgba(0,0,0,.5);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.35);
    text-transform: none;
}
.dropdown-menu > li {
    display: block;
}
.dropdown-menu > li > a {
    padding: 10px 20px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
}
/*3rd Level navigation: more info http://www.bootply.com/66089*/
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
#main-navbar .navbar-toggle {
        border-color: transparent;
        color: #25637d;
        margin-top: 23px;
        margin-bottom: 5px;
        }
    #main-navbar .navbar-toggle .icon-bar {
        background-color: #25637d;
        border-radius: 1px;
        display: block;
        width:30px;
            height: 4px;
        }
    #main-navbar .navbar-toggle:hover, 
    #main-navbar .navbar-toggle:focus {
        background-color: #e6eced;
        }
/* BREADCRUMS ------------------ */
.breadcrumb.text-right {
    background-color: transparent;
    font-size: 15px;
    padding: 1.5em 15px 0 0;
}
.breadcrumb.text-right > li + li:before {
    padding: 0 .75em;
    color: #b4c0c7;
    content: ">";
}
.breadcrumb.text-right a {
    color: #999999;
}
.breadcrumb.text-right a:hover,
.breadcrumb.text-right a:focus {
    color: #3598ba;
}
.breadcrumb.text-right a:active,
.breadcrumb.text-right .active{
    color: #002e3d;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    height: auto;
    margin-bottom: 5px;
    margin-top: -25px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    padding-bottom: 20px;
    text-align: left;
    text-shadow: none;
    z-index: 10;
}
.carousel-caption h2 {
    background-color: rgba(0,35,46,.75);
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    font-size: 1.6em;
    margin-bottom: 0;
    padding: 0.5em 1em;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
    z-index: 10;
}
.carousel-text {
    background-color: rgba(255,255,255,.85);
    color: #2f3741;
    font-size: 1.1em;
    padding: 0.75em 1.25em;
    margin: 0;
    text-align: left;
    text-shadow: none;
}


/* Declare heights because of positioning of img element */
.carousel .item {
    height: auto;
    background-color: white!important;
}
.carousel-inner > .item > figure > img {
    width: 100%;
}
.slide-container{
    position: relative;
    text-align: left;
    text-shadow: none;
    width: 55%;
}
.carousel-indicators {
    bottom: 0px;
}
.carousel-control {
    width: 6%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 20px;
}
.dashboard .carousel-caption h2 {
    font-size: 19px;
}
.dashboard .carousel-caption p{
    font-size: 15px;
}
/* HEADER  */
#main-header{
    position: relative;
    top: 0;
    margin-top: -25px;
    width: 100%;
}
#main-header figure{
    position: relative;
    width: 100%;
}
#main-header figure img{
    position: relative;
    width: 100%;
}
#main-header h2{
    background-color: rgba(0,56,80,.75);
    color: white;
    display: inline-block; /* allows the h2 to have an auto width */
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    font-size: 2.7em;
    padding: .5em 1em;
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
}
#login-header{
    /* IE6-9 */
    margin: 105px 0 0;
}
/* Content */
.content{
    line-height: 1.6em;
}
section.page-section{
    margin: 0;
    padding: 15px 0;
    width: 100%;
}
section.page-section.margin{
    margin-bottom: 10px;    
}
h3.subtitle{
    margin: 1em 0 1em 0;
}
section.section {
    padding: 2em 0;
}
section.gray {
    background-color: #f1f1f1;
}
section.lightgreen {
    background-color: #e6eced;
}

header.section-title,
header.home-title {
    margin: 0 0 1.5em 0;
    text-align: center;
    width: 100%;
}
header.home-title {
    margin: 1em 0 3em 0;
}
header.home-title.subtitle {
    margin: 0 0 2em 0;
}
header.section-title.margin {
    margin:1.5em 0;
}
header.section-title.boldtitle h2{
    font-size: 19px;
    text-transform: uppercase;
}
header.section-title.boldtitle h3{
    color: #25637d;
    font-size:24px;
    line-height: 35px;
}
header.section-title h2{
    color: #002e3d;
    border-bottom: 1px solid #b4c0c7;
    display: inline-block; /* allows the h2 to have the same width as its contents*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    padding: 0 0 .25em 0;
    width: auto;
}
header.section-title.full-width-title h2 {
    width: 100%;
}
header.home-title h3{
    border-bottom: 1px solid #b4c0c7;
    display: inline-block; /* allows the h2 to have the same width as its contents*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    color: #25637d;
    font-size: 33px;
    margin-bottom: 5px;
    margin-right: 33px;
    padding-bottom: 5px;
    width: auto;
}
header.home-title h2{
    color: #003850;
    font-size: 38px;
    margin-bottom: 25px;
    margin-left: 38px;
}
header.home-title.subtitle h3{font-size: 30px}
header.home-title.subtitle h2{font-size: 32px}
.savings-title{
    margin-bottom: 45px!important;
    margin-top: -1em!important;
}
.savings-title>div{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    text-align: left;
}
.savings-title header{
    text-align: left!important;
}
.savings-title h2{
    border-bottom: none!important;
    line-height: 20px;
    font-size: 48px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left!important;
}
.savings-title h3{
    font-size: 60px;
    line-height: 25px;
    margin-bottom: 25px;
    text-align: left!important;
}
p.savings-icon{
    border-right: 1px solid #f1f1f1;
    clear: both;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size:75px;
    line-height: 128px;
    margin-right: 25px;
    margin-bottom: 0!important;
    padding-right: 25px;
    width: auto;
}
#intro-retirement blockquote{
    border-left: none;
    border-right: none;
    margin: 0 auto 40px;
    padding: 5px 0;
    width: 80%;
}
#intro-retirement i,
#intro-retirement figure{
    display: inline-block;
    *display: inline;
    zoom: 1;	
    font-size:75px;
    line-height: 98px;
    margin-bottom: 0!important;
    vertical-align: middle;
}
#intro-retirement figure{
    width: 22%;
    max-width: 115px;
}
#intro-retirement div.text{
    border-left: 2px solid #D0DEE2;
    display: inline-block;
    *display: inline;
    zoom: 1;	
    width: 70%;
    padding-left: 5%;
    margin-left: 5%;
    vertical-align: middle;
}
#intro-retirement h2{
    color: #25637D;
    font-size: 32px;
    margin-bottom: 10px;
}
#intro-retirement h3{
    color: #002E3D;
    font-size: 24px;
}
#intro-retirement h4{
    color: #879095;
    font-size: 20px;
}
#intro-retirement h4, 
#intro-retirement h3,
#intro-retirement h2,
#intro-retirement p{
    margin-bottom: 8px;
}
ul.savings-list {

    list-style-type: none;
}
.savings-list li{
    margin-bottom: 1.25em;
    padding-left: 45px;
    position: relative;
}
.savings-list li:before{
    color: #3598ba;
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0;
}
h4.savings{
    color: #2f7c96;
    font-size: 1.2em;
    margin-bottom: .5em;
}
.united-header{
    margin-bottom: 35px;
}
.united-header .subtitle{
    margin-bottom: 5px;
}
#content  p, .page-section p {
    margin-bottom: 1.5em;
}
/* GRAPHICS */
#graphs small{
    font-size: 12px;
    color: gray;
}
#graphs .margin-top {
    margin-top: 0;
}
@keyframes bake-pie {
    from {
        transform: rotate(0deg) translate3d(0,0,0);
    }
}/* end of key frames */
.pie-title {

    margin-bottom: 25px;
    color: #25637d;

}
.pieID {
    display: inline-block;
    vertical-align: top;
}
.pie {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 0 30px 30px 0;
}
.pie::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 100px;
    background: #EEE;
    border-radius: 50%;
    top: 50px;
    left: 50px;
}
.pie::after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
    margin: 220px auto;
}
.slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    animation: bake-pie 1s;
}
.slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
}
.legend {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #FFF;
    padding: 15px;
    font-size: 13px;

}
.legend li {
    width: 110px;
    height: 1.25em;
    margin-bottom: 0.7em;
    padding-left: 0.5em;
    border-left: 1.25em solid black;
}
.legend em {
    font-style: normal;
}
.legend span {
    float: right;
}
/* Media Object */

.media {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.media:first-child {
    margin-top: 35px;
}
.media p:last-child{
    margin-bottom: 5px!important;
}
.media:last-child {
    border-bottom: none;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.media figure{
    background-color: #3598ba;
    margin-right: 15px;
    width: 125px;
    height: 125px;
}
.media figure:hover{
    opacity: 0.8;
}
.media figure img{
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.media figure img:hover{
    opacity: 0.75;
}
.media-body{
    font-size:.95em;
}
.media-heading h3{
    font-size: 24px;
    margin-bottom: .5em;
}

/* Accounts*/
article.account{
    text-align: center;
    margin: 25px 0 65px;
}
.home .account .content {
    min-height: 345px;
}
article.account img{
    opacity: 1;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
article.account:hover img,
article.account:hover img{
    opacity: .6;
}
.account .wrapper{
    background-color: white;
    border: #e3e8e8 solid 1px;
    padding-bottom: 1em;
}
.account .content{
    padding: 1em;
    position: relative;
}
.account h3{
    color:#25637d;
    margin: .25em 0 .75em 0;
}
.floating-button{
    margin: 25px 0 25px -1em;
    position: absolute;
    bottom: -60px;
    text-align: center!important;
    width: 100%;
}

/*	Botones */
.btn:hover,
.btn:focus {
    background-color: #25637D;
    color: white;
}
.btn-lg {
    padding: 0.5em 1.75em;
    margin: .5em auto;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
}
.btn-primary, .btn-success {
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003850+0,002e3d+100 */
    background: #003850; /* Old browsers */
    background: -moz-linear-gradient(top,  #003850 0%, #002e3d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #003850 0%,#002e3d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #003850 0%,#002e3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003850', endColorstr='#002e3d',GradientType=0 ); /* IE6-9 */
    border: none;
    border-top: 1px solid #25637d;
    border-bottom: 1px solid #cccccc;
    border-radius: 0!important;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 2s ease-in-out;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3598ba+0,25637d+100 */
    background: #3598ba; /* Old browsers */
    background: -moz-linear-gradient(top,  #3598ba 0%, #25637d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3598ba 0%,#25637d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3598ba 0%,#25637d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3598ba', endColorstr='#25637d',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 1s ease-in-out;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #25637d;
}
.btn-success {
    font-size: 1.15em;
    padding: 10px 30px;
}
.btn-info {
    background-color: #25637D;
    border-color: transparent;
}
.btn-info:hover,
.btn-info:focus {
    background-color: #3598BA;
    border-color: transparent;
}
.icon-right{
    margin-right: 8px
}
.btn-ghost{
    border: 2px solid #25637d;
    background-color: transparent;
}
.btn-ghost:hover,
.btn-ghost:focus{
    background-color: #25637d;
    color: white;

}
.btn-success.btn-featured{
    background: #70B347;
    border-top: none!important;
    border-bottom: 1px  solid #27AE60;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 10px;
}
.btn-success.btn-featured:hover,
.btn-success.btn-featured:focus{
    background: #8EBB40;
    border-top: none!important;
    border-bottom: 1px solid #A5C966;
}
.btn-success.btn-contract{
    background: #3598BA;
    border-top: none!important;
    border-bottom: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 10px;
}
.btn-success.btn-contract:hover,
.btn-success.btn-contract:focus{
    background: #25637D;
    border-top: none!important;
    border-bottom: none;
}
#calculator .btn-success.btn-contract:hover,
#calculator .btn-success.btn-contract:focus{
    background: #46C3E0;
}

/* PORTFOLIOS
-------------------------------------------------- */
.portfolio-anchor{
    height: 100px;
    width: 100%;
}
.portfolio-listings .section-title{
    margin:0 0 -40px 0;
}
.portfolio-listings section>h3{
    margin-bottom: 20px;
    text-transform: uppercase;
}
.portfolio-listings section>h3 > small{
    text-transform: none;
}
article.portfolio{
    background: white;
    border: 1px solid #cccccc;
    color: #808080;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 10px 1%;
    text-align: left;
    width: 98%;
}
.portfolio>figure, .portfolio>header, .portfolio>section{
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    vertical-align: middle;
}
.portfolio-thumbnail{
    width: 91px;
    height: 91px;
    background: transparent;
    overflow: hidden;
}
.portfolio>header {
    padding: 0 2%;
    width: 45%;
    margin-bottom: 0;
    text-align: left;
}
.portfolio.cta>header {
    width: 30%;
}
.portfolio>header h3{
    color: #2f3741;
    font-size: 22px;
    padding: 0;
    margin: 0 0 .5em 0;
}
.portfolio p{
    padding: 0!important;
    margin-bottom: 0!important;
}
p.portfolio-size{
    font-size: 1.2em
}
.portfolio section{
    border-left: 1px solid #f1f1f1;
    padding: 0 25px;
    min-height: 90px;
    width: auto;
}
section.return{
    width: 190px;
}
p.percent {
    font-size: 2.4em;
}
.portfolio .title{
    color: #2f3741;
    text-transform: uppercase;
}
p.data {
    margin: 15px 0;
}

.portfolio .btn{
    font-size: 16px;
    padding: 0.5em 1em;
}
.portfolio .cta{
    width: 113px;
    padding-right: 0;
}
.portfolio .cta .btn{
    font-size: 14px;
    padding:10px;
    width: 140px;
}
section.technical-data{
    width: 19%;
}

/* Portfolio: Color Styles*/
.positive {color: #70b347}
.negative {color: #f65754}
.low{
    border-color: #27ae60;
    color: #27ae60;
}
.medium-low{
    border-color: #8ebb40;
    color: #8ebb40;
}
.medium{
    border-color: #ffba00;
    color: #ffba00;
}
.medium-high{
    border-color: #e8881f;
    color: #e8881f;
}
.high{
    border-color: #f65754;
    color: #f65754;
}
section.risk{
    text-align: center!important;
}
.risk .level {
    border-width: 2px;
    border-style: solid;
    font-size: 1.5em;
    font-weight: 700;
    margin: 5px 0 10px 0;
    padding: 5px;
    line-height: 1.8em;
    width: 2em;
    height: 2em;
}
/* Single Portfolio */
.portfolio-composition{
    list-style-type: none;
    padding: 0;
}
.portfolio-composition figure{
    padding-right: 5px;
    width: 75px;
}
.portfolio-composition p, 
.portfolio-composition figure,
.portfolio-composition {
    display: inline-block; /* displays all inputs in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/;
}
.portfolio-composition{
    width: 48%;
}


/* Featured Icons */
.featured-icons {
    margin-bottom: 1em;
}
.featured-icons p{
    padding: 1em 0;
}
.featured-icons i{
    color:#b4c0c7;
    font-size: 4em;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.featured-icons div:hover i{
    color: #003850;
}
/* FORMS
-------------------------------------------------- */
section.form{
    background-color: #e6eced!important;
    padding: 3% 0;
}
.form form{
    background-color: white;
    /*border: 1px solid #e6e6e6;*/
    border-radius: 3px;
    margin: 2.5em auto 0;
    padding: 40px 3.5% 2.5%;
    width: 55%;
    min-width: 600px;
}
.form header{
    margin-bottom: 30px;
}
.form .section-title h2{
    border-bottom: none;
}
.form-actions{
    margin-top: 15px;
}
.form-row{
    margin-bottom: 1em;
    position: relative;
    width: 100%;
}

form input,
form label,
form textarea{
    padding: .5em;
    display: inline-block; /* displays all inputs in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/;
    vertical-align: top;
}
.form p.description{
    margin-bottom: 25px;
}
.form form label, .form-horizontal .control-label{
    text-align: left;
    font-weight: 300;
}
form input,
form textarea{
    border: 1px solid #e6e6e6;
    border-radius: 3px;
}
.main-fields label{
    color: #666666;
    font-size: 1.15em;
    margin-right: 2%;
    width: 35%;
}
.main-fields input[type="text"],
.main-fields input[type="password"],
.main-fields textarea,
.main-fields select{
    width: 90%;
}
.main-fields textarea{
    height: 8em;
}
.controls{
    display: inline-block; /* displays all inputs in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    vertical-align: top;
    width: 100%;
}
.forgot{
    text-align: right;
}
.outside-form{
    margin-top: 2em;
}
/* Contract Form */
.form-progress,
.form-progress a{
    color: #8A8A8A;
    text-align: center;
}
.form-progress .active,
.form-progress .active a{
    color: #3598BA;
}
.form-progress .completed,
.form-progress .completed a{
    color: #25637D;
}
.form-progress figure{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 24px;
    font-weight: bold;
    line-height: 45px;
    width: 45px;
    height: 45px;
}
.form-progress figure{
    background-color: #F5F5F5;
    color: #B8B8B8;
}
.form-progress .active figure{
    background-color: #3598BA;
    color: white;
}
.form-progress .completed figure{
    background-color: #25637D;
    color: white;
}
.form-progress p{
    margin-top: 10px;
}
.form-progress  .active p:after{
    content: "\e252";
    display: block;    
    font-family: 'Glyphicons Halflings';
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
.long-form header{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003850+0,25637d+100 */
    background: #003850; /* Old browsers */
    background: -moz-linear-gradient(left,  #003850 0%, #25637d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #003850 0%,#25637d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #003850 0%,#25637d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003850', endColorstr='#25637d',GradientType=1 ); /* IE6-9 */
    color: white;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.long-form h3{
    color: white;
    font-weight: bold;
}
.long-form h3 small{
    color: white;
    font-size: 15px;
}
label.visible-label{
    color: #002E3D;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}
label.visible-label.strategy-label{
    border-bottom: 1px solid #D0DEE2;
    padding-bottom: 5px;
    width: 100%;
}
.long-form header label.visible-label{
    color: white;
}
.long-form .form-control-group input,
.long-form .form-control-group select,
.long-form .form-control-group textarea{
    border-radius: 5px;
    width: 100%;
}
.long-form .form-control-group textarea{
    padding: 10px;
    width: 100%;
}
select.custom-select{
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background:white url('../img/caret.png') no-repeat right center ;
    color: #25637d;
    border: 1px solid #e6e6e6;
    padding: .5em 25px .5em .5em;
    position: relative;
}
.regular-checkbox, .check-label{
    vertical-align: top;

}
.invisible-field, .invisible-f{
    display: none;
    margin: 10px -10px 0 25px;
    padding: 10px;
}
.invisible-field{
    background-color: #D7E3E6;
}
.invisible-field label{
    font-weight: 400;
    padding: 0;
}
.multiple-selection .wrapper{
    border-top: 1px solid #D0DEE2;
    margin: 0 0 20px 60px;
    padding: 15px 0 0 0;
}
label.check-label{
    color: #25637d;
    margin-left:15px;
    padding: 3px 0 0 0!important;
}
label.title-label, h3.subsection{
    color: #25637d;
    font-size: 24px;
    font-weight: 400;
    margin:15px 0 0 15px;
    padding: 0 0 0 0!important;
    text-transform: uppercase;
}
h3.subsection{
    margin-left: 0;
    margin-bottom: 25px;
}
.long-form .form-control-group select.date-small {
    width: 20%;
}
.long-form .form-control-group select.currency {
    width: 65px;
}
.long-form .form-control-group select.date-large {
    width: 26%;
}
.long-form .form-control-group input.area {
    width: 25%;
}
.long-form .form-control-group input.phone {
    width: 56%;
}
.long-form .form-control-group input.amount {
    width: 70%;
}
input.radio-button,
input[type="radio"]{
    width: auto!important;
    margin-left: 20px;
    margin-right: 10px;
}
input.radio-button.image,
input[type="radio"].image{
    margin-right: 5px;
}
label#accountclient-error {
    position: absolute;
    bottom: -25px;
    left: 0;
}
input#signature{
    font-size: 36px;
}
label.inline-label{
    display: inline;
}
.strategy .controls{
    color: #2f3741;
    margin: 10px 0 0 10%;
    width: 90%;
}
.strategy .controls p{
    margin-bottom: 15px;
}
.strategy p, .strategy figure.portfolio-thumbnail{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    vertical-align: middle;
}
.strategy figure.portfolio-thumbnail{
    width: 75px;
    height: 75px;
}
.border-bottom{
    border-bottom: 1px solid #D0DEE2;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.correct-margin{
    margin-left: 15px;
}
/* Style Checkbox; source:http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/;*/
.regular-checkbox {
    -webkit-appearance: none;
    background-color:white;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 3px;
    position: relative;
    left: 9px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
}
.regular-checkbox:checked {
    background-color: #70b347;
    border: none;
    color: white;
}
.regular-checkbox:checked:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: white;
}


label.error {
    display: inline-block;
    color: red;
    font-size: 15px;
    font-weight:400;
    margin-top: 2px;
    padding: 2px;
    width: auto;
}
label.valid {
    width: auto;
    /*background: url(../img/valid.png) center center no-repeat;*/
    display: inline-block;
    /*text-indent: -9999px;*/
    font-size: 1px;
    color: white;
    position: relative;
}
label.valid:before, label.error:before {
    border-radius: 100%;
    color: white;
    display: inline-block; /* displays all inputs in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    top: 1px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    width: 18px;
    height: 18px;
}
.success-overlay, .success-message {
    display: none;
}
label.error:before {
    background-color: #f65754;
    content: "\e014";
    font-family: 'Glyphicons Halflings';
    white-space: pre; /* or pre-wrap */
    margin: 0 3px 0 0 ;
}
label.valid:before {
    background-color: #70b347;
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    margin-left: 3px;
}
.form-link{
    margin-left: 8px;
    text-decoration: underline;
}
/* Inline Form */
#get-started {
    background-color: #e3edf0;
    padding: 2em 0;
    text-align: center;
    width: 100%;
}
#get-started p {
    margin-bottom: 1.75em;
}
.inline-form .form-control-group{
    display: inline-block; /* displays all inputs in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
}
.inline-form input{
    background-color: white;
    border: 1px solid #e6e6e6;
    color: #25637d;
    padding: 10px;
}
.inline-form input,
.inline-form .controls{
    width: 100%;
}
.hasPlaceholder {
    color: #25637d;
}
::-webkit-input-placeholder {
    color: #25637d;
}
:-moz-placeholder { /* Firefox 18- */
    color: #25637d;  }
::-moz-placeholder {  /* Firefox 19+ */
    color: #25637d;  
}
:-ms-input-placeholder {  
    color: #25637d; 
}
.inline-form .form-actions{
    margin-top: 2em;
    width: 100%;
}
.inline-form .two{
    width: 47%;
    margin: 0 1%;
}
.inline-form .four{
    width: 22%;
    margin: 0 1%;
}
.inline-form label.error {
    padding: 12px 8px;
    width: 98%;
}
.calculator-modal label.error {
    color: white;
    font-size: 13px;
    line-height: 16px;
    padding: 0;
    width: 100%;
}
.calculator-modal label.valid {
    font-size: 1px;
    color: rgb(4,102,126);
}
.calculator-modal label.valid:before, 
.calculator-modal label.error:before {
    margin-left: 0;
}
/* MODAL (Lightbox)*/
.modal.middle .modal-dialog{
    margin-top: 12%;
}
.modal-content {
    text-align: center;
}
.modal-content p{
    margin-bottom: 1em;
}
.modal-header {
    border-bottom: none;
}
.modal-header h4{
    color: #25637d;
    font-size: 24px;
}
.modal-footer {
    margin: 25px 10%;
    padding-top: 25px;
    text-align: center;
    width: 80%;
}
.modal .close {
    background-color: silver;
    color: black!important;
    border-radius: 100%;
    opacity: .8;
    padding: 10px 15px;
}
.close:hover, .close:focus {
    filter: alpha(opacity=100);
    opacity: 1;
}


/* FAQs */
.faq .panel-default > .panel-heading {
    background-color: transparent;
    border-bottom: 1px solid #e6eced;
    text-transform: none;
}
.faq.panel-group .panel-heading + .panel-collapse > .panel-body, 
.faq.panel-group .panel-heading + .panel-collapse > .list-group {
    border: none;
}
/* Contact */
ul.contact-info {
    list-style: none;
    margin: 0 0 1.75em 0;
    padding: 0;
}
ul.contact-info li{
    margin: 0 0 1em 0;
}
.contact-info .icon-right{
    color: #ccc;
}
/* Icon List*/
.icon-list li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 4%;
    width: 45%;
    padding: 10px 0;
}
.icon-list i{
    font-size: 30px;
    color: #b4c0c7;
    margin-right: 15px;
}
/* Savings */
#main-content.savings .row{
    margin: 2em 0;
}
#main-content.savings p{
    margin-bottom: 1.5em;
}
#main-content.savings h2,
#main-content.savings h3{
    margin-bottom: 1.3em;
}
#main-content.savings h3{
    font-size: 26px;
}
.featured-text{
    margin: 3em 0;
}

.featured-text h2{
    color: #25637d;
    font-size: 30px;
    margin-bottom: 6px!important;
    text-align: center;
}
.featured-text h3{
    color: #002e3d;
    font-size: 20px!important;
    text-align: center;
}
h3.important-text{
    color: #002E3D;
    font-size: 24px;
}
h4.important-text{
    color: #828E95;
    font-size: 20px;
}
span.important-text{
    color: #003850;
}
.margin-bottom{
    margin-bottom: 1em;
}
#strategy-text{
    margin-top:5%;
}
#strategy-text h3{
    color: #535657;
}
.row.info .text{
    background-color: #003850;
    color: white;
}
.row.info:nth-child(3) .text{
    background-color: #25637d;
}
.row.info:nth-child(4) .text{
    background-color: #3598ba;
}
.row.info h3{
    color: white;
}
.row.info .text .wrapper{
    padding: 5%;
}
article.testimonial {
    background-color: #e3edf0;
    border-radius: 15px;
    width: 100%;
    float: left;
    clear: both;
}
.testimonial blockquote {
    border-left: none;
    border-right: none;
    margin: 0;
    margin-right: 0!important;
    padding: 5px 7% 5px 8%;
    position: static;
    width: 100%;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.testimonial div.testimonial-text {
    background-color: transparent;
    font-style: italic;
    margin-bottom: 10px;
    padding: 25px 10px 15px 15px;
    position: relative;
    top: 8px!important;
    text-align: justify;
}
.testimonial .person{
    padding-left: 15px;
}
.testimonial div.testimonial-text:before,
.testimonial div.testimonial-text:after {
    color: #aac7d1;
}
.testimonial div.testimonial-text:before {
    left: -18px;
    top: -5px;
}
.testimonial div.testimonial-text:after {
    right: -15px;
    bottom: -15px;
}
.testimonial p.name {
    margin-bottom: 0!important;
    font-size: .9em;
}
.testimonial p.residence{
    color: #666666;
    font-size: .8em;
}
.testimonial div.testimonial-pic {
    position: static;
    width: 100px;
    float: right;
    margin-bottom: 15px;
}
.testimonial div.testimonial-pic figure {
    border-radius: 100%;
    overflow: hidden;
}
.testimonial.full-width {
    position: relative;
    background-color: transparent;
}
.testimonial.full-width blockquote {
    background-color: #e3edf0;
    border-radius: 15px;
    margin: 0 0 0 72px;
    padding: 5px 3% 25px 100px;
    width: auto;
}

.testimonial.full-width div.testimonial-text {
    padding: 15px;
}
.testimonial.full-width div.testimonial-text:after {
    right: 0;
    bottom: -40px;
}
.testimonial.full-width div.testimonial-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    float: none;
    margin-bottom: 0;
}
.testimonial.full-width div.testimonial-pic figure {
    border: 4px solid #e3edf0;
}
/* PANELS */
.tab-pane{
    border: 1px solid #ddd;
    border-top: none;
    margin-top: 0;
    padding: 25px;
}
.tabs .news figure{
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 75%;
    margin-bottom: 25px;
    overflow: hidden;
}

/* Figure with text on top */
.figure-title{
    position: relative;
}
.figure-title figcaption{
    position: absolute;
    top: 45%;
    left: 5%;
    width: 90%;
}
.figure-title h3,
.figure-title h4{
    background-color: white;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 5px;
}
.figure-title h3{
    font-size: 30px;
    background-color: rgba(255,255,255,.9);
}
.figure-title h4{
    color: #002e3d;
    font-size: 18px;
    background-color: rgba(255,255,255,.85);
}
#date.figure-title figcaption{
    text-align: left;
    top: 20%;
    left: 45%;
}
#date.figure-title{
    margin-bottom: 2em;
}
#date.figure-title p{
    margin-bottom: 0;
}
#date.figure-title h2{
    border-bottom: none;
    font-size: 48px;
    color: #003850;
    background-color: rgba(255,255,255,.55);
    padding: 5px 10px;

}
#date.figure-title h3{
    color: #25637d;
    font-size: 78px;
    margin-left: 35px;
    padding: 5px 15px;
}
/* Steps */
.steps {
    margin: 2em 0;
    position: relative;
}
.number{
    background-color: #e7eef0;
    border-radius: 100%;
    color: #003850;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 40px;
    font-weight: bold;
    line-height: 70px;
    width: 70px;
    height: 70px;
}
.steps .line{
    border-bottom: 2px solid #d0dee2;
    margin: 0 15%;
    position: absolute;
    top: 50%;
    z-index: -1;
    width: 65%;
}
/* CALCULATOR */
section#calculator{
    background: #25637D;
    color: white;
    padding: 30px;
}
#calculator h2{
    border-bottom: 1px solid #B4C0C7;
    font-weight: 300 ;
    padding-bottom: 8px;
    margin-bottom: 12px;
}
#calculator header>p{
    color: #D0DEE2;
    margin-bottom: 1em;
}
#calculator header{
    margin-bottom: 50px;
}
#calculator .important-text{
    color: #D0DEE2;
}
#calculator form {
    text-align: center;
    line-height: 40px;
}
#calculator form > div.money {
    display: inline-block;
    *display: inline;
    zoom:1;
}
#calculator form > input,
#calculator form > div.money > input,
#calculator form > div.money > select,
#calculator form > select{
    color: white;
    background-color: #5C8A9D;
    border: none;
    border-radius: 0;
    margin: 5px 10px;
    padding: 5px 10px;
}
#calculator #amount{
    text-align: right;
}
#calculator form > div.money > select,
#calculator form > select{
    padding: 12px 10px;
}
.calculator-modal .modal-dialog {
    margin-top: 5%;
    width: 80%;
    max-width: 1040px;
}
.calculator-modal .modal-content {
    background-color: rgb(4,102,126);
    border: none;
    color: #C5DCE1;
    color: white;
    border-radius: none;
    
    padding: 40px 15px;
    overflow: hidden;
}

.calculator-modal .modal-header {
    background-color: #2A7D91;
}
.calculator-modal .modal-header h2,
.calculator-modal .modal-header h3,
.calculator-modal .modal-header h4 {
    color: white;
        display: inline-block;
        *display: inline-block;
        zoom:1;
    font-weight: normal;
}

.calculator-modal .modal-header h3,
.calculator-modal .modal-header h4 {
    font-size: 20px;
    /*letter-spacing: 9px;*/
    position: relative;
    padding: 0 25px;
}
.calculator-modal .modal-header h3 {
   /* border-top: 1px solid  #023F4F;*/
    
    
}
.calculator-modal .modal-header h4 {
    /*border-bottom: 1px solid  #023F4F;*/
    
}
.calculator-modal .modal-header h3:before,
.calculator-modal .modal-header h4:before,
.calculator-modal .modal-header h3:after,
.calculator-modal .modal-header h4:after {
    content: '\25CF';
    color: #023F4F;
    font-size: 13px;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    text-transform: uppercase;
}
.calculator-modal .modal-header h3:before,
.calculator-modal .modal-header h4:before {
    left: 0;
}
.calculator-modal .modal-header h3:after,
.calculator-modal .modal-header h4:after {
    right: 0;
}
.calculator-modal .modal-header h2 {
    background-color: #023F4F;
    padding: 4px 15px;
    margin: 8px 0;
}
.calculator-modal .modal-body{
    padding: 10px 0 0 0;
}
.calculator-modal .calculator-form{
    font-size: 24px;
    line-height: 27px;
    margin-top: 30px;
}
.calculator-modal .calculator-form .controls{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 10px 5px;
    width: 5em; 
}
.calculator-modal .calculator-form input,
.calculator-modal .calculator-form select{
    background-color: rgb(4,102,126);
    border: none;
    border-bottom: 1px solid #81B2BE; 
    color: white;
    margin: 0 0 8px;
    padding: 0;
}
.calculator-modal .calculator-form input{
    text-align: center;
    width: 100%; 
}
.calculator-modal .calculator-form select{
    padding-left: 15px; 
    padding-right: 15px; 
    }
.calculator-modal.modal .close {
    background-color: #438C9E;
    color: #CDE0E5!important;
    border-radius: 100%;
    opacity: .8;
    padding: 10px 15px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.calculator-modal button{
    border: none;
    background-color: #1BA8CB;
    color: white;
    font-size: 20px;
    padding: 10px 25px;
    }
.calculator-modal .inline-form .form-actions {
    margin-top: 0.75em;
}
.calculator-modal .language.selector{
    margin: 0 0 0 0;
    text-align: right;
    position: absolute;
    top: 10px;
    left: 10px;
}
.calculator-modal .language nav > ul > li > a{
    color: #9BC2CB;
}
.calculator-modal #new-fields{
    text-align: left;
    padding-top: 40px;
    font-size: 15px;
}
.calculator-modal #new-fields label{
    font-weight: normal;
    display: block;
    padding: 0;
    margin: 0 0 8px;
    line-height: 15px;
}
#calculator-personal input,
#calculator-personal select{
    color: black;
    margin: 0 0 5px 0;
    width: 100%!important;
}
#calculator-personal .row > div{
    margin-bottom: 8px;
}
#calculator-personal select{
    border: none;
    height: 41px;
        border-radius: 3px;
}
.two-columns {
    margin-bottom: 1em;
}
.two-columns figure{
    text-align: center;
}
.two-columns figure img{
    max-width: 450px;
}
.two-columns  .text{
    margin-top: 5%;
}
body.results #main-header figcaption{
    position: absolute;
    bottom: 12%;
    left: 50%;
    right: 5%;
    text-align: center;
}
body.results #main-header h2 {
    background-color: rgba(255,255,255,.75);
    color: #04667E;
    font-size: 36px;
    padding: 10px 15px ;
    margin-bottom: 20px;
    position: static;
}
body.results #main-header h3 {
    background-color: rgba(0,56,80,.75);
    color: white;
    display: inline-block;
        display: inline;
        zoom: 1;
    font-size: 25px;
    margin-bottom: 20px;
    padding: 10px 15px ;
    width: auto;
}
body.results #main-header div.separator {
    display: block;
    width: 100%;
    height: 1px;
}
body.results #main-header div.logo {
    display: block;
    width: 100%;
    margin-top: 40px;
}
#calculator-results > article{
    margin: 45px 0;
}
#calculator-results > article:first-child{
        margin: 10px 0 45px;
    }
#calculator-results > article.selected{
    background-color: #3598BA;
    padding-top: 10px;
    padding-bottom: 10px;
}
#calculator-results > article p{
   ; margin-bottom: 0
}
#calculator-results > article > section{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    vertical-align: middle;
    width: 19.5%;
}
#calculator-results .results{
    border-right: 1px solid #C8CACD;
}
#calculator-results .results h5{
    color: #04667E;
}
#calculator-results .results p{
    color: #636970;
    font-size: 30px;
}
#calculator-results .years figure.circle{
    border: 2px solid #3598BA;
    width: 100px;
    height: 100px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}
#calculator-results .selected .years figure.circle{
    border: 2px solid #9ACBDC;
}
#calculator-results .years h3{
    color: #04667E;
    font-size: 45px;
    font-weight: bold;
}
#calculator-results .selected .results p,
#calculator-results .selected .years h3{
    color: white;
}
#calculator-results .years p{
    color: #04667E;
}
#calculator-results .selected .results h5,
#calculator-results .selected .years p{
    color: #00131E;
}
#calculator-results .cta{
    margin-top: 5px;
}
table.results-table {
    border: none;
    width: 100%;
}
table.results-table td{
    padding: 5px;
    text-align: center;
    border: none;
    font-size: 15px;
}
table.results-table th{
   /* background-color: #04667E;
    color: white;*/
    color: #04667E;
    background: white;
    border-bottom: 1px solid  #3598BA;;
    text-transform: uppercase;
    padding: 10px 8px;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}
table.results-table tr{
    background-color: white;
}
table.results-table tr:nth-child(odd){
    background-color: #F8F8FA;
}
.results-table tr.highlight,
.results-table tr.highlight:nth-child(odd){
    background: #3598BA;
}
table.results-table tr.highlight td{
    background-color: transparent;
    color: white;
    font-size: 24px;
    padding: 10px 8px;
}
table.results-table tr.highlight .data div{
    display: block;
    border-left: 1px solid #45CFE5;
}
table.results-table tr.highlight .year div{
    border: 3px solid #9ACBDC;
    border-radius: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 30px;
    line-height: 120%;
    font-weight: bold;
    width: 65px;
    height: 65px;
}
table.results-table tr.highlight td strong{
    color: #00131E;
    font-size: 13px;
    display: block;
    line-height: 105%;
}
/* SIDEBAR
-------------------------------------------------- */
#sidebar{
    font-size: 15px;
    margin-bottom: 20px;
}
#sidebar .link{
    color: #3598ba;
}
#sidebar .link:hover{
    color: #25637d;
}
/* Sidebar Testimonials*/
#sidebar .wrapper{
    margin: 0 0 0 10%;
    width: 90%;
}
.sidebar-testimonials{
    margin-bottom: 2em;
}
.sidebar-testimonials blockquote{
    border: none;
    font-size: 15px;
    font-style: italic;
    margin: 0 0 10px 0;
    padding: 10px 0 20px 0;
    width: 100%;
    position: relative;
}
div.testimonial-pic{
    position: absolute;
    top: 0;
    z-index: 30;
    width: 100%;
    padding: 0;
    margin: 0;
}
.sidebar-testimonials figure{
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    width: 56px;
    height: 56px;
}
div.testimonial-text{
    background-color: #e6eced;
    padding: 25px 30px 15px 30px;
    margin-bottom: 10px;
    position: relative; /* Allows to display the quotes inside this area*/
    top: 28px;
    text-align: center;
}
div.testimonial-text:before,div.testimonial-text:after {
    color: #b4c0c7;
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    font-family: 'Arial';
    font-size: 60px;
    position: absolute;
}
div.testimonial-text:before {
    content: "\201C";
    left: 5px;
    top: 0;
}
div.testimonial-text:after {
    content: "\201D";
    right: 15px;
    bottom: -35px;
}
.sidebar-testimonials>p{
    font-size: 14px;
}
/* Sidebar Accordions*/
.panel-group {
    margin-bottom: 5px;
}
.panel {
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-default {
    border-color: transparent;
}
.panel-default > .panel-heading {
    background-color: #f4f7f7;
    border-color: transparent;
    color: #001a23;
    padding: 0;
    text-transform: uppercase;
}

.panel-default > .panel-heading > h4  a {
    display: block;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
}
.panel-default > .panel-heading > h4  a:after {
    color: #b4c0c7;
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    font-size: 13px;
    position: absolute;
    right: 12px;
    top: 12px;
}
.panel-default > .panel-heading > h4  a[aria-expanded="true"] {
    text-decoration: none;
}
.panel-default > .panel-heading > h4  a[aria-expanded="true"]:after {
    content: "\e253";
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border: 1px solid #e6eced;
    border-top: none;
    margin-bottom: 25px;
}
/* Sidebar: Picture News */
.news > article{
    margin-bottom: 15px;
}
.news a:hover{
    text-decoration: none;
}
.picture-news figure,
.picture-news .news-text{
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    vertical-align: middle;
}
.picture-news figure{
    overflow: hidden;
    width: 55px;
    height: 55px;
}
.picture-news .news-text{
    margin-left: 10px;
    width: 210px;
}
.news h5{
    color:#003850;
    font-size: 15px;
    margin: 0;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.news > article:hover h5{
    color:#3598ba;
}
.news p.date{
    color:#999;
    font-size: 13px;
    margin-top:5px;
}
.news .publication{
    color: #80969e;
    font-style: italic;
    font-size: 14px;
    margin-right: 5px;
}
.news .publication:before{
    content: '- '
}
.awards figure{
    width: 45%;
    float: left;
}

.awards figure:nth-child(odd){
    float: left;
}
.awards figure:nth-child(even){
    float: right;
}
.tab-pane .awards figure,
.tab-pane .awards figure:nth-child(odd),
.tab-pane .awards figure:nth-child(even){
    float: none;
    text-align: center;
    width: 100%;
}
.tab-pane .awards figure img{
    width: 75%;
    max-width: 137px;
}
.experiences article{
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 1.2em;
    padding-bottom: .9em;
}
.tab-pane .experiences article{
    border-bottom: none;
}
.tab-pane .experiences .publication{
    display: block;
}
.experiences article:last-child {
    border-bottom: none;
}
.experiences h5 {
    color: #00384E;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: .5em;
}
.experiences p:not(.date) {
    margin-bottom: .5em;
}
.experiences p.date {
    font-style: italic;
    font-size: .9em;
    margin-top: .5em;
}
.form form#experiences-form{
    margin: 0 auto 15px 0;
    padding-top: 15px;
}
/* FOOTER
-------------------------------------------------- */
footer#main-footer{
    background-color: #444a4e;
    border-top: none;
    color: #e6e6e6;
    padding: 25px 0 0 0;
    margin:0 0 0 0;
}
#copyright{
    color: #b3b3b3;
}
#copyright figure{
    width: 50%;
    max-width: 260px;
    margin-bottom: 25px;
}
#copyright figure img{
    width: 100%;
}
#main-footer ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
#main-footer #contact li{
    list-style: none;
    font-size: 15px;
    margin-bottom: 1em;
}
#main-footer #contact a{
    color: #e6e6e6;
}
#security-seals{
    border-top: 1px solid #313a3e;
    padding: 25px 0;
    margin: 25px 0 0 0;
}
#security-seals ul{
    padding: 0;
    text-align:center;
}
#security-seals li{
    display: inline-block; /* displays elements in a row*/
    *display:inline;/* IE fix for inline-block*/
    zoom: 1; /* IE fix for inline-block*/
    padding: 8px 2em;
}
.terms .close {
    position: fixed;
    top: 20px;
    right: 25px;
    margin-top: -2px;
}
.terms .modal-content {
    padding: 10px;
}
#terms{
    background-color: #313a3e;
    color: #cccccc;
    padding: 45px 0;
    width: 100%;
}
a .terms-link{
    color: white;
    font-size: .75em;
    text-transform: uppercase;
}
.modal.terms{
    font-size: .75em;
}
.modal.terms h3{
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 1em;
    color: #cccccc;
}
.modal.terms p{
    margin-bottom: 1em;
}
.modal.terms{
    color: black;
}
.terms .modal-dialog {
    width: 90%;
    margin: 30px auto;
}
.terms .modal-header{
    text-align: center;
}
.terms .modal-content {
    text-align: left;
}
.terms .modal-body h4{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
.terms ol, .terms li{
    margin-bottom: 1.5em;
}
.news-section article > header > h2{
    padding-top: 70px;
}
.news-section article > header > h2{
    border-bottom: 1px solid #b4c0c7;
    color: #002e3d;
    font-size: 32px;
    margin: 0 0 10px 0;
}
.news-section article > section > figure{
    margin-bottom: 1em;
}
.news-section article > section > figure.featured-image{
    float: left;
    margin: 0 5% 3.5% 0;
    width: 50%;
    max-width: 360px;
}
.news-section article > section > p{
    text-align: justify;
}
.news-section article > section > h3{
    font-size: 23px;
    margin: .2em 0 .9em;
}
.news-section article > section > ul,
.news-section article > section > ol{
    margin-left: 0;
    text-align: justify;
}
.news-section article > section li{
    margin: 0 2em 0.9em 0;
    padding:  0 0 0 1em;
    position: relative;
    left: 2em;
}
.awards-page  figure{
    text-align: center;
}
.awards-page  figure img{
    max-width: 137px;
}
/*------------------------------------------------- */
/* MY ACCOUNT AREA
-------------------------------------------------- */
.my-account{
    background-color: #ecf1f5;
}
#wrapper{
    padding-left: 250px;

}
#my-navbar{
    background-color: #5a6064;
}
#my-navbar .navbar-brand{
    background-color: #2d3538;
    position: absolute;
    text-align: center;
    height: auto;
    width: 260px;
}
#my-navbar .navbar-brand figure{
    padding: 25px 1% 35px;
    width: 98%;
}
#my-navbar .back-button{
    background-color: #44484B;
    border: none;
    border-radius: 30px;
    color: white;
    margin: 8px 0 0 290px;
    padding: 5px 25px;

}
#my-navbar .back-button:hover,
#my-navbar .back-button:focus{
    background-color: #8F9193;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 1s ease-in-out;
}
#my-top-menu.nav {
    margin-right: 30px;
}
#my-top-menu.nav > li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
#my-top-menu.nav > li > a {
    color: #cccccc;
}
#my-top-menu.nav > li > a:hover, 
#my-top-menu.nav.nav > li > a:focus {
    background-color: transparent;
    color: white;
}
.side-nav {
    background-color: #2d3538;
    border: none;
    border-radius: 0;
    margin-left: -260px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 40px;
    position: fixed;
    top: 130px;
    bottom: 0;
    left: 260px;
    width: 260px;
}
.side-nav.navbar-nav > li {
    width: 100%;
}
.navbar-inverse .side-nav.navbar-nav.navbar-nav a {
    color: #dadbdc;
    font-size: 15px;
}
.navbar-inverse .side-nav.navbar-nav.navbar-nav > .active > a,
.navbar-inverse .side-nav.navbar-nav.navbar-nav > .active > a:hover, 
.navbar-inverse .side-nav.navbar-nav.navbar-nav > .active > a:focus,
.navbar-inverse .side-nav.navbar-nav.navbar-nav > a:active {
    color: white;
    background-color: #444a4e;
}
.navbar-inverse .side-nav.navbar-nav.navbar-nav a i {
    color: #73777a;
    font-size: 18px;
}
.navbar-inverse .side-nav.navbar-nav.navbar-nav > .active > a i,
.navbar-inverse .side-nav.navbar-nav.navbar-nav > .active > a:hover i, 
.navbar-inverse .side-nav.navbar-nav.navbar-nav > .active > a:focus i,
.navbar-inverse .side-nav.navbar-nav.navbar-nav > a:active i {
    color: #87b6c1;
}
.small-caret{
    font-size: 10px;
    margin-left: 5px;
}
.submenu>ul{
    background-color: #575c60;
    font-size: 14px;
    list-style: none;
    padding: 0 0 0 40px;
}
.submenu>ul>li{
    display: block;
}
.submenu>ul>li>a{
    border-bottom: 1px solid #2d3538;
    display: block;
    padding: 10px 0;
}
.submenu>ul>li:last-child>a{
    border-bottom: none;
}
.navbar-inverse .side-nav.navbar-nav.navbar-nav .submenu>ul>li.active a{
    color: #B9EBF9;
}
#page-wrapper{
    background-color: #ecf1f5;
}
#page-wrapper section.section {
    padding: 18px 0;
}
#page-wrapper .wrapper{
    padding: 0 2.5%;
    position: static;
}
#my-header.section-title{
    background-color: white;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 75px;
    text-align: left;
}
#my-header.section-title h2{
    vertical-align: top;
    width: 73%;
}
#my-header .breadcrumb{
    margin-top: 30px;
}
#my-header .breadcrumb a{
    color: #808080;
}
#my-header .breadcrumb a:hover{
    color: black;
    text-decoration: none;
}
.user-greeting{
    display: inline-block;
    *display: inline;
    zoom:1;
    padding-top: 20px;
    text-align: right;
    vertical-align: top;
    width: 25%;
}
.user-greeting h3{
    color: #25637d;
    font-size: 17px;
}
.account-number{
    color: #879095;
    margin-top: 8px;
    font-size: 15px;
}
/* MODULES */
.modules article{
    margin-bottom: 30px;
}
.modules article .wrapper{
    background-color: white;
    border: 1px solid #e7eaec;
    border-radius: 5px;
    overflow: hidden;
    /*padding-bottom: 90px;*/
    text-align: center;
}
.modules article figure{
    height: 95px;
    overflow: hidden;
    padding: 15px 0;
}
.modules article figure > i{
    color: #25637d;
    font-size: 60px;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 1s ease-in-out;
}
.modules article:hover  figure > i{
    color: #3598BA;
}
.modules h3{
    color: #2f3741;
    font-size: 21px;
}
.modules p{
    color: #6f7e95;
    font-size: 16px;
}
.module-content{
    min-height: 120px;
}
.modules article footer{
    position: relative;
    bottom:0;
    left: -5%;
    right: -5%;
    margin-top: 25px;
    width: 110%;
}
.modules footer a{
    background: #003850;
    background: -moz-linear-gradient(top, #003850 0%, #002e3d 100%);
    background: -webkit-linear-gradient(top, #003850 0%,#002e3d 100%);
    background: linear-gradient(to bottom, #003850 0%,#002e3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003850', endColorstr='#002e3d',GradientType=0 );
    color: white;
    display: block;
    font-size: 20px;
    padding: 18px 0;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 1s ease-in-out;
}
.modules footer a:hover{
    background: -moz-linear-gradient(top, #3598ba 0%, #25637d 100%);
    background: -webkit-linear-gradient(top, #3598ba 0%,#25637d 100%);
    background: linear-gradient(to bottom, #3598ba 0%,#25637d 100%);
    text-decoration: none;
}
/* Downloads */
.modules.downloads footer a{
    padding: 12px 0;
    font-size: 17px;
}
.modules.downloads footer a:first-child{
    margin-left: 0;
}
.downloads .module-content{
    min-height: 81px;
}
/* Dashboard */
.panel-dashboard {
    border-color: #DDE2E5;
}
.panel-dashboard > .panel-heading{
    color: white;
    background-color: #3598BA;
    border-color: #3598BA;
}
.featured-panels header i{
    opacity: .9;
    padding-top: 5px;
    font-size: 40px;
}
.featured-panels header a{
    color: white;
}
.huge {
    font-size: 25px;
    font-weight: 700;
}
.dashboard .slide-container {
    width: 75%;
}
/* Dashboards Portfolios */
.dashboard .portfolio section {
    padding: 0 10px;
}
.dashboard .portfolio>header h3 {
    font-size: 20px;
}
.dashboard p.percent {
    font-size: 18px;
}
.dashboard section.return {
    width: 15%
}
.dashboard .portfolio .cta {
    min-height: 1px;
    width: 100%;
}

.dashboard .portfolio >header {
    width: 35%;
}

/*.dashboard p.date{
    font-size: 12px;
        }
.dashboard.portfolio .cta {
    width: 92px;
    padding-right: 0;
        }
.dashboard.portfolio .btn {
    font-size: 14px;
    padding: 10px;
        }*/
/* Table */
.my-table{
    border-radius: 5px;
    overflow: hidden;
    vertical-align: middle;
}
.my-table#my-account-balance{
    margin: 0 auto;
    max-width: 800px;
}
.my-table.table-striped > tbody > tr > th {
    background-color: #6F7E95;
    background-color: #25637D;
    color: white;
    text-transform: uppercase;
}
.my-table.table-striped > tbody > tr:nth-of-type(even) {
    background-color:white;
}
.my-table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color:#F8F8FA;
}
.my-table.table-striped > tbody > tr > td {
    vertical-align: middle;
}
.my-table.table-striped > tfoot > tr,
.my-table.table-striped > tbody > tr.subtotal td {
    font-weight: 700;		

}
.my-table.table-striped > tbody > tr.subtotal, 
td.total-vertical {
    background-color:#DADFE5;
    color: #2F3741;
}
.table-bordered > tbody > tr > td.total-vertical {
    border: 1px solid white;
}
.my-table.table-striped > tfoot > tr {
    background-color:#6F7E95;
    color: white;
}
.my-table .date,
.my-table .amount,
.my-table .currency,
.my-table .cta{
    text-align: center;
    width: 100px;
}
.my-table .cta{
    width: 80px;
}
.cents {
    font-size: .8em;
    text-align: center;
    vertical-align: super;
}
.my-table .cta i{
    background: #25637D;
    border-radius: 100%;
    color: white;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.my-table .cta i:hover{
    background:  #3598ba;
}
#calculator-results-table.my-table td,
#calculator-results-table.my-table th{
    text-align: center;
}
#main-section{
    position: relative;
}
#main-section .p-margin p{
    margin-bottom: 1em;
}
#main-section .container-fluid > h3,
h3.title,
.title h3{
    border-bottom: 1px solid #DADFE5;
    color: #25637D;
    font-size: 26px;
    padding: 0 0 0 0;
    margin: 0 0 45px 0;
}
.subsection-nav{
    background-color: #DADFE5;
    padding-bottom: 3px;
    text-align: center;
    width: 100%;
    position: relative;
    top: -18px;
}
.subsection-nav a{
    color: #6F7E95;
    display: block;
    padding: 15px 20px;
    font-size: 15px;
    text-transform: uppercase;
}
.subsection-nav a:hover,
.subsection-nav a:focus,
.subsection-nav a:active,
.subsection-nav li.active a{
    color: #003850;
    text-decoration: none;
}
.subsection-nav a:active,
.subsection-nav li.active a{
    background-color: #BCC6CD;
}
.subsection .wrapper{
    margin-top: 20px;
}
#main-section .user-information header {
    margin: 0 0 25px 0;
}
#main-section .user-information h3 {
    margin: 0 0 5px 0;
}
.user-information{
    margin-bottom: 50px
}
.user-information h5 {
    color: #67757A;
    font-size: 16px;
}

.user-information .data{
    background-color: #F4F7F7;
    border: 1px solid #E7EAEC;
    border-radius: 5px;
    color: #2F3741;
    padding: 10px;
    min-height: 46px;
}
.user-information > .row > div{
    margin-bottom: 10px;
}
.user-information .data p{
    margin-bottom: .8em;
}
.user-information h4{
    color: #25637D;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.acclaration {
    padding-bottom: 20px;
}
.acclaration p{
    margin-bottom: 1em;
}
/* Inbox*/
.inbox article{
    background-color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}
.inbox article a:hover{
    text-decoration: none;
}
.inbox article figure,
.inbox article .content,
.inbox article aside{
    display: inline-block;
    *display: inline;
    zoom:0;
    vertical-align: top;
}
.inbox article figure{
    border: 1px solid #E7EAEC;
    border-radius: 5px;
    overflow:hidden;
    width: 15%;
    max-width: 150px;
}
.inbox article .content{
    margin: 0 2%;
    width: 68%;
}
.inbox article a .sender,
.modal-header h4.sender {
    color: #9EACB5;
    font-size: 14px;
    text-transform: uppercase;
}
.inbox article a .message-title {
    color: #25637D;
}
.inbox article a .message-resume {
    color: #2F3741;
    max-height: 52px;
    overflow: hidden;
}
.inbox article a .sender,
.inbox article a .message-title,
.inbox article a .message-resume,
.inbox article a figure img,
.inbox article  {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.inbox article:hover  {
    background-color: #F8F8FA;
}
.inbox article a:hover .sender,
.inbox article a:hover .message-title,
.inbox article a:hover .message-resume {
    color: #3598BA;
}
.inbox article a:hover figure img {
    opacity: .85;
}
.inbox article aside{
    text-align: right;
    width: 11%;
}
.inbox article a .time{
    color: #9EACB5;
    font-size: 15px;
}
/* Portfolio Table*/
#portfolio-list .tab-pane {
    border-radius: 5px 5px 5px 5px;
    background-color: white;
    padding: 20px 10px;
}
.my-table.table-striped.small > tbody > tr > th {
    font-size: 12px;
}
.my-table.table-bordered {
    overflow: visible;
    margin-bottom: 0;
}
.my-table .up i{
    color: #3598BA;
}
.my-table .down i{
    color: #B1132F;
}
.my-table tfoot td.resume{
    font-weight: 400;
}
.my-table tfoot td.resume span.data{
    font-weight: 700;
    margin-right: 10px;
}
.table-responsive{
    margin-bottom: 20px;
}
.navbar-toggle.subsection-toggle{
    background-color: #DADFE5;
    position: relative;
    padding: 9px 0;
    margin:0;
    width: 100%;
}
.navbar-toggle.simple-toggle {
    position: relative;
    width: 100%;
}
/* Charts */

#main-section .panel-primary .panel-body{
    background-color: white;
    position: relative;
}
#main-section .panel-primary .panel-heading{
    background-color: #25637D;
    font-weight: 700;
    text-transform: uppercase;
}
#main-section .panel-primary .panel-heading small {
    font-weight: 400;
    margin-left: 8px;
    text-transform: none;
}
* {
    @include box-sizing(border-box);
}

$pad: 20px;

.grid {
    background: white;
    margin: 0 0 $pad 0;

    &:after {
        /* Or @extend clearfix */
        content: "";
        display: table;
        clear: both;
    }
}

[class*='column-'] {
    float: left;
    padding-right: $pad;
    .grid &:last-of-type {
        padding-right: 0;
    }
}

.column-1-2 {
    width: 100%;
}


/* Opt-in outside padding */
.grid-pad {
    padding: $pad 0 $pad $pad;
    [class*='col-']:last-of-type {
        padding-right: $pad;
    }
}
.chart {
    width: 100%; 
    height: 400px;
}
.chart#chart_div_portfolio {
    max-width: 500px;
    margin: 0 auto;width: 100%; 
    height: 250px;
}
/* Icons */

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

[class^="ico-"], [class*=" ico-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'payton' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="ico-"]:before, [class*=" ico-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'payton' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.ico-building:before {
    content: "\e900";
}
.ico-lost:before {
    content: "\e901";
}
.ico-portfolio:before {
    content: "\e902";
}
.ico-userinformation:before {
    content: "\e903";
}
.ico-usuario:before {
    content: "\e904";
}
.ico-withdrawal:before {
    content: "\e905";
}
.ico-onetoone:before {
    content: "\e906";
}
.ico-portfoliomanager:before {
    content: "\e907";
}
.ico-review:before {
    content: "\e908";
}
.ico-asset:before {
    content: "\e909";
}
.ico-brokage:before {
    content: "\e90a";
}
.ico-dynamic:before {
    content: "\e90b";
}
.ico-fixed:before {
    content: "\e90c";
}
.ico-managed:before {
    content: "\e90d";
}
.ico-protection:before {
    content: "\e90e";
}
.ico-retirement:before {
    content: "\e90f";
    font-family: 'payton'!important;
}
.ico-wealth:before {
    content: "\e910";
}
.ico-investment:before {
    content: "\e911";
}
.ico-ongoingguidance:before {
    content: "\e912";
}
.ico-oversight:before {
    content: "\e913";
}
.ico-envelope-o:before {
    content: "\f003";
}
.ico-user:before {
    content: "\f007";
}
.ico-th-list:before {
    content: "\f00b";
}
.ico-cog:before {
    content: "\f013";
}
.ico-gear:before {
    content: "\f013";
}
.ico-arrow-circle-o-down:before {
    content: "\f01a";
}
.ico-repeat:before {
    content: "\f01e";
}
.ico-rotate-right:before {
    content: "\f01e";
}
.ico-list-alt:before {
    content: "\f022";
}
.ico-edit:before {
    content: "\f044";
}
.ico-pencil-square-o:before {
    content: "\f044";
}
.ico-comments:before {
    content: "\f086";
}
.ico-credit-card:before {
    content: "\f09d";
}
.ico-briefcase:before {
    content: "\f0b1";
}
.ico-group:before {
    content: "\f0c0";
}
.ico-users:before {
    content: "\f0c0";
}
.ico-money:before {
    content: "\f0d6";
}
.ico-envelope:before {
    content: "\f0e0";
}
.ico-rotate-left:before {
    content: "\f0e2";
}
.ico-undo:before {
    content: "\f0e2";
}
.ico-dashboard:before {
    content: "\f0e4";
}
.ico-tachometer:before {
    content: "\f0e4";
}
.ico-comments-o:before {
    content: "\f0e6";
}
.ico-clipboard:before {
    content: "\f0ea";
}
.ico-paste:before {
    content: "\f0ea";
}
.ico-lightbulb-o:before {
    content: "\f0eb";
}
.ico-suitcase:before {
    content: "\f0f2";
}
.ico-file-text-o:before {
    content: "\f0f6";
}
.ico-calendar-o:before {
    content: "\f133";
}
.ico-unlock-alt:before {
    content: "\f13e";
}
.ico-check-square:before {
    content: "\f14a";
}
.ico-file-text:before {
    content: "\f15c";
}
.ico-arrow-circle-o-right:before {
    content: "\f18e";
}
.ico-arrow-circle-o-left:before {
    content: "\f190";
}
.ico-database:before {
    content: "\f1c0";
}
.ico-pie-chart:before {
    content: "\f200";
}
.ico-user-plus:before {
    content: "\f234";
}
.ico-user-times:before {
    content: "\f235";
}
.ico-calendar-plus-o:before {
    content: "\f271";
}
.ico-calendar-minus-o:before {
    content: "\f272";
}
.ico-calendar-times-o:before {
    content: "\f273";
}
.ico-calendar-check-o:before {
    content: "\f274";
}



.subtle{color: #b4c0c7;margin-right: 5px}
.big-icon {
    background-color: #eceff1;
    border-radius: 100%;
    color: #25637d;
    font-size: 65px;
    line-height: 110px;
    overflow: hidden;
    width: 110px;
    height: 110px;
}

i.glyphicon,
i.icon{
    margin-right: 5px;
}
i.icon{
    margin-right: 5px;
    font-family: 'payton'!important;
}
.icon:before{
    margin-right: 5px;
    font-family: 'payton'!important;
}