@import "main.css";
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400);




body {
	line-height: 1.5em;
	color: #000;
	font-family: "Open Sans", sans-serif;
	padding-top: 80px;
	background-color: #f5f6f7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans" sans-serif; 
	color: #000;
	margin-top: 0;
}


h1 {
	font-size: 2.7em;
	font-weight: 300;

}

h2 {
	font-size: 2.5em;
	letter-spacing: -0.5px;
	font-weight: 300;
	margin-bottom: 20px;
}

h3 {
	font-weight: 400;
	color: #000;
	margin-top: 30px;
	margin-bottom: 20px;
}

h4 {
	font-weight: 600;
}

h5 {
	font-size: 1.125em;
}


p {
	font-family: "Open Sans";
	font-size: 0.97em;
	font-weight: 400;
	color: #000;
	line-height: 1.7em;
}

a {
	color: #2E2E2E;
}

a:hover {
	color: #f1592a;
	text-decoration: none;
}

details {
  border: 1px solid #FF0000;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

.inline-link {
	color: #f1592a;
}
.text-link {
	text-decoration: underline;
}

.breadcrumb {
	font-family: "Open Sans";
	font-size: 1.1em;
	letter-spacing: 0;
	font-weight: 400;
	background: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.breadcrumb > .active {
	color: #333;
}


.phone {
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1.2;
}

.phone small {
	color: #8a939c;
	font-size: 0.6em;
	font-weight: 400;
}

.big {
	font-family: "Roboto";
	font-size: 6em;
	font-weight: 100;
	letter-spacing: -3px;

}

.line-height {
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2em;
}

#right1, #right2, #right3 {
	font-size: 0.625em;
}

.underline {
	width: 30px;
	display: inline-block;
	float: left;
}

.overvew {
	padding-right: 10px;
}

.overvew p {
	margin-bottom: 5px;
}


.navbar-nav li {
	padding-bottom: 1px;
}

.navbar-nav li:hover {
	color: #F95646;
	background-color: 
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    }

.navbar-nav>li>a {
	font-family: "open Sans" sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 400;
	color: #2E2E2E;
	letter-spacing: 0.125em;	
	margin: 1px 5px;
	border-radius: 5px;
	padding: 20px 13px;
}


.navbar-nav>li>a:hover {
	color: #F95646;
	border-radius: 5px;
	margin: 1px 5px;
}


.navbar-nav>.active >a {
	color: #F95646;	
	border-radius: 5px;	
	margin: 1px 5px;
}

.navbar-brand {
	margin-top: -13px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: -30px;
}

.navbar-fixed-top {
    background: #fff no-repeat center;	
   /* background-image: url("../docs/img/navbar-background.png");*/
}


.navbar-toggle {
	background: #444;
}

.navbar-toggle .icon-bar {
	background: #f5f5f5;
}

#logo {
	margin-top: 8px;
}

.btn-invest {
	border: 2px solid #ff7466;
	border-radius: 2px;
	background-color: #f3f5f7;
	color: #000;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}

.btn-invest:hover {
	background: #F95646;
	border: 2px solid #F95646;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
}

.btn-default {
	border: 2px solid #ff7466;
	border-radius: 2px;
	background-color: #f5f6f7;
	color: #000;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}

.btn-default:hover {
	background: #F95646;
	border: 2px solid #F95646;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	
}

.btn-primary {	
	background: #F95646;
	border: 2px solid #F95646;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}

.btn-primary:hover {
	background: #e84b3b;
	border: 2px solid #e84b3b;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}

.btn-news {	
	background: #0bb566;
	border: 2px solid #097a45;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}

.btn-news:hover {
	background: #14d97d;
	border: 2px solid #4ceda2;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}

.btn-primary:active, .btn-primary:focus {
	background-color: #F95646;
	border: 2px solid #F95646;
}
.btn-order {
	background: #F95646;
	border: 2px solid #F95646;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}
.btn-order:hover {
	background: #e84b3b;
	border: 2px solid #e84b3b;
	border-radius: 2px;
	color: #fff;
	font-family: "open Sans";
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 20px;
	box-shadow: 0px 0px 25px -15px #000;
}
.btn-read {
	background-color: #fff;
	border: 1px solid #D8DDE5;
	border-radius: 5px;
	color: #F95646;
	font-family: "open Sans";
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 600;
	padding: 8px 10px;
	margin-top: 10px;
}
.navbar-header {
	height: 60px;
}
#bordered {

}
span {
	color: #f1592a;
	font-size: 0.5em;	
}
.modal-header span {
	color: #000;
}
	
#tariffs, #results, #partners {
	padding-top: 80px;
	margin-top: -80px;
}

.glyphicon {
	font-size: 0.9em;
}

#projects {
	padding-bottom:70px;
}

#projects h1 {
	margin-bottom: 0.4em;
}


#projects img {
	padding-left: 30px;
}

#projects .btn-default {
	margin-right: 3px;
}

#advantages {
	padding-bottom: 80px;
}

