/*!
 * Payton V1: Responsive;
 * 2016
 * Traffic 360
 */

/* -------------------------------------------------- */
/* Responsive Menu: Hace que el menú sea simpres hamburguesa;
-------------------------------------------------- */

@media (min-width: 50px) and (max-width:2900px ){
    /* * * * * * * * * * * * * * * * * * * * * * */
    /* Navigation */
    /* * * * * * * * * * * * * * * * * * * * * * */
	body.results .navbar-collapse.collapse { display: none !important; } 
	body.results		.navbar-collapse { overflow-x: visible !important; } 
	body.results		.navbar-collapse.in {  } 
	body.results		.collapse.in { display: block !important; } 
	body.results .navbar-toggle { display: block!important;}

	body.results .navbar-brand {
	    height: auto!important
		}
	body.results .navbar-brand > img {
	    width: 175px;
		}
	body.results .navbar-header{
		width: 100%;
	}
	body.results #main-navbar {
		min-height: 5px;
		padding-bottom: 0;
		}
	body.results .navbar-default .navbar-brand {
	    display: block;
	}
	body.results .navbar-default .navbar-collapse.collapse.in {
	    height: auto;/*Prevents the scrolling on large menus*/
	    width: 100%;
	    margin: 0;
	    padding: 0;
		}
	body.results #main-navbar .navbar .navbar-collapse, #main-navbar .navbar-form {
	    border-color: transparent;
	    background-color: #e6eced;
		}
	body.results  #main-navbar .navbar-toggle {
	    margin-top: 10px;
	    margin-bottom: 5px;
	}
	
}/* end of RESPONSIVE MENU */





/* DESKTOP SCREENS: To display correctly the Main Navigation in all screen sizes
-------------------------------------------------- */
/* Only Extra Large Screens */
@media (min-width: 1375px) and (max-width:2000px ){
	.module-content{
		min-height: 75px;
		}
	.downloads .module-content{
		min-height: 81px;
		}
	.panel-dashboard .panel-heading{
		min-height: 155px;
		}

}/* End of Only Extra Large Screens */

/*Extra Large Screens */
@media (min-width: 769px) and (max-width:2000px ){
	.panel-dashboard .panel-heading{
		min-height: 115px;
		}
}/* End of Extra Large Screens */


/* Portfolio Dashboard Fix */
@media (min-width: 769px) and (max-width:1396px ){
	.dashboard .portfolio >header {
	    width: 35%;
		}
	.dashboard section.return {
	    width: 70px;
		}
	.dashboard .portfolio .cta {
	    width: 78%;
		}
}/* End of Portfolio Dashboard Fix */

/* Large Screen */
@media (min-width: 769px) and (max-width:1200px ){
	/* CHANGE TOGGLE*/
    .navbar-toggle.subsection-toggle{
        display: block;
    	}
    #subsection-menu.navbar-collapse.collapse {
        display: none!important;
    	}
    #subsection-menu.collapse.in{
  		display:block !important;
		}
	/* *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * * /
	/* Navigation */
	
	.navbar-brand > img {
	    width: 200px;
		}
	#navbar{position: relative;}
	#main-menu{
		font-size: 13px;
		position: relative;
			right: -35px;
		}
	#main-menu > li > a {
	    padding-left: 6px;
	    padding-right: 6px;
		}
	#main-menu > li.dropdown-split-left > a {
	    padding-right: 2px;
		}
	#main-menu > li.dropdown-split-right > a {
		padding-right: 3px;
	    padding-left: 2px;
	    margin-right: 6px;
		}
	/* Carousel */
	.slide-container{
		width: 75%;
		}
	.carousel-caption {
	    left: 15%;
	    padding-bottom: 20px;
		}
	.carousel-caption h2 {
		font-size: 20px;
		}
	.carousel-text,
	.carousel-text a.link{
	    font-size: 16px;
		}
	.carousel-text p{
	    margin-bottom: 0;
		}
	h3.subtitle{
		margin: 0 0 1em 0;
		}
	/* Home */
	.home .account .content {
		min-height: 427px;
		}
	/* Portfolio */
	.portfolio>header {
		padding: 0 1%;
		width: 35%;
		}
	.portfolio.cta>header {
		width: 26%;/* Reduces the size of the header when the portfolio has a cta*/
		}
	.portfolio section{
		padding: 0 15px;
		}	
	section.return{
		width: 150px;
		}
	section.technical-data{
		width: 25%;
		}
	.portfolio.cta section.technical-data{
		width: 20%;/* Reduces the size of this section when the portfolio has a cta*/
		}
	/* Content*/

	/* SIDEBAR
	-------------------------------------------------- */
	/* Sidebar */
	#sidebar .wrapper{
		margin: 0 0 0 0;
		width: 100%;
		}
	/* Sidebar news*/
	.panel-default > .panel-heading > h4  a {
		width: 90%;
	    padding: 10px 5% 10px 5%;
	    margin-right: 0;
		}
	.panel-default > .panel-heading > h4  a:after {
		top: 35%;
		right: -8px;
		}
	.picture-news .news-text{
		margin-left: 10px;
		width: 70%;
		}
	#my-header.section-title h2 {
	    width: 100%;
		}
	.user-greeting{
		text-align: left;
		width: 100%;
		}
	/* Calculator results*/
	body.results #main-header h2 {
	    font-size: 30px;
	    padding: 7px 15px ;
	}
	body.results #main-header h3 {
	    font-size: 20px;
	    padding: 5px 10px ;
	}
	body.results #main-header div.logo img{
	    width: 225px;
	}
	/* MY ACCOUNT AREA
	-------------------------------------------------- */
	#my-header .breadcrumb{
		font-size: 14px;
		}
	.subsection-nav a {
		font-size: 14px;
	    padding: 10px 15px;
		}	
	/* Portfolio */
	.my-table.table-striped.small > tbody > tr > td {
	    font-size: 12px;
		}
	.panel-dashboard .panel-heading{
		min-height: 155px;
		}

	.dashboard .portfolio .cta {
	    width: 150px;
		}


}/* End of Large Screen */
 

