html,body,ul,p,.form{padding:0;margin:0}
html,body{width:100%;height:100%;text-align:left;}
body {background:#fff;font-family:'Open Sans', Arial;font-size: 12px;color: #000;font-weight: 200;}
img {max-width: 100%;}
#container {
    min-width: 1024px;
    /* margin: 0 auto; */
}
.button1 {
	padding: 7px 25px;
	color: #3e85f7;
	font-size: 14px;
	border: 1px solid #3e85f7;
	background: transparent;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	text-transform: uppercase; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;	
	cursor: pointer;	
}
.button1:hover {
	background: #3e85f7;
	color: #fff;
}
.button2 {
	padding: 10px 30px;
	color: #fff;
	font-size: 32px;
	border: 2px solid #fff;
	background: transparent;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	text-transform: uppercase; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.button2:hover {
	background: #fff;
	color: #3e85f7;
}
.button3 {
	padding: 10px 30px;
	color: #3e85f7;
	font-size: 24px;
	border: 2px solid #3e85f7;
	background:#fff;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	text-transform: uppercase; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	position: relative;
	z-index: 1;
}
.button3:hover {
	background: #3e85f7;
	color: #fff;
}
#header {
    border-top:1px solid  #fff;
    border-bottom:1px solid  #fff;
	position: absolute;
	height: 60px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease; 
	background: #fff;
	/*border-bottom: 1px solid #ededed;*/
/*	-webkit-box-shadow: 0 0 10px 0px #121212;
	-moz-box-shadow: 0 0 10px 0px #121212;
	box-shadow: 0 0 10px 0px #121212;*/
	z-index: 101;
}
.header-content {
    max-width:1600px;
    margin:0 auto;
}
#header .logo {
	margin: 13px 5px 0px;
	float: left;
}
.logo img {
	/*max-width: 55%;*/
}
#header.fixed {
	position: fixed;
	background: #f7f7f7;
	border-top:1px solid #f7f7f7;
}
#header .login {
	float: right;
	margin: 12px 12px 0px;
}
.blog1 {
	max-height:900px; 
	overflow: hidden;
	position: relative;
	background:url(../../images/site/b1bg4.jpg) repeat top center;
}
.blog1 img.bg1 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	opacity:0;
	filter:alpha(opacity = 0);
}
.people1 {
	width: 317px;
	position: absolute;
	top: 157px;
	left: 50%;
	margin-left: -75px;
	z-index:100;
}
.blog1-1 {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	z-index: 1;
	height: 400px;
}
.bg2 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;	
}
.blog1-1-content-wrap {
	position: absolute;
	z-index: 1;
	top: 150px;
	left: 0;
	width: 100%;
	height: 100%;
}
.blog1-1-content {
	margin: 0 auto;
	max-width: 820px;
	text-align: center;
}
.blog1-1-content .button2 {
	margin-top: 40px;
}
.blog1-1-content p {
	font-size: 28px;
	color: #fff;
}
.blog2 {
	background: url(../../images/site/bg-start1.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.blog2-content {
	min-height: 600px;
}
.blog5 {
	text-align: center;
	padding: 0;
	/*background:#cbcbcb;*/
	background:url(../../images/site/f4.jpg) repeat center center;
}
.blog5-content {
	max-width: 1200px;
	margin: 0 auto;  
}
.b5c-wrap {
    width:100%;
	/*max-width: 400px;*/
	height: 250px;
	background: #eee;
	cursor: pointer;
}
.b5c-bg-fon {
	background: #000;
	opacity:0.2;
	filter:alpha(opacity = 0.2);
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.b5c-bg {
	position: absolute;
	width: 100%;
	height: 250px;
	left: 0;
	top: 0;
	z-index: 0;
}
.b5c-bg-fon,.b5c-text {
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease; 
}
.b5c-text {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity:1;
	filter:alpha(opacity = 100);
}
.b5c-wrap:hover {
	cursor: default;
}
/*.b5c-wrap:hover .b5c-text {
	opacity:1;
	filter:alpha(opacity = 100);
}*/
.b5c-wrap:hover .b5c-bg-fon {
	opacity:0.7;
	filter:alpha(opacity = 70);
}
/*.b5c-wrap:hover .b5c-text {
	opacity:1;
	filter:alpha(opacity = 100);
}
.b5c-wrap:hover .b5c-bg-fon {
	opacity:0.8;
	filter:alpha(opacity = 80);
}*/
.b5c-bg {

}
.b5-1 .b5c-bg {
	background: url(../../images/site/b5-2-1.jpg) no-repeat left center #fff;
}
.b5-2 .b5c-bg {
	background: url(../../images/site/b5-2-2.jpg) no-repeat left center #fff;
}
.b5-3 .b5c-bg {
	background: url(../../images/site/b5-2-3.jpg) no-repeat left center #fff;
}
.b5-4 .b5c-bg {
	background: url(../../images/site/b5-2-4.jpg) no-repeat left center #fff;
}
.b5-5 .b5c-bg {
	background: url(../../images/site/b/b5-3.jpg) no-repeat left center #fff;
}
.b5-6 .b5c-bg {
	background: url(../../images/site/b5-2-6.jpg) no-repeat left center #fff;
}
.blog3 h2 {
    color:#fff;
    text-transform:uppercase;
    font-size:32px;
    padding: 0;
    margin: 0 0 30px;
    font-weight:400;
}
.blog5 h2 {
	padding: 5px 10px;
	margin: 0;
	font-size: 20px;
	margin: 100px 0 20px;
	text-transform: uppercase;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #000; 		
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease; 
}
.blog5 p,.blog5 h2 {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	max-width: 300px;
}
.blog5 p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 50px;
	opacity:0;
	filter:alpha(opacity = 0);	
}
.b5c-wrap:hover .b5c-text p {
	opacity:1;
	filter:alpha(opacity = 100);	
}
.b5c-wrap:hover .b5c-text h2 {
	margin-top: 60px;
}
.blog5 img {
	border: 1px solid #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;		
}
.blog6 {
	/*background: url(../../images/site/f1.jpg) repeat #3e85f7 center center;*/
	background: #3e85f7;
	padding: 45px 0;
	position:relative;
	overflow:hidden;
}
.blog6-content {
	max-width: 1200px;
	text-align: center;
	margin: 0 auto;
	position:relative;
	z-index:2;
}
.blog6-content h2 {
    font-size:38px;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:50px;
}
.blog6-content h2 span {
    font-size:30px;
}
.blog6-content p {
	color: #fff;
	font-size: 24px;
}
.blog6-content p span {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
}
.blog6-content span.s {
    color:#fff;
    font-size:36px;
    font-weight:700;
    
}
.blog6-content span.c {
    padding:5px 10px 0;
}
.blog3 {
    background:#3e85f7;
	/*background: url(../../images/site/f3.png) repeat-x center center #3e85f7;*/
	padding: 30px 0 20px;
	position:relative;
	overflow:hidden;
}
.blog3-content {
	max-width: 700px;
	margin: 50px auto 0;
	text-align: center;
	position:relative;
	z-index:2;
}
.blog3-content p {
	color: #fff;
	font-size: 26px;
	margin-bottom:80px;
}
.blog3-content p.title {
    font-size: 36px;
    text-transform:uppercase;
    margin-bottom:40px;
}
.blog3-content p.title b {
    font-size:48px;
    padding:0 5px;
}
.blog3 img {
	margin: 0 auto;
	display:block;
}
.blog4 {
	padding: 120px 0;
	text-align: center;
	position:relative;
	overflow:hidden;
	background:url(../../images/site/b1bg4.jpg) repeat top center;
	/* background:url(../../images/site/f4.jpg) repeat center center; */
}
.blog4-content {
	margin: 0 auto;
	max-width: 1200px;
	position:relative;
	z-index:2;
}
.blog4-wrap {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
.blog4-wrap h2 {
    font-size:36;
    margin:0 auto 100px;
    max-width:600px;
}
.blog4 .reg {
	margin-top: 70px;
}
.blog4-arrow-wrap {
	position: absolute;
	bottom:15px;
	width: 100%;
	display: none;
}
.arrow-left,.arrow-right {
}
.arrow-left {
	float: left;
	margin-left: 50px;
}
.arrow-right {
	float: right;
	margin-right: 50px;
}

#footer {
	padding: 30px 0;
	width: 100%;
	background: #ededed;
	text-align: center;
}
#footer ul {
    padding: 0;
    margin: 6px 0 0;
    text-align:center;
}
#footer ul li {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    margin:0 5px;
    position:relative;
    z-index:2;
}
#footer ul li a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding:10px 20px;
    font-size:16px;
    color:#fff;
    text-decoration:none;
    -webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
}
#footer ul li a:hover {
    text-decoration:none;
    color:#fff;
    opacity:0.6;
    filter:alpha(opacity = 60);
}
#footer ul li a.social {
    background:#3e85f7;
    width:30px;
    text-align:center;
}
#footer ul li a.email {
    background:#ababab;
}