#advantages h2 {
	margin-bottom: 10px;
}

#advantages h3 {
	margin-bottom: 10px;
}

.tagline {
	padding: 0 150px 50px;
}



#robot {
	padding: 0 10px;
}

.subscribers {
	background: #f3f1f1;
	padding: 60px 0 60px;
}

.subscribers p {
	font-family: "PT Serif";
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 0 100px;
}

.subscribers h2 {
	margin-bottom: 1.4em;
}

.subscribers h3 {
	color: #f1592a;
}

#globe {
	margin-bottom: 50px;
}

#castle, #subscribers {
	padding: 40px 0 15px;
}

.join {
	padding: 50px 0 70px;
}

.btn-lg {
	padding: 15px 40px;
	border-radius: 10px;
	font-size: 1.4em;
	margin-top: 30px;
}

.btn-lg:hover {
	padding: 15px 40px;
	border-radius: 10px;
	font-size: 1.4em;
	margin-top: 30px;
	background: #e60000;

}

footer {
	background: #f5f6f7;
	padding: 40px 0 30px;
}

footer p {
	font-weight: 400;
}


#investment {
	padding-top: 20px;
}

#investment p {
	font-family: "PT Serif";
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 0 100px;
}

#investment img {
	margin: 0 auto;
}

#conditions {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 60px;
	border-top: 1px solid #e1e1e1;
}

#conditions p {
	font-size: 1.1em;
	line-height: 1.5em;
}

#interest, #amount, #time, #currency, #profits, #early {
	padding: 60px 0 30px;
	margin: 0 auto;
}

.investors {
	background: #f3f1f1;
	padding: 60px 0 60px;
}

.investors h2 {
	margin-bottom: 1.4em;
}

#bg {
	background-color: #fff;
	border-radius: 10px;
	padding: 60px 40px;
}

.panel {
	border-radius: 0 10px 10px 0;
	border-color: #e6e6e6;
	margin-left: -15px;
	border-left: none;
}

.panel h3 {
	margin: 0;
}

.tree, .castle, .com {
	float: left;
	margin-right: 70px;
} 

.testimonials {
	background: #dadada;
	padding: 60px 0 60px;
}

#quotes {
	margin-bottom: 20px;
}

.testimonials h2 {
	padding-left: 10px;
	padding-bottom: 20px;
}


.table > thead > tr > th {
	vertical-align: top;
	line-height: 1.2;
	font-size: 0.9em;
	padding: 10px 5px;
	font-family: "open Sans";
	font-weight: 600;
}

.nav-tabs > li > a {
	font-size: 1em;
	font-weight: 600;
	color: #000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #eef1f3;
	color: #000;
	border-color: #eef1f3;
}

.attention {
	font-size: 1.07em;
	font-weight: 400;
	background-color: #fff;
	padding: 20px 25px 25px 0;
	border: 1px solid #c5c5c5;
	line-height: 1.2em;
	border-radius: 3px;
	box-shadow: 0 3px 7px rgba(0,0,0,0.13);
}


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background: #9FA5A5;
	border: 1px solid #9FA5A5;
	font-size: 1.1em;
	font-weight: 600;
}


h4 small {
	font-family: "open Sans";
	font-size: 0.9em;
	font-weight: 300;
	color: #000;
}

h3 small {
	color: #f1592a;
	font-weight: 600;

}

#logic-line {

	padding-top: 80px;
	margin-top: -80px;
	clear: both;
}

