@charset "utf-8";
/* CSS Document */
html { font-size:10px;}
body { font-size:1.6rem;}
html, body {font-family: 'Roboto-Regular';}
/*h1, h2, h3, h4, h5, h6 {font-family: 'Roboto-Bold';}*/
.text-blue { color:#3954a1}
.text-grey { color:#646464}
.text-light-blue { color:#a8d1ff;}
.text-orange { color:#ff4800;}


/*HEADER*/
.header { padding:30px 0 600px 0; background:
url(../images/iphone.png) bottom no-repeat,
url(../images/header-bg.png) bottom repeat-x;
color:#fff;
background-color:#3954a1;
}
.header h1 {font-family: 'Roboto-Bold';}

/*SECOND BLOCK*/
.second-block { background:#fff; padding:60px 0px;}
.second-block p { font-size:1.8rem; text-align:center}
.second-block .thumbnail { border:none;}
.second-block .thumbnail .caption { padding-top:30px;}

/*THIRD BLOCK*/
.third-block { background:#3954a1; color:#fff; padding:60px 0; font-size:1.8rem;}
ul.checked { padding:0; margin:0;}
ul.checked>li { list-style:none; background: url(../images/check.png) 0px 0px no-repeat; padding:0 0 15px 40px;}
.third-block .thumbnail { background:none; border:none; margin-top:30px; }
.third-block .thumbnail .caption {color:#fff; text-align:center; padding-top:30px;}
.third-block .numbers>div  { border-right: 1px solid rgba(255,255,255,0.20)}
.third-block .numbers>div:last-child  { border-right: none}


/*FOURTH BLOCK*/
.fourth-block {  background:url(../images/fourth-bg.jpg) bottom repeat-x; background-color:#1e3880;padding:60px 0 0 0; color:#fff;}

/*FIVE BLOCK*/
.five-block { background: url(../images/five-bg.jpg)  left bottom no-repeat; background-color:#fff; padding:60px 0}
.five-block .thumbnail { background:none; border:none;}
.five-block .thumbnail .caption { text-align:center; padding-top:30px; }
.five-block .slogan { font-size: 6.2rem; font-family: 'Roboto-Bold';}

/*SIX BLOCK*/
.six-block { background:url(../images/six-bg.jpg); background-color:#31488a; padding:60px 0 100px 0; background-attachment:fixed}
.six-block h1 { color:#fff;}
.six-block .media { background:rgba(255,255,255,0.10); margin-top:60px;}
.six-block .media .media-body { padding:30px; color:#fff; font-size:1.8rem;}

/*SEVEN BLOCK*/
.seven-block { background:#fff; padding:60px 0}

/*FOOTER*/
.footer { padding:60px 0; background:#3954a1; color:#fff; }
.footer .media .media-left { padding-right:30px}
.footer .media .media-heading { margin-bottom:20px}
.divider { display: block; height:15px; margin-bottom:15px; border:none; border-bottom:1px solid rgba(0,0,0,0.20);}
.copyright { font-size:1rem;}

/*REGISTRATION*/
.registration-container { background:rgba(0,0,0,0.50); position: fixed; padding:20vh 30px 30px 30px; width:250px; height:100vh; z-index:1000; right:0px; }
.register-form label{ color:#fff; font-weight:normal;}
form {  
  
  
}
form h3 { color:#fff; margin-top:0; margin-bottom:30px;}
form a { color:#fff; font-size:1.2rem}
form a:hover { color:#ff4800;}

.form-control {
	border-radius: 5px; border:none; 
}
input-lg {
	font-size: 1.6rem; 
}
input.email {
	background: url(../images/envelope.png) no-repeat top left;
	background-color: #fff;
	padding-left: 46px;
}
input.phone {
	background: url(../images/telephone.png) no-repeat top left;
	background-color: #fff;
	padding-left: 46px;
}
input.pass {
	background: url(../images/pass.png) no-repeat top left;
	background-color: #fff;
	padding-left: 46px;
}
input.email.error, input.phone.error, input.pass.error {
	background-position: left bottom;
	border-color: #D30003;
	box-shadow: 0 0 15px rgba(230,0,3,0.9), 0 0 15px rgba(230,0,3,0.4) inset;
	color: #FF383C
}
.btn-green {
	color: #fff;	
  background-color: rgb(110, 221, 36);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33),inset 0px 0px 40px 0px rgba(10, 70, 0, 0.65);
  border:none;
  
 
}

.btn-green:hover, .btn-green:focus, .btn-green:active {
	background: #66c500;
	color: #fff;
	
}
.btn-green, .btn-green:hover, .btn-green:focus, .btn-green:active {
	transition: all ease 0.3s
}

.btn-lg {  border-radius:5px; font-size: 1.6rem; }

.container {width:65%}

label.error {
  display: none !important;
}