#footer p {
	font-size: 18px;
	color: #414141;
	display: inline;
}
/*#footer p a {
	color: #414141;
	font-size: 18px;
	text-decoration: underline;
}
#footer p a:hover {
	text-decoration: none;
}*/
.forms {
	height: 240px;
	width: 930px;
	padding: 15px;
	background: #fff;
}
.form {

}
.form .row {
	margin-bottom: 10px;
}
.form .row input {
	width: 350px;
	padding: 10px 15px;
	border: 1px solid transparent;
	background: #e5e5e5;
	color: #757575;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url('catalog/view/javascript/pie.htc'); 		
}
.form .error input {
	border: 1px solid #ff0000;	 
}
.form h2 {
	padding: 0;
	margin: 0 0 20px;
	color: #000;
	text-transform: uppercase;
	font-size: 22px;
}
.errorMessage {
	color: #444;
	font-size: 12px;
	padding-top: 1px;
}
.form .submit a {
	font-weight: 400;
	border: 2px solid #3e85f7;
	background: transparent;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	color: #3e85f7;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 25px;
	text-align: center;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;	
}
.form .submit a:hover {
	background: #3e85f7;
	color: #fff;
}
/* Сообщения о статусе выполнения функций */
.success,.error {
	font-size: 12px;
	text-align: center;
}
.success,.error {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url('catalog/view/javascript/pie.htc'); 
	padding: 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;	
	color: #fff;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	opacity:0;
 	filter:alpha(opacity = 0); 	
 	height: 0;

}
.success {
	background: #14c729;
}
.error {
	background: #f7583e;
}
.success.active,.error.active {
	margin-bottom: 10px;
	padding: 5px 10px;
	height: auto;
	opacity:1;
	filter:alpha(opacity = 100);
}
.modal-min .modal-dialog {
	width: 400px;
	text-align: center;
}
.modal-title {
	text-transform: uppercase;
}
.modal-header .close {
	margin-top: 2px;
}
#slider2 h2 {
    text-transform:uppercase;
    font-size:22px;
    margin-bottom:30px;
    text-align:left;
    padding:5px 10px;
    background:#3e85f7;
    color:#fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
}
#slider2 .slider-text {
	width:40%;
	color: #000;
	font-size: 26px;
	text-shadow: none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left;
}
.slider-text p {
    font-size:16px;
    text-transform:none;
    margin-bottom:15px;
}
.slider-text p.red {
    color:#a60000;
}
.slider-text p.green {
    /* color:#3e85f7; */
}
#slider2 .img-wrap {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    width:55%;
    text-align:left;
}
.slide-img {
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;*/
	text-align: center; 		
/*	background: #3e85f7;
	padding: 20px 20px 20px;*/
}
.carousel-inner .item {
	text-align: center;
	height:420px;
}
.item-play {
    width:50px;
    height:60px;
    margin-left:10px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    background:url(../../images/site/icon/play.png) no-repeat left center;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
    display:none;/*пока скрою*/
}
.item-play:hover {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
/*.carousel-inner .item .img-wrap {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	height:450px;
	border:10px solid #777;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;   
}*/
.carousel-inner .item img {
/*     display:inline;
padding:0;
font-size:0;
height:500px;
border:5px solid #777;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;  */ 
}
.carousel-indicators-wrap {
	left: 0;
	margin: 30px 0 0;
	text-align: center;
	width: 100%;
	bottom:-70px; 
	position:absolute;
}
.carousel-indicators {
	left: 0;
	margin: 0;
	text-align: center;
	width:auto;
	bottom:30px;
	padding:12px;
	background:transparent;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	position:static;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.carousel-indicators li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	float: none;
	border: 1px solid #3e85f7;
	background:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width:auto;
	height:auto;
	color:#3e85f7;
	padding:5px 10px;
	text-indent:inherit;
}

.carousel-indicators li.active {
	border: 1px solid #3e85f7;
	background: #3e85f7;
	width:auto;
	height:auto;
	color:#fff;
}
#slider3 {
    
}
#slider3 .slider-text {
    font-size:20px;
    color:#fff;
    max-width:800px;
    margin:0 auto;
}
#slider3 .slider-name {
    font-size:22px;
    color:#eee;
    font-weight:700;
    text-transform:uppercase;
    margin-top:15px;
}
#slider3  .item {
    height:100px;
}
#slider3 .carousel-indicators-wrap {
    position:relative;
    left:0;
    bottom:0;
    margin-top:15px;
}
#slider3 .carousel-indicators li {
    padding:7px;
    border:none;
    background:#000;
    -moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	border-radius: 100%;
}
#slider3 .carousel-indicators li.active {
    background:#fff;
    border:none;
}
.blog7 {
    padding:100px 0 100px;
    background:url(../../images/site/f4.jpg) repeat center center;
    position:relative;
}
.blog7-content {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
    position:relative;
    z-index:2;
}
.blog7-end {
    padding-top:60px;
}
.blog7-end .email-wrap {
    margin:0;
}
.blog7-content ul.future-list {
    padding:40px 0 0;
}
.blog7-content ul.future-list li {
    font-size:18px;
    margin-bottom:8px;
    color:#3E85F7;
    list-style:none;
    cursor:pointer;
    /*list-style-position: inside;*/
}
.blog7-content ul.future-list li span {
    color:#000;
    padding-left:12px;
}
.blog7-content ul.future-list li .future-des-wrap {
    position:absolute;
    top:0;
    left:-450px;
    padding:15px 20px;
    background:#fff;
    /* border:1px solid #000; */
    color:#000;
    font-size:14px;
    width:400px;
    height:550px;
    opacity:0;
    display:none;
    filter:alpha(opacity = 0);
    /* opacity:0.9;
    filter:alpha(opacity = 90); */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
}
.blog7-content ul.future-list:hover li .future-des-wrap{
    display:block;
}
.blog7-content ul.future-list li:hover span {
    color:#127b44;
}
.blog7-content ul.future-list li:hover .future-des-wrap {
    opacity:1;
    filter:alpha(opacity = 100);
}
.blog7-content ul.future-list .future-des p {
    margin-bottom:10px;
}
.blog7 h2 {
    color:#000;
    font-size:36px;
    padding: 0;
    margin: 0;
    text-transform:uppercase;
    
}
.blog7-mini-text {
    font-size:26px;
    color:#000;
    margin-top:30px;
    font-weight:700;
}
.blog7-content-left,.blog7-content-right {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    text-align:left;
}
.blog7-content-left {
    width:40%; 
    text-align:right;
}
.blog7-content-right {
    width:53%;
    margin-left:6%;
    position:relative;
}
.blog7-content-button {
    padding-top:120px;
}
.email-wrap,.email-wrap-yes {
    max-width:500px;
    margin:55px auto 15px;
    visibility:visible;
    opacity:1;
    filter:alpha(opacity = 100);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
}
.email-wrap-yes {
    margin-top:25px;
}
.email-wrap.hide,.email-wrap-yes.hide {
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity = 0);
}
.email-wrap-yes p {
    font-size:14px !important;
    font-style:italic;
}
.blog7-end .email-wrap-yes {
    margin-left:0 !important;
}
.blog7-end .email-wrap-yes p {
    text-align:left !important;
}
.email-wrap input, .email-button {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;   
}
.email-wrap input {
    border:none;
    background:#fff;
    border:none;
    padding:3% 3%;
    font-size:16px;
    /*line-height:16px;*/
    width:64%;
    border:2px solid #fff;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -khtml-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
.email-button {
    margin-left:1%;
    width:30%;
	padding: 3% 0;
	color: #fff;
	font-size: 16px;
	/*line-height:16px;*/
	background:#3E85F7;
	border:2px solid #fff;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	text-transform: uppercase; 
	cursor: pointer;
	position: relative;
	z-index: 1;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-khtml-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	text-align:center;
}
.email-button:hover {
    opacity:0.6;
    filter:alpha(opacity = 60);
}
.email-wrap-blue input {
    border:2px solid #3E85F7;
}
.email-wrap-blue .email-button {
    border:2px solid #3E85F7;
    color:#fff;
    background:#3E85F7;
}

.blog8 {
	padding: 120px 0;
	text-align: center;
	background:url(../../images/site/f4.jpg) repeat center center;
}
.blog8-end {
    margin-top:100px;
}
.blog8-end p {
    font-size:18px;
}
.blog8-end .email-wrap {
    margin-top:35px;
}
.blog8-content {
	margin: 0 auto;
	max-width: 1200px;
}
.blog8 h2 {
    font-size:36px;
    padding:10px 15px;
    background:#000;
    color:#fff;
    text-transform:uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    margin-bottom:25px;
}
.blog8 p {
    font-size:22px;
    max-width:900px;
    margin:20px auto 0;
}
.command-list {
    max-width:1200px;
    margin:105px auto 10px;
    text-align:center;
}
.command-list .command {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    margin:0 15px;
    position:relative;
}
.command-list .command:hover {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.command3 {
    padding-top:100px;
}
.command2 {
    padding-top:110px;
}
.command-name {
    padding-top:15px;
    color:#3e85f7;
    font-size:16px;
}
.command-text-info {
    display:none;
}
.command-name,.command-text-info {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
}
.command:hover .command-name {
    display:none;
}
.command:hover .command-text-info {
    display:inherit;
}
.command-text {
    position:absolute;
    color:#000;
    font-size:12px;
}
.command-text1 {
    top: 38px;
    left: 28px;
    width: 161px;
    height: 70px;
}
.command-text2 {
    top: 148px;
    right: 44px;
    width: 110px;
    height: 70px;
}
.command-text3 {
    top: 138px;
    left: 47px;
    width: 107px;
    height: 80px;
}
.particles-js {
	width:100%;
	position:absolute;
	left:0;
	z-index:1;
}
.particles-js canvas {
    display:block;
    vertical-align:bottom;
}
#particles-js-1 {
	height:750px;
	top:-100px;
}
#particles-js-2 {
	height:450px;
	top:-100px;
}
#particles-js-3 {
	height:350px;
	top:0px;
}
/*.button3:hover {
	background: #3e85f7;
	color: #fff;
}*/
@media (min-width:2000px) {
	.blog1-1-content {
		margin-top: 20px;
	}
	.blog1-1 {
		height: 450px;

	}
	.blog1 img.bg1 {
		top:-300px;
	}
}

@media (min-width:3000px) {
	.blog1-1-content {
		margin-top: 70px;
	}
	.blog1-1 {
		height: 550px;

	}
	.blog1 img.bg1 {
		top:-600px;
	}
}
@media (min-width:3500px) {
	.blog1-1-content {
		margin-top: 70px;
	}
	.blog1 img.bg1 {
		top:-700px;
	}
}
@media (min-width:4000px) {
	.blog1-1-content {
		margin-top: 120px;
	}
	.blog1 img.bg1 {
		top:-1100px;
	}
}