@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Open+Sans+Condensed:300,500|Roboto|Roboto+Condensed|Noto+Serif&subset=cyrillic');
body { font-family: 'Open Sans', system-ui, sans-serif; padding-top: 3.5rem; }
body:not(.pay) {  font-weight: 300; }
body.order { padding-top: 0; }
nav { font-family: system-ui, sans-serif; font-weight: normal; }
nav a.navbar-brand span { font-weight: 300; }
nav a.navbar-brand i { color: rgba(255, 255, 255, .75); }
nav .dropdown-toggle::after { display: none; }
nav .dropdown-menu { min-width: inherit; }
.fw-500 { font-weight: 500; }
.fill-viewport { min-height: calc(100vh - 4.28rem); }
.condensed { font-family: 'Open Sans Condensed', system-ui, sans-serif; }
.font-15 { font-size: 1.5rem; }
.font-20 { font-size: 2.0rem; }
.color-yellow { color: rgb(255,241,0); }
.modal-body { font-size: 0.9rem; }
#introduction, #download { 
	background: url('../img/bg2.jpg') #343a40; 
	color: #fff; 
}
#introduction h1, #introduction .h1 { 
	font-weight: 300; 
}
@media (max-width: 576px) {  
	#introduction, #description, #download h1, #download .h1 { 
		font-family: 'Open Sans Condensed', 'Open Sans', sans-serif; 
	} 
}
@media (min-width: 576px) {  
	body { padding-top: 4.28rem; }
	.navbar-brand { font-size: 2.2rem; padding-top: 0; padding-bottom: 0; }
	.nav-item { font-size: 1.25rem; }
}
#intro1 { margin-bottom: 0; }
@media (min-width: 768px) { #intro1 { margin-bottom: 1.5rem; } }
@media (min-width: 992px) { #intro1 { margin-bottom: 4.5rem; } }
#description, #brokers, #footer, #indx, #strategy { 
	background-color: #3b4c5c;
	color: #fff;
}
#description { padding-bottom: 30px; }
#description ul, #indx ul, #robot ul {
	font-size: 1.4rem;
	line-height: 2;
	list-style-type: none;
}
#results ul {
	font-size: 1.25rem;
	line-height: 2;
	list-style-type: none;
}
@media (max-width: 767px) { 
	#indx ul, #robot ul, #results ul { padding-left: 0; } 
	#indx ul, #robot ul { font-family: 'Open Sans Condensed', 'Arial Narrow', system-ui, sans-serif; }
	#strategy .lead, #results .lead, #results ul, #brokers .lead { font-size: 1rem; }
	#strategy .h1, #results .h1, #brokers .h1 { font-size: 2rem; }
}
#description sup {
	color: #999;
}
#info, #robot {
	background-color: rgb(224, 224, 224);
    color: #333;
	padding-bottom: 40px;
}
#results, #brokers {
	padding-bottom: 40px;
}
#results h1, #brokers h1, #download h1, #info h2 { margin: 40px 0; }
#results .h1, #brokers .h1, #download .h1 { margin: 40px 0; }
#download { padding-bottom: 50px; }
#download h1, #download .h1 { font-weight: 300; }
#download .col-md-6 { margin-bottom: 1.2rem; }
@media (min-width: 768px) { #download .col-md-6 { margin-bottom: 0; } }
@media (min-width: 576px) { #brokers { text-align: center; } }  
#footer { 
	padding: 30px 0;
	font-size: 0.8rem;
	color: #bbb;
}
#footer hr {
	border-top: 1px solid rgba(255,255,255,0.2);
}
#column-1 { margin-bottom: 1rem; }
@media (min-width: 576px) { #column-1 { margin-bottom: 0; } }
#content {
    color: #222;
	padding: 40px 0;
	min-height: calc(100vh - 4.28rem);
}
#content h1, #content h2, #content h3 {
	font-weight: 300;
}
#content h1 {
	margin-bottom: 2rem;
}
#content h2 {
	margin: 2rem 0 1rem;
}
#content p, #content li, #content form {
	font-size: 1.25rem;
}
#content p, #content li {
	font-family: 'Noto Serif', Georgia, serif;
}
#content .btn {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300; 
}
.chart-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	max-height: 800px;
}
.chart-container a {
	text-decoration: none;
}
canvas {
	width: 100%;
	height: 100%;
}
.pay nav .navbar-brand svg, .order nav .navbar-brand svg { 
    height: 30px;
    margin-right: .5rem;
    position: relative;
    top: -2px;
}
@media (max-width: 576px) {  
	.pay nav .navbar-brand svg, .order nav .navbar-brand svg { height: 20px; margin-right: .25rem; top: 2px; }
}