/* Medium Screen */
@media (min-width: 768px) and (max-width:992px ){
	/* CHANGE TOGGLE : simple toggle: buttons for the portfolio in my account section*/
    .navbar-toggle.simple-toggle {
        display: block;
    	}
    #collapse-menu.navbar-collapse.collapse {
        display: none!important;
    	}
    #collapse-menu.collapse.in{
  		display:block !important;
		}
	#collapse-menu .col-sm-8,
	#collapse-menu .col-sm-4{
		display: inline;
		float: none;
		padding: 0;
		width: auto;
		}
	#collapse-menu .btn{
		margin-bottom: 5px;
		}
	/* *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** * * * */
	.container {
    	width: 95%; /* Makes the container fluid on small screens*/
		}
	/* Navigation */
	#main-menu{
			right: -5px;
			font-size: 11px;
			padding: 0;
		}
	#main-navbar{
		font-size: 14px;
		}
	#main-navbar .container{
		width: 99%; /* Makes the container fluid on small screens*/
		}
	.navbar-brand{
	  	display: block;
	  	width: 200px; /* Reduces the size of the logo*/
	  	}
	.navbar-brand img{
	  	width: 100%;
	  	}
	 .navbar-nav > li > a {
	    padding-top: 8px;
	    padding-bottom: 8px;
		} 
	/* Carousel */
	.slide-container{
		width: 100%;
		}
	.carousel-caption {
	    right: 15%;
	    left: 15%;
		}
	.carousel-text {
		margin: 0;
		text-align: left;
		text-shadow: none;
		}

	.carousel-text p{
	    margin-bottom: 0;
		}
	/* Home */
	.home .account .content {
		min-height: 290px;
		}
	/* Portfolio */
	p.data {
		margin: 0 0 15px 0;
		font-size: .97em;
		}
	.portfolio>header {
		padding: 0 1%;
		width: 30%;
		}
	.portfolio.cta>header {
		width: 25%;/* Reduces the size of the header when the portfolio has a cta*/
		}
	.portfolio>header h3{
		font-size: 1.2em;
		margin: 0 0 .5em 0;
		}
	p.portfolio-size{
		font-size: 1.1em
		}
	.portfolio section{
		padding: 0 10px;
		}
	section.return{
		width: 90px;
		}
	p.percent {
		font-size: 1.4em;
		}
	p.data {
		font-size: .9em;
		}
	.portfolio .btn{
		font-size: 14px;
		    padding: 0.5em .75em;
		}	
	.portfolio .cta{
		padding-top: 1em;
		padding-right: 0;
		}
	.portfolio.cta section.technical-data{
		width: 18%;/* Reduces the size of this section when the portfolio has a cta*/
		}
	.technical-data{width: 18%;padding-right: 0;}
	/* Content*/
	/* Savings */
	#strategy-text{
		margin-top:10%;
		}
	.row.info .image figure{
		overflow: hidden;
		background-color: red;
		text-align: center;
		}
	.row.info .image figure img{
		width: 150%;
		text-align: center;
		}
	#date.figure-title h2{
		font-size: 38px;
		}
	#date.figure-title h3{
		font-size: 58px;
		}
	/* Sidebar news*/
	.picture-news .news-text{
		width: 60%;
		}
	/* Calculator results*/
	body.results #main-header figcaption{
	    bottom: 7%;
	}
	body.results #main-header h2 {
	    font-size: 24px;
	    padding: 7px 10px ;
	}
	body.results #main-header h3 {
	    font-size: 18px;
	}
	body.results #main-header div.logo img{
	    width: 225px;
	}
	/* MY ACCOUNT AREA
	-------------------------------------------------- */
	.subsection-nav a {
		font-size: 13px;
	    padding: 10px;
		}	
	.user-information > .row > div {
    	margin-bottom: 20px;
		}
	/* Charts */

	#main-section .panel-primary{
		margin-top: 20px;
		}
	/* Portfolio */
	.my-table.table-striped.small > tbody > tr > td {
	    font-size: 11px;
		}
	.my-table.table-striped.small > tbody > tr > th {
	    font-size: 10px;
		}
	.dashboard .portfolio .cta {
	    width: 100%;
		}
	
}/* End of Medium Screen */




