#features {
	padding-top: 80px;
	margin-top: -80px;
	padding-bottom: 40px;
}

#faq {
	padding-top: 80px;
	margin-top: -80px;
	padding-bottom: 40px;
}

dt {
	font-size: 1.1em;


}

dd {
	font-size: 1em;
	font-weight: 300;
	padding-bottom: 10px;
}

.tags {
	float-clear:both;
}

.tags li {
	font-size: 0.9em;
	display: inline;
	font-weight: 400;
}

.tags li:hover a {
background-color: #d3d8e1;
}

.tags li a {
	color: #000;
	border-radius: 15px;
	padding: 5px 10px;
	border: 1px solid #d3d8e1;
	margin-bottom: 10px;
}

.tags ul {
	padding-left: 0;
}

#login {
	padding: 10px 0;
	background: #eef1f3;
	margin-left: -15px;
}

#login ul {
	list-style: none;
	padding-left: 20px;
}

#login ul li {
	margin: 10px 0;
}

#login .btn-primary {
	width: 90%;
	margin: 0 auto;
}

#login .btn-invest {
	width: 90%;

}

#login .btn-default {
	width: 90%;

}

#registration {
	margin-left: 20px;
	font-size: 1.125em;
	font-weight: 600;
}

.docs {
	padding-left: 5px;
	padding-right: 5px;
}

.docs a {
	color: #000;
}

.docs a:hover {
	text-decoration: underline;
}

.docs img {
	padding: 5px 15px 0 0;
	float: left;
}

.docs dt {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #000;
	font-weight: 600;
}

.docs dl {
	position: relative;
}

.doc-container {
	padding: 20px 20px 30px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #d3d8e1;
}

.doc-container:before {
	display: block;
    position: absolute;
    content: '';
    border: 15px solid #eef1f3;
    border-bottom: 15px solid #cfd4da;
    border-left: 15px solid #cfd4da;
    top: -1px;
    right: -1px;
    background: #FFF;
    z-index: 1;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d3d8e1;
    margin: 1em 0;
    padding: 0;
}

.docs p {
	font-size: 1em;

}

.docs dl {
	margin-bottom: 0;
}

.docs dd {
	font-size: 1em;
	padding-bottom: 13px;
}

#sidebar {
	
}
.panel-default {
	background-color: #eef1f3;
}

.comtube {
	clear: right;
}

#comtube {
	clear: both;
}

.services p {
	font-size: 0.9em;
	font-weight: 400;
}

.col-1 {
	margin: 20px 0 20px;
}

.table-bordered {
	border: 2px solid #eef1f3;
}

#results {
	padding-bottom: 50px;
}

#results h2 {
	font-family: "Roboto";
	color: #f1592a;
	font-size: 5em;
	font-weight: 100;
	margin-bottom: 5px;
	margin-top: 20px;
}

#results p {
	color: #000;
	line-height: 1.3em;
}

.table-bordered > thead > tr > th {
	border-bottom: 1px solid #D8DDE5;
	color: #000;
	background-color: #eef1f3;
}

.left-col {
	font-size: 0.9em;
}

.header {
	margin-bottom: 50px;
}

.partners {
	padding-top: 30px;
	padding-bottom: 100px;
}


#contacts .phone {
	
	padding-right: 15px;
}

.hr-bold {
	border-width: 2px;
}

.first-paragraph {
	clear: both;
}

.info dd {
	padding-bottom: 13px;
}

.space-right img {
	padding-right: 50px;
}

.conditions {
	font-size: 1.2em;
	font-weight: 600;
}

#cond-img img {
	margin-bottom: 20px;
}

td a {
	color: #000;
	text-decoration: underline;
}

.white-bg {
	background-color: #fff;
	padding-top: 40px;
}

#page-dev {
	margin: 20px 0 50px;

}

#pres {
	margin: 80px 0;
}

#numbers {
	margin-top: 30px;
}

#numbers h2 {
	color: #F95646;
	margin-bottom: 0;
}

#numbers img {
	padding-left: 30px;
}

.link a {
	color: #F95646;
	margin-top: 10px;
	font-weight: 400;
}

.copy {
	font-size: 1.2em;
}

.cond-top-margin {
	margin-top: 30px;
}

