div.wrapper {
 background-image: url('../img/snow1.png'), url('../img/snow3.png'), url('../img/snow2.png');
 height:100%;
}
@keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-moz-keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
 
@-ms-keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

div.wrapper {
 background-image: url('../img/snow1.png'), url('../img/snow3.png'), url('../img/snow2.png');
 height:100%;
 -webkit-animation: snow 20s linear infinite;
 -moz-animation: snow 20s linear infinite;
 -ms-animation: snow 20s linear infinite;
 animation: snow 20s linear infinite;
}

.dis{background: #e0e1e4;}


.wrapper {	
	margin:0 auto;
	min-width: 320px;
}



/**
 * Сброс стилей у кнопки.
 * Придётся немного поработать, чтобы получить нейтральный вид.
*/
button {
  padding: 0;
  border: none;
 /* font: inherit;*/
  color: inherit;
  background-color: transparent;
/* отображаем курсор в виде руки при наведении; некоторые
  считают, что необходимо оставлять стрелочный вид для кнопок */
  cursor: pointer;
}
button, button:hover, button:active, button:visited,  button:focus,  
button:focus-within {
border:0px solid #68bad6;
height:auto; 
overflow: visible;
vertical-align:bottom; 
background-color:transparent; 
border:0px;
padding:0;
margin:0;
outline:0px;
/*font: inherit;*/
color: inherit;
}


.line1{border:0px solid #FF00AE;}
.line2{border:0px solid #D0FF00;}

/*Для прижатия футера внизу*/
.footerBottomFix {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
 /*height: 60px;*/

}

/* Спецификация */
/*html, body,header, #intro{
    height: 100%;

}*/
html, body,.bg1{
    height: 100%;
}
header{height: auto;}
.product0 img{
position:absolute;
bottom:0;
z-index:1;
}

.bg--1{
	background-position:top;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: contain;
	width:100%;
	height:100%;
	background-size: 100%;
}
.bg2{ height: 100%;}
.bg--3{background-image: url(../img/bg3.jpg)}
.bg--4{background-image: url(../img/bg4.jpg)}

.bg--1{background: #262626 url(../img/bg2.jpg) no-repeat scroll 50% 50% / cover;}
.bg--2{background-image: #1159a0 url(../img/bg2.jpg) }
.bg--5{background-image: url(../img/bg5.jpg)}


/*ЦВЕТА*/


.link{color:#ffffff;}
.link:hover{text-decoration: underline; color:#ffffff;}

.textRed{color:#FF5032}
.textBlue{color:#04c0fd;}
.shadowW { text-shadow: 1px 1px 3px rgba(255, 255, 255, 1), 1px 1px 1px rgba(11, 44, 76, 0.5); }


.bgBlue {background-color: #1159a0;}

/*КОНЕЦ ЦВЕТА*/



/*ТЕКСТ*/
body {
  /*font-family: "HPSimplified", arial, sans-serif;*/
	font-family: "HPSimplifiedLight", arial, sans-serif;
    color: #000;
    font-size: 24px;  /*1em*/
    font-weight: normal;
    color: #000;
    line-height: 1.2;
	background-color: #1159a0;
}

.lightFont{font-family: "HPSimplifiedLight", "HPSimplified", arial, sans-serif;}

@font-face {
                font-family: "HPSimplifiedLight";
				src: url("../fonts/hp-simplified-light.ttf") format("truetype"); 
                font-style: normal;
                font-weight: normal;
				
               
}

table td{
	width:100%;
	vertical-align : middle;}
	
table.table td{
	padding-top:1em;
  padding-bottom:1em; vertical-align : middle;}
  
.table td, .table th {
    border-top: 0px solid #dee2e6; 
}  

h2{font-size:48px;	
}

h4{font-size:34px;	
}

p{font-size:20px;	
}
h6{font-size:16px; 
}
.bg800{display:none;}
.w-5{width:25%!important}
.w-25{width:25%!important}
.w-50{width:50%!important}
.w-75{width:75%!important}

/*Меньше 1200*/
@media(max-width: 1199.98px){}

/*Меньше 992 таблетка*/
@media(max-width: 991.98px){}

/*Меньше 768 перевернутый телефон горозинтально    ВКЛЮЧАЕТСЯ ПРИ РЕЖИМЕ MD*/
@media(max-width: 768px){
	 h2{font-size:38px} h4{font-size:28px} p{font-size:18px}
	 .bg1920 {display:none}
	.bg800 {display:block;}	
}

/*Меньше 576 телефоны      РЕЖИМ SM*/
@media(max-width: 575.98px){
	h2{font-size:30px} h4{font-size:22px} p{font-size:16px}
	.bg800 {margin-top:50px;}

}
@media(max-width:480px){

	
}

/*КОНЕЦ ТЕКСТ*/



/*КНОПКИ*/


a.primaryButtonBlue {   
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #0096d6;
    border:1px solid #0096d6;
	-moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
	}

a.primaryButtonBlue:hover {
	border: 1px solid  #0171ad; 
	color: #FFFFFF;
    background-color: #0171ad;
	}	 

	 
a.primaryButtonWhite {
	color:#fff;
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #fff;
    border: 1px solid #fff;
	-moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
  }

a.primaryButtonWhite:hover {    
      color:  #000;
	   background-color: #fff; 
	  }  

a.primaryButtonWhiteMin {
	color:#fff;
	font-size: 1em;
    padding: 10px 10px 10px 10px; 
    color:  #fff;
    border: 1px solid #fff;
	-moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
  }

a.primaryButtonWhiteMin:hover {    
      color:  #000;
	   background-color: #fff; 
	  } 	  
	  
.textW{color:#fff;}
.textW:hover{color:#000;}

a.primaryButtonRed {	
	font-size: 1em;
    padding: 10px 30px 10px 30px; 
    color:  #FF5032;
    border: 1px solid #FF5032;
	-moz-border-radius: 4px 4px 4px 4px;
	 -webkit-border-radius: 4px 4px 4px 4px;
	 -khtml-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
  }

a.primaryButtonRed:hover {    
	   background-color: #fff; 
	  }  
	  
 
/*КОНЕЦ КНОПКИ*/



.gallery{max-height: 500px;}
#carousel-example-1z .carousel-indicators li{
  width: 20px;
  height: 20px;
  background-color: (255,255,255,.5);
}
#carousel-example-1z .carousel-indicators .active {  
  background-color: #0096d6;
}



#blockImg1, #blockImg2{
      min-height: 300px;
}

#blockImgBlue{   
  background: url(../img/imgB1_max.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size:  cover;
}
#blockImgOr{   
  background: url(../img/imgB3_max.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  background-size:  cover;
}





/*БЛОК РЕГИСТРАЦИЯ*/

/*для красивой галочки чекбокс*/
.checkbox {
	display: none;
}
/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
	position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
	width: 20px;             /* Обязательно задаем ширину */
	height: 20px;            /* Обязательно задаем высоту */
	border: 1px solid #ced4da;
	border-radius: 3px;
}
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.checkbox-custom,
.label {
	display: inline-block;
	vertical-align: middle;
}
/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
.checkbox:checked + .checkbox-custom::before {
	content: "";             /* Добавляем наш псевдоэлемент */
	display: block;			 /* Делаем его блочным элементом */
	position: absolute;      /* Позиционируем его абсолютным образом */
	/* Задаем расстояние от верхней, правой, нижней и левой границы */
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #0096d6;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border-radius: 2px;
}
/*конец для красивой галочки чекбокс*/

.form-control:focus {
  border-color: #0096d6;
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
  box-shadow:none;
  background-color:#f0f0f0;
}


.tr-active tr:hover{background-color: #f0f0f0;}