/* -------------------------------------------------- */
/* DEVICES
-------------------------------------------------- */

/* TOGGLE SUBMENU HACK */
@media (min-width: 700px) and (max-width: 768px) {
	li.dropdown-split-right{
		min-width: 70%!important; /* Simulates a breakline on larger tablets*/
		}
}


/* ALL DEVICES */
@media (max-width: 767px) {
	div.row figure{
		margin-bottom: 10px;
		}
	.figure-title h3 {
	    font-size: 20px;
		}
	/* Navigation */
	#main-navbar.navbar {
		min-height: 95px;
		padding-bottom: 0;
		}
	#main-navbar{
		background-color: rgba(255,255,255,0.95);
		}
	.navbar-brand{
	  	display: block;
	  	width: 250px; /* Reduces the size of the logo*/
	  	}
	.navbar-brand img{
	  	width: 100%;
	  	}
	
	.navbar-default .navbar-collapse.collapse.in {
	    height: auto;/*Prevents the scrolling on large menus*/
	    overflow-y: visible; /*Prevents the scrolling on large menus*/
		}
	#main-navbar .navbar .navbar-collapse, #main-navbar .navbar-form {
	    border-color: transparent;
	    background-color: #e6eced;
	    margin-top: 25px;
		}
	#main-navbar.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
		max-height: 9000px;

		}
	#main-navbar .navbar-collapse {
	    padding-right: 0;
	    padding-left: 0;
		}
	#main-navbar.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		background-color: white;
	    border-color: transparent;
	    padding-top: 25px;
		}
	#top-menu{
		background-color: white;
		margin: 0;
		padding: 0;
		margin-left: 0;
		} 
	#top-menu li >a,
	#main-menu li >a{
		font-size: 14px;
		text-align: left;
		margin-left: 20px;
		padding: 15px 0!important;
		}
	#top-menu.navbar-nav>li>a {
	    border-left: none;
		}
	#main-menu a{
		margin-left: 10px;
		}
	#top-menu.navbar-nav>li {
	    padding-top: 0;
	    padding-bottom: 0;
	    margin: 0;
		}
	#main-menu{
		box-shadow: 0 1px 2px 1px rgba(0,0,0,.35); /* Adds shadow to the responsive menu*/
		margin: -2px 0 0 0;
		padding-bottom: 15px;
		text-align: left;
		}
	#main-menu .dropdown-menu {
	    border: none;
	    border-top: 1px solid #f1f1f1;
	    -webkit-box-shadow: none;
	    width: 100%;
		}
	li.dropdown-split-right, li.dropdown-split-left{
		display: inline-block;
		vertical-align: top;
		}
	li.dropdown-split-left{
		width: auto;
		}
	li.dropdown-split-right{
		min-width: 50%; /* Simulates a breakline*/
		}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	    background-color: transparent;
		}
	.dropdown-submenu>a:after {
		color: #cccccc;
	    content: " ";
	        border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
		}
	.dropdown-submenu>.dropdown-menu {
		border-bottom: 1px solid #f1f1f1!important;
	    display: block;
	    margin-left: 10%;
	    width: 90%;
		}
	#main-menu.navbar-nav>.active>a:hover, #main-menu.navbar-nav>.active>a:focus {
	    background-color: transparent;
		}
	/* Carousel */
	#home .carousel,#main-header,#login-header{
		margin-top: 95px;
		}
	.results #main-header{
		margin-top: 53px;
		}
	.slide-container{
		font-size: .95em;
		width: 100%;
		}
	.carousel-caption {
	    padding-bottom: 10px;
	    right: 15%;
	    left: 15%;
		}
	.carousel-caption h2 {
		font-size: 20px;
		padding: 5px 15px;
		}
	.carousel-text {
		font-size: 16px;
		padding: 0.25em 1em;
		}
	.carousel-indicators {
	    bottom: -10px;
		}
	/* Header */
	#main-header h2, #login-header h2{
		font-size: 2em;
		padding: .25em .5em;
	 	}
	 header.section-title h2 {
	    font-size: 24px;
		}
	/* Home */
	.home .account .content {
		min-height: 1px;
		}
	/* Portfolio */
	article.portfolio{
		padding: 10px 2%;
		width: 98%;
		}
	.portfolio>header,
	.portfolio.cta>header {
		padding: 0 2%;
		width: 75%;
		}
	.portfolio>header h3{
		font-size: 1.3em;
		margin: 0 0 .3em 0;
		}
	.portfolio>header p{
		font-size: 1em
		}
	.portfolio section{
		padding: 0 2% 0 3%;/* Change the margin to % so it flows through diferrent screen sizes*/
		margin-top: 10px;
		}
	section.return{
		border-left: none;
		margin-left:0;
		width: 25%;/* Change the width to % so it flows through diferrent screen sizes*/
		}
	p.percent {
		font-size: 1.5em;
		}
	section.risk{
		width: 15%;
		}
	p.level{
		display: inline-block;/* Changes to inline-block so it is able to center*/
			*display: inline;
			zoom: 1;
		}
	p.data, p.date {
		font-size: .9em;
		}
	p.data {
		margin:  0 0 5px 0;
		}
	section.technical-data{
		width: 58%;/* Reduces the size of this section when the portfolio has a cta*/
		}
	.portfolio.cta section.technical-data{
		width: 29%;/* Reduces the size of this section when the portfolio has a cta*/
		}
	.portfolio .btn{
		font-size: 14px;
		    padding: 0.75em 1em;
		}
	.portfolio .cta{
		padding-top: 1em;
		width: 28%;
		}
	.two {
		width: 48%;
		}
	/* CONTENT
	-------------------------------------------------- */
	#main-content{
		margin-top: 25px;
		}
	.login #main-content{
		margin-top: 0;
		}
	.featured-icons{
		width: 90%;
		margin: 0 2.5%;
		}
	section.page-section.margin {
	    margin-bottom: 0;
		}
	/* Savings */
	.row.info div.two{
		display: block;
		width: 100%;
		}
	.testimonial.full-width {
		width: 92%;
		margin: 0 4%;
		}
	.testimonial.full-width div.testimonial-pic  {
	    width: 120px;
		}
	.testimonial.full-width blockquote {
		margin: 0 0 0 45px;
	    padding: 5px 3% 25px 100px;
	    width: auto;
		}
	/* Steps */
	.steps-row{
		position: relative;
		}
	.step-picture{
		margin-bottom: 20px;
		}
	.steps{
		height: 100%;
		margin: 0;
		}
	.steps>div.number-wrapper{
		margin-bottom: 1%;
		padding: 133% 0 133%;
		}
	.steps .line{
		border-left: 2px solid #d0dee2;
		border-bottom: none;
		margin:100% 0 0 0;
			top: 0;
			left: 50%;
		width: 3px;
			height: 70%;
		}
	#date.figure-title figcaption{
		top: 15%;
		left: 38%;
		}
	#date.figure-title h2{
		font-size: 30px;
		}
	#date.figure-title h3{
		font-size: 40px;
		}
	.calculator-modal .modal-dialog {
	    margin: 5% 5% 0;
	    width: 90%;
	}
	
    .calculator-modal .calculator-form {
		    font-size: 18px;
		    line-height: 20px;
		}
        .calculator-modal button{
          font-size: 16px;
          }
        .calculator-modal form select{
          padding-left: 10px; 
          padding-right: 10px; 
          }
    /* Calculator results*/
	body.results #main-header figcaption{
	    bottom: 5%;
	}
	body.results #main-header h2 {
	    font-size: 20px;
	    padding: 5px 8px ;
	    margin-bottom: 5px;
	    line-height: 105%;
	}
	body.results #main-header h3 {
	    font-size: 14px;
	    padding: 5px 8px ;
	     line-height: 105%;
	}
	body.results #main-header div.logo img{
	    width: 150px;
	}
	body.results #main-header div.logo{
	    margin-top: 10px;
	}
	#calculator-results .years{
	    width: 16%;
	}
	#calculator-results .results{
	    width: 20%;
	}
	#calculator-results .cta{
	    width: 17%;
	}
	#calculator-results .results p{
	    font-size: 20px;
	}
	#calculator-results .years figure.circle{
	    width: 75px;
	    height: 75px;
	}
	#calculator-results .years h3{
	    font-size: 36px;
	    line-height: 39px;
	    margin-bottom: 0;
	}
	#calculator-results .years p{
	    line-height: 18px;
	}
	#calculator-results .cta{
	    margin-top: 0;
	}
	table.results-table tr.highlight td{
	    font-size: 18px;
	    padding: 10px 5px;
	}
	table.results-table tr.highlight .year div{
	    border: 2px solid #9ACBDC;
	    font-size: 18px;
	    width: 45px;
	    height: 45px;
	    line-height: 100%;
	}
	table.results-table tr.highlight td strong{
	    font-size: 11px;
	    font-weight: normal;
	}
	table.results-table th {
	    padding: 10px 3px;
	    font-size: 14px;
	    font-weight: normal;
	    text-align: center;
	}
	
	/* SIDEBAR
	-------------------------------------------------- */
	/* Sidebar */
	#sidebar .wrapper{
		margin: 0 0 0 0;
		width: 100%;
		}
	#sidebar{
		margin-top: 30px;
		}
	/* Sidebar news*/
	.picture-news .news-text{
		width: 80%;
		}
	/* Forms*/
	.form form{
		width: 90%;
			min-width: 1px;
		}  
	.main-fields label,
	.controls{
		width: 100%;
		}

	label.error {
		width: auto;
		}
	.inline-form .form-control-group {
		margin-bottom: 15px;
		}
	.form-control-group.two{
		width: 97%;
		}
	.form-control-group.four{
		width: 47%;
		}

	.form-progress p {
	    display: none;
	    visibility: hidden;
		}
	.long-form .form-row .col-md-4,
	.long-form .form-row .col-md-6,
	.long-form .form-row .col-sm-4,
	.long-form .form-row .col-sm-6{
		margin-bottom: 10px;
		}
	input.radio-button, input[type="radio"] {
	    margin-left: 0;
		}
	/* Footer */
	#copyright {
		margin-bottom: 30px;
		}
	/*------------------------------------------------- */
	/* MY ACCOUNT AREA
	-------------------------------------------------- */
	#wrapper{
		padding-left: 0;
		}
	#my-navbar {
		background-color: #2d3538;
		}
	#my-navbar .navbar-header{
		background-color: red;
		display: inline-block;
			*display: inline;
			zoom:1;
		width: 100%;
		}
	#my-navbar .navbar-brand{
		position: static;
		padding-bottom: 0;
		width: 100%;
		}
	#my-navbar .navbar-brand figure{
		padding: 10px 1% 0;
		width: 98%;
		max-width: 240px;
		}
	#my-navbar.navbar {
		height: auto;
		overflow: visible;
	    min-height: 50px;
	    margin-bottom: 20px;
	    border: 1px solid transparent;
		}
	.navbar-toggle {
	    position: absolute;
		    right: 0;
		    left: auto;
		}
	#my-navbar .back-button{
		margin:  10px 0 8px 20px;
		padding: 5px 20px;
		font-size: 14px;
		}
	#my-top-menu.nav {
	    float: right;
	    margin-top: 0px;
	    margin-right: 5px;
	    width: auto;
	    font-size: 15px;
	    position: relative;
		}
	#my-top-menu .navbar-collapse {
	    width: 100%;
		}
	#my-top-menu  .navbar-fixed-top .navbar-collapse, #my-top-menu  .navbar-fixed-bottom .navbar-collapse {
	    max-height: 540px;
		}
	.side-nav {
	    margin-left: 0;
	    padding-bottom: 40px;
	    position: relative;
	    	top: 0;
	    	 bottom: auto;
	    	left: 0;
	    width: 100%;
		}
	.modules article.col-sm-6{
		width: 50%;
		float: left;
		}
	.submenu > ul >li{
		display: block;
		}
	/* Modules */
	
	/* Header */
	#my-header.section-title{
		padding-top: 160px;
		}
	#main-section .container-fluid{
		padding-right: 0;
		padding-left: 0;
		}
	#main-section .container-fluid>.col-md-10{
		padding-right: 0;
		padding-left: 0;
		}
	#my-header .breadcrumb {
	    font-size: 14px;
		}
	#my-header.section-title h2,
	.user-greeting {
		text-align: left;
	    width: 100%;
		}
	.navbar-toggle.subsection-toggle{
	    background-color: #DADFE5;
	    position: relative;
	    padding: 9px 0;
	    margin:0;
		width: 100%;
		}
	.subsection-nav{
		z-index: 20;
		width: 100%;
		}
	/* Dashboard */
	.carousel.dashboard{
		margin-bottom: 25px;
		}
	.dashboard .portfolio .cta {
	    width: 100px;
		}
	.dashboard section.return {
	    width: 18%;
		}
		
	
	/* Portfolio */
	#collapse-menu .col-sm-8,
	#collapse-menu .col-sm-4{
		display: inline;
		float: none;
		padding: 0;
		width: auto;
		}
	#collapse-menu .btn{
		margin-bottom: 5px;
		}
	.user-information > .row > div {
    	margin-bottom: 20px;
		}
	/* Portfolio */
	#portfolio-table > tbody > tr > td,
	#portfolio-table.table > tfoot > tr > td{
	    font-size: 11px;
		}
	#portfolio-table > tbody > tr > th {
	    font-size: 10px;
		}
	.table-responsive #portfolio-table {
	    width: inherit;
		}
	#portfolio-table.table > thead > tr > th, 
	#portfolio-table.table > tbody > tr > th, 
	#portfolio-table.table > tfoot > tr > th, 
	#portfolio-table.table > thead > tr > td, 
	#portfolio-table.table > tbody > tr > td, 
	#portfolio-table.table > tfoot > tr > td {
	    padding: 5px;
		}
	/* Charts */
	#main-section .panel-primary{
		margin-top: 25px;
		}
	
}/* end of ALL DEVICES */
