#investment-conditions {
	padding-top: 80px;
	margin-top: -80px;
}

#information {
	padding-top: 80px;
	margin-top: -80px;
}
.promo {
	width: 100%;
	height: auto;
	padding: 20px 50px;
	background-color: #f13e24;
	border-radius: 10px;
	margin-top: 140px;
}
.promo img {
	margin-top: -140px;
}
.promo h5 {
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 15px;
	letter-spacing: .1em;
	font-weight: 600;
	text-transform: uppercase;
	color: yellow;
}
.promo ul {
	display: block;
	list-style: none;
	color: #fff;
	padding-left: 0;
}

.promo-text {
	color: #fff;
	line-height: 18px;
	font-weight: 600;
}
.promo-header {
	font-family: "Lobster";
	font-size: 28px;
	color: yellow;
	margin-bottom: 15px;
	margin-top: 15px;
}
.plan-block img {
	margin-bottom: 20px;
}

.pop-img img {
	position: absolute;
	top: -2px;
	right: -2px;
}
.plan-block em {
	font-size: 0.9em;
	border-bottom: 1px dashed #F95646;
	color: #F95646;
}
.plan-block {
	position: relative;
	height: auto;
	border: 1px solid #D8DDE5;
	padding: 30px 10px;
	background-color: #fff;
}
.tariff-more-info {
	position: absolute;
	text-align: left;
	z-index: 2;
	visibility: hidden;
}
.plan-block p.tariff-more-info {
	color: #fff;
}
.plan-block:hover .tariff-more-info {
	visibility: visible;
}
.plan-block h4 {
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: -.03em;
	margin-bottom: 10px;
}
.plan-block p {
	font-size: 0.9em;
	font-weight: 400;

	margin-bottom: 5px;
	line-height: 2.2em;
}
.plan-block span {
	color: #000;
	font-size: 1.7em;
	font-weight: 600;
}
.tariffs {
	margin-bottom: 30px;
}
.first-row {
	margin-top: 15px;
}

.close span {
	font-size: 1em;
}
.modal-body {
	padding: 15px;

}
.modal-body .table > tbody > tr > td {	
	font-size: 0.9em;
	font-weight: 400;
	vertical-align: baseline;
	border-top: 1px dashed #ddd;
}

.modal-body .table > tbody > tr > th {
	border-top: none;
	vertical-align: baseline;
}
.modal-body .table > tbody > tr > th > span {
	font-size: 1.4em;
	color: #000;
	font-weight: 400;
	vertical-align: baseline;
}
.modal-lg {
	width: 700px;
}
.price {
	font-size: 1em;
	color: #000;
}
.price-big {
	font-size: 1.4em;
	color: #000;
}
.modal-body .table > tbody > tr > td.note {	
	font-size: 0.8em;
	color: #333;
}
#numbers ul {
	list-style: none;
}
#numbers .table-bordered > tbody > tr > td {
	padding: 20px;
}

.info-icon {
	float: left;
	margin-right: 20px;
	height: 100%;
}

table.interest .col-term {
   width: 20%;
}

table.interest .col-interest {
   width: 20%;
}


/* ============ @MEDIA ============== */

@media (max-width: 980px) {
	.navbar-fixed-top {
	/*background: #fff;*/
	background-image: url("../img/navbar-background.png");
}
}

@media (max-width: 768px) {
	.circle {
		margin: 20px auto;
	}
}

@media (max-width: 768px) {
	.navbar-fixed-top {
    background-image: url("../img/navbar-background.png");
	}
}

@media (max-width: 640px) {
	
	.navbar-nav>li>a {
		background: #3d4860;
	
		color: #fff;
	
	}
	.navbar-nav>li>a:hover {
		background: #53617f;
		color: #fff;
		
	}

	.navbar > .container .navbar-brand {
		margin-left: 0;
	}

	.breadcrumb {
		display: none;
	}

	.phone {
		margin-bottom: 20px;
		text-align: center;
	}
	

}

@media (max-width: 640px) {
	.tags ul li {
		display: block;
		margin-bottom: 10px;
	}
}


html.js p.no-js {
	display: none;
}

.block-row {
padding: 5px 4px;
height: 100px;
box-sizing: border-box;
}