/* ALL PHONES */
@media (max-width: 480px) {

	/* General */
	.two {
		width: 100%;
		}
	.text-justify{
		text-align: left;
		}
	/* Navigation */
	.navbar-brand{
	  	display: block;
	  	width: 210px; /* Reduces the size of the logo*/
	  	}
	.navbar-toggle {
	    margin-top: 15px;
	    margin-bottom: 5px;
	    margin-right:5px
		}
	#main-navbar.navbar {
		min-height: 80px;
		}
	li.dropdown-split-right{
		min-width: 35%; /* Simulates a breakline*/
		}
	/* Carousel */
	#home .carousel,#main-header, #login-header{
		margin-top: 80px;
		}
	 /* Carousel */
	 .slide-container {
		width: 95%;
		margin: 0 auto;
		}
	.carousel {
	  margin-bottom: 0px;
		}
	.carousel-caption {
	    position: static;/*Positions the captions under the image*/
	    padding-top: 5px;
	    right: 1%;
    	left: 1%;	    
		}
	.carousel .item{
		background-color: #00232e!important;
		padding-bottom: 25px;
		}
	.carousel-caption h2, .carousel-text {
		background-color: transparent;
		}
	.carousel-caption h2{
		margin-top: 10px;
		font-size: 18px;
		}
	.carousel-text {
		color: #b4c0c7;
		font-size: 14px;
		}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	    top: 25%;
		}
	.carousel .link{
		color: #a0e2f9;
		border-bottom: 1px solid #a0e2f9;
		padding-bottom: 2px;
		font-size: .9em;
		}
	.carousel-indicators {
	    bottom: 0px;
		}
	/* Header */
	#main-header h2{
		background-color: rgba(0,56,80,1);
		color: white;
		display: block;
		font-size: 2em;
		padding: .5em 5%;
		margin: 0;
	 	position: static;
	 	width: 100%;
	 	text-align: center;
	 	}
	 header.home-title h3 {
   		 font-size: 26px!important; 
   		  }
   	header.home-title h2 {
   		 font-size: 30px!important; 
   		  }
   	header.section-title.boldtitle h2 {
	    font-size: 17px;
		}
	header.section-title.boldtitle h3 {
	    font-size: 18px;
	    line-height: 21px
		}
	header.home-title {
	    margin: .5em 0 1em 0;
		}
	header.home-title h3{
		font-size: 22px!important;
		}
	header.home-title h2 {
	    font-size: 24px!important;
		}
	header.section-title.margin {
	    margin: 15px 0;
		}
	section.section {
	    padding: 10px 0;
		}
	h3.subtitle{
		margin: 10px 0;
		}
	.account .content {
	    padding: 5px 15px;
		}
	h3.important-text{
		font-size: 20px;
		}
	h4.important-text{
		color: #828E95;
		font-size: 18px;
		}
	#intro-retirement blockquote{
	    width: 95%;
	    margin-top: 0;
	    text-align: center;
		}
	#intro-retirement figure{
		width: 100%;
		max-width: 1000px;
		height: auto;
		margin: 0;
		padding: 0;
		line-height: 0;
		}

	#intro-retirement figure img{
		max-width: 80px;
		}
	#intro-retirement div.text{
		border-left: none;
		border-top: 2px solid #D0DEE2;
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		margin-top: 10px;
		padding-top: 10px;
		}
	#intro-retirement h2{
		font-size: 24px;
		}
	#intro-retirement h3{
		color: #002E3D;
		font-size: 21px;
		}
	#intro-retirement h4{
		color: #879095;
		font-size: 19px;
		}
	.my-table.table-striped{
	    font-size: 13px;
		}
	.my-table.table-striped > tbody > tr > th {
	    font-size: 11px;

		}
	/* Portfolio */
	.portfolio>figure, .portfolio>header, .portfolio>section{
		vertical-align: top;
		}
	.portfolio>header,
	.portfolio.cta>header {
		padding: 0 1%;
		width: 66%;
		}
	.portfolio-thumbnail{
		width: 80px;
		height: 80px;
		}
	.portfolio>header h3{
		font-size: 1.2em;
		}
	.portfolio section{
		margin-top: 15px;
		}
	section.return{
		width: 32%;
		}
	p.percent {
		font-size: 1.3em;
		}
	section.risk{
		width: 22%;
		}
	.portfolio .cta{
		padding-top: 0;
		padding-right: 0;
		width: 100%;
		min-height: 1px;
		margin-top: 5px;
		}
	section.technical-data,
	.portfolio.cta section.technical-data{
		width: 42%; /*Reduces the size of this section when the portfolio has a cta*/
		}
	/* Savings */
	.testimonial div.testimonial-text,
	.testimonial.full-width div.testimonial-text {
	    padding: 15px 15px 0 15px;
	    margin-bottom: 25px;
	    font-size: 16px;
	    text-align: center;
		}

	.testimonial div.testimonial-pic,
	.testimonial.full-width div.testimonial-pic
	  {
	    width: 100%;
	    text-align: center;
		}
	.testimonial div.testimonial-pic
	  {
	    margin-top: 20px;
	    margin-bottom: 0;
	    float: none;
		}
	.testimonial.full-width div.testimonial-pic
	  {
	    top: -25px;
	    left: 0;
		}
	.testimonial div.testimonial-pic figure,
	.testimonial.full-width div.testimonial-pic figure {
	    width: 100px;
	    display: inline-block;
		}
	.testimonial div.testimonial-text:after,
	.testimonial.full-width div.testimonial-text:after {
	    right: 0;
		}
	.testimonial.full-width blockquote {
		margin: 50px 0 0 0;
	    padding: 35px 7% 25px;
	    width: auto;
		}
	/* Steps */
	.steps>div.number-wrapper{
		margin-bottom: 1%;
		padding: 155% 0 155%;
		}
	.number{
		font-size: 30px;
		line-height: 50px;
		width: 50px;
			height: 50px;
		}
	.steps .line{
			left: 60%;
		}
		/* Sidebar news*/
		.picture-news .news-text{
			width: 65%;
			}
	#date.figure-title h2{
		font-size: 18px;
		}
	#date.figure-title h3{
		font-size: 23px;
		margin-left: 15px;
		}
	/* Forms*/
	.form form{
		padding: 3.5% 3.5%;
		width: 100%;
		}
	.forgot{
		text-align: left;
		padding: 5px 0 10px 40px;
		}
	.form-control-group.four{
		width: 97%;
		}
	.nav-tabs > li  {
	    max-width: 120px;
		}
	.nav-tabs > li > a {

	    font-size: .9em;
		}
	.media-left, .media-right, .media-body {
		    display: block;
		    margin: 0;
		    padding: 0;
		    width: 100%;
		}
	.media-left{
		    text-align: center;
		}
	.media-left figure{
		    display: inline-block;
		    margin-bottom: 15px;
		}
	.icon-list li {
	    margin: 0 5%;
	    width: 90%;
		}
	.form-progress figure {
	    font-size: 15px;
	    font-weight: bold;
	    line-height: 30px;
	    width: 30px;
	    height: 30px;
		}
	/* Forms */
	.mobile-full.col-xs-8,
	.mobile-full.col-xs-4{
		width: 100%;
		}
	.mobile-full.col-xs-4{
		margin-bottom: 1em;
		}

	/* Calculator */
	#calculator input#amount{
		max-width: 170px;
		}
	.calculator-modal .modal-content {
          padding: 40px 10px 10px 10px;
          }
    .calculator-modal .calculator-form {
		    font-size: 16px;
		    line-height: 18px;
		     margin-top: 0;
		}
    .calculator-modal button{
          font-size: 14px;
          }
    .calculator-modal .modal-header h3,
	.calculator-modal .modal-header h4 {
	    font-size: 13px;
	    padding: 0 15px;
	    letter-spacing: 5px;
	}
	.calculator-modal .modal-header h3 {
	    padding-top: 5px;  
	}
	.calculator-modal .modal-header h4 {
	    padding-bottom: 5px;
	}
	.calculator-modal .modal-header h2 {
	    font-size: 18px;
	}
	/* Calculator results*/
	body.results #main-header figcaption{
	    bottom: 10px;
	    left: 45%;
	    right: 2%;
	}
	body.results #main-header h2 {
	    font-size: 13px;
	    padding: 2px 5px;
	   
	}
	body.results #main-header h3 {
	    font-size: 11px;
	    padding: 2px 5px;
	}
	body.results #main-header div.logo img{
	    width: 100px;
	}
	#calculator-results .years{
	    width: 100%;
	    margin-bottom: 10px;
	}
	#calculator-results .results,
	#calculator-results .cta{
	    width: 24%;
	}
	#calculator-results .results h5{
	    font-size: 13px;
	}
	#calculator-results .results p{
	    font-size: 15px;
	}
	#calculator-results .years p{
	    line-height: 15px;
	}
	table.results-table th {
	    font-size: 10px;
	}
	
	/*------------------------------------------------- */
	/* MY ACCOUNT AREA
	-------------------------------------------------- */
	#my-navbar .navbar-header{
		width: 100%;
		}
	#my-navbar .navbar-brand figure{
		padding: 0 1% ;
			max-width: 200px;
		}
	#my-top-menu.nav {
	    float: right;
	    font-size: 14px;
	    margin-top: 0;
		}
	#my-top-menu.nav > li > a {
	    padding-left: 0;
	    padding-right: 10px;
		}
	/* Header */
	#my-header.section-title{
		padding-top: 130px;
		}
	#my-header .breadcrumb {
	    display: none;
	    visibility: hidden;
		}
	#my-navbar .back-button{
		font-size: 13px;
		margin: 8px 0 8px 5px;
		padding: 5px 15px;
		}
	.modules article.col-sm-6{
		width: 100%;
		}
	.module-content,
	.downloads .module-content{
		min-height: 5px;
		}
	/* Dashboard */
	.dashboard.portfolio section.return {
	    width: 100px;
		}
	.dashboard p.percent {
    	font-size: 21px;
		}
	.dashboard .portfolio-thumbnail {
	    width: 85px;
	    height: 95px;
		}
	/* Dashboard */
	.dashboard .portfolio .cta {
	    width: 100%;
		}
	.dashboard section.return,
	.dashboard section.risk{
		margin-top: 0;
		min-height: 1px;
	    width: 32%;
		}
	/* Inbox */
	.inbox article figure{
		width: 25%;
		}
	.inbox article a .message-title {
		font-size: 20px;
		}
	.inbox article a .message-resume {
		font-size: 16px;
		line-height: 1.2em;
		margin-top: 6px;
		max-height: 40px;
		}
	.inbox article aside{
		width: 100%;
		}
	.inbox article a .time{
		color: #9EACB5;
		font-size: 14px;
		}
	/* Portfolio */
	#portfolio-table > tbody > tr > td {
	    font-size: 10px;
		}
	#portfolio-table > tbody > tr > th {
	    font-size: 8px;
		}
	

}/* end of ALL PHONES */


/* max width 400 */
@media (max-width: 400px) {
/* Charts */

	/* Single portfolio */
	.portfolio-composition{
		width: 100%;
		}


}/* end of ALL PHONES */






/* SMALL PHONES */
@media (max-width: 320px) {

	li.dropdown-split-right{
		min-width: 20%; /* Simulates a breakline*/
		}
	li.dropdown-split-right.open{
		min-width: 100%; /* Simulates a breakline*/
		}
	/* Portfolio */
	article.portfolio{
		padding: 10px 3%;
		width: 100%;
		}
	section.return{
		width: 60%;
		}
	.portfolio>header,
	.portfolio.cta>header {
		padding: 0 2%;
		width: 63%;
		}
	.portfolio section{
		min-height: 1px;
		}
	section.return, 
	section.risk {
		width: 48%;
		}
	p.percent {
		font-size: 1.4em;
		}
	section.risk{
		width: 30%;
		}
	.portfolio .cta {
	    width: 65%;
		}
	section.technical-data,
	.portfolio.cta section.technical-data{
		border-top: 1px solid #f1f1f1;
		border-left: none;
		padding-right: 0;
		padding-top: 10px;
		width: 95%;
		text-align: center;
		}
	/* Steps */
	.steps>div.number-wrapper{
		padding: 200% 0 220%;
		}
	.steps .line{
			left: 70%;
		}
	.number{
		font-size: 25px;
		line-height: 40px;
		width: 40px;
			height: 40px;
		}
	#date.figure-title figcaption{
		position: static;
		margin-top: 20px;
		}
	#date.figure-title h2{
		font-size: 21px;
		padding: 0;
		}
	#date.figure-title h3{
		font-size: 28px;
		margin-left: 35px;
		padding: 0;
		}
	/* SIDEBAR
	-------------------------------------------------- */
	/* Sidebar */
	#sidebar .wrapper{
		margin: 0 0 0 0;
		width: 100%;
		}
	.nav-tabs > li > a {
	    padding: 10px 12px;
	    font-size: .85em;
		}
	/* Calculator */
	#calculator input#amount{
		max-width: 90px;
		}
	/* Calculator results*/
	body.results #main-header div.logo{
	    display: none;
	    visibility: hidden;
	}
	#calculator-results .results{
	    width: 32%;
	}
	#calculator-results .cta{
		padding-top: 10px;
	    width: 100%;
	}
	#calculator-results .results h5{
	    font-size: 11px;
	}
	table.results-table tr.highlight .year div{
    border: 2px solid #9ACBDC;
    font-size: 14px;
    line-height: 20px;
    width: 25px;
    height: 25px;
	}
	table.results-table th{
		text-transform: none;
		font-size: 9px;
	}
	table.results-table td{
		font-size: 13px;
	}
	table.results-table tr.highlight .data div {
    display: block;
    border-left: 1px solid #45CFE5;
	}
	table.results-table tr.highlight td {
	    font-size: 15px;
	}
	table.results-table tr.highlight td strong{
	    display: none;
	}


	

	
	/*------------------------------------------------- */
	/* MY ACCOUNT AREA
	-------------------------------------------------- */
	.back-button .text-button{
		display: none;
		visibility: hidden;
		}
	/* Charts */


}/* end of SMALL DEVICES */