html, body {
 font-family: 'Montserrat', sans-serif !important;
 background-color: #ecebeb !important;

}

.big_cube {
 background-image: url('/img/big_cube.jpg')
}

.big_cube a {
 color: white;
 text-decoration: none;
 text-shadow: 1px 1px 3px black;
}

.big_cube a:hover {
 color: white;
 text-decoration: none;
}

.big_cube a:focus {
 color: white;
 text-decoration: none;
}

.content_bc {
 padding: 20px;
}

.content_bc p {
   font-weight: 200;
   text-shadow: 1px 1px 3px black;
}

.content_bc h2 {
 text-shadow: 1px 1px 3px black;	
}

.bc_txt {
 padding-top: 20px;
}

.bc_txt_l {
 padding-top: 160px;
 padding-bottom: 30px;
}

.small_cube1 {
 background-image: url('/img/small_cube1.jpg');
 border-style: solid;
 border-color: white;
 border-top-width: 4px;
 border-bottom-width: 2px;
 border-left-width: 0px;
 border-right-width: 0px;
 height: 199px;
}

.small_cube2 {
 background-image: url('/img/small_cube1.jpg');
 border-style: solid;
 border-color: white;
 border-top-width: 4px;
 border-bottom-width: 2px;
 border-left-width: 4px;
 border-right-width: 4px;
 height: 199px;
 
}

.small_cube3 {
 background-image: url('/img/small_cube1.jpg');
 border-style: solid;
 border-color: white;
 border-top-width: 4px;
 border-bottom-width: 2px;
 border-left-width: 0px;
 border-right-width: 0px;
 height: 199px;
}

.sb a {
 color: white;
 text-decoration: none;
}

.sb a:hover {
 color: #169cdb;
 text-decoration: none;
 transition: 0.3s linear; /* Время изменения */
}

.sb a:focus {
 color: white;
 text-decoration: none;
}

.sb h4 {
 color: white;
 padding-top: 10px; 
 padding-left: 15px;
}

@media (max-width: 990px) {
.sb h4 {
 font-size: 16px !important;
}
}

.sb p {
 font-size: 16px;
 margin-top: 119px; 
 margin-bottom: -10px; 
 padding-left: 15px; 
 z-index: 999; 
 position: relative;
}

.more_link {
 background-color: black;
 opacity: 0.6;
 height: 40px;
 width: 100%;
 position: relative;
 bottom: 40px;
 margin-bottom: -37px;
}

.link_m {
 position: relative;
 left: 90%;
 z-index: 999;
 bottom: 10px;
}

.title1 {
 font-size: 1.8rem;
 line-height: 2.6rem;
 font-weight: 200;
 text-align: center;
 color: white;
 padding: 15px;
}

.zag_block {
 background: #404250;
 margin-top: -20px;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
 position: relative;
 z-index: 999;
}

.zag_block_arrow {
 height: 70px;
 background: #404250;
 margin-top: -20px;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
 position: relative;
 z-index: 999;
}

@media (max-width: 720px) {
.zag_block_arrow {
 height: 95px;
 background: #404250;
 margin-top: -20px;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
 position: relative;
 z-index: 999;
}
}

.ind {
 margin-top: 50px;
}

.slider {
 background-color: white;
 margin-top: -10px;
 padding-left: 60px;
 padding-right: 60px;
}

.pad img {
 width: 95%;
 height: 100%;
}

.pad h2 {
 font-size: 17px;
 font-weight: 300;
}

@media (max-width: 1100px) {
.pad h2 {
 font-size: 14px;
 font-weight: 300;
}
}

.pad p {
 font-size: 15px;
 padding-top: 10px;
}

.pad a {
 color: black;
 text-decoration: none;
}

.pad a:hover {
 color: black;
 text-decoration: none;
}

.pad a:focus {
 color: black;
 text-decoration: none;
}

.header {
 background-color: #404250;
 width: 100%;
 height: 64px;
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

.header img {
 position: absolute;
 top: 10px;
}

.footer {
 width: 100%;
 height: 82px;
 background-color: #404250;
}

.footer_ins {
 max-width: 1180px;
 margin: auto;
}

.res {
 padding-top: 20px;
 color: white;
}

.dv {
 color: white;
}

.dv a {
 text-decoration: none;
}

.dv a:hover {
 text-decoration: none;
}

.dv a:focus {
 text-decoration: none;
}

.open_arrow {
 color: white;
 font-size: 20px;
}

.blue_ss :hover {
 color: #169cdb;
 text-decoration: none;
 transition: 0.3s linear; /* Время изменения */
}

.plitka_b {
 background-image: url('/img/big_cube.jpg');
 border-style: solid;
 border-color: white;
 border-top-width: 4px;
 border-bottom-width: 2px;
 border-left-width: 0px;
 border-right-width: 4px;
}

@media (max-width: 720px) {
.plitka_b {
 border-right-width: 0px;
 }
}

.link_m_b {
 position: relative;
 left: 95%;
 z-index: 999;
 bottom: 10px;
}

@media (max-width: 720px) {
.link_m_b {
 position: relative;
 left: 90%;
 z-index: 999;
 bottom: 10px;
 }
}

.menu1 {
 position: relative;
 top: 20px;
 z-index: 9999999;
}

.menu1 a {
 color: white;
 text-decoration: none;
 padding: 20px;
 padding-bottom: 0px;
 padding-top: 0px;
 font-size: 16px;
 border-right-style: solid;
 border-right-color: grey;
 border-right-width: 1px;
 z-index: 9999999;
}

@media (max-width: 360px) {
.menu1 a {
 font-size: 11px;
 z-index: 9999999;
 }
}

.menu1 a:hover {
 color: #169cdb;
 text-decoration: none;
 transition: 0.3s linear; /* Время изменения */
}

.menu1 a:focus {
 color: white;
 text-decoration: none;
}

.logo_xs {
 background-color: #404250;
}

.logo_xs img {
 padding-top: 15px;
 padding-bottom: 15px;
}

.universe {
 background: url(../img/universe.jpg) no-repeat center top;
 height: 230px;
 margin-top: 20px;
 
}

@media (max-width: 400px) {
 .universe {
 height: 320px;
 }
}

.universe h2 {
 color: white;
 font-size: 27px;
 padding-top: 30px;
 text-shadow: 1px 1px 3px black;

}

.universe p {
 color: white;
 padding-top: 10px;
 font-size: 19px;
 text-shadow: 1px 1px 3px black;
}

.check {
 padding-left: 30px;
}

.check i {
 font-size: 35px;
 position: relative;
 top: 60px;
 color: #169cdb;
 
}

.check h2 {
 padding-left: 45px;
 font-size: 21px;
}

.check p {
 font-size: 16px;
 padding-top: 10px;
 padding-right: 20px;
}

.check2 {
 position: relative;
 top: -25px;
 padding-left: 30px;
}

.check2 i {
 font-size: 35px;
 position: relative;
 top: 60px;
 color: #169cdb;
 
}

.check2 h2 {
 padding-left: 45px;
 font-size: 21px;
}

.check2 p {
 font-size: 16px;
 padding-top: 10px;
 padding-right: 20px;
}

.chk {
 border-right-style: solid;
 border-right-color: #cccccc;
 border-right-width: 1px;
}

@media (max-width: 767px) {
 .chk {
 border-right-style: solid;
 border-right-color: #cccccc;
 border-right-width: 0px;
 }
}

.blue_line {
 height: 15px;
 margin-top: 15px;
 background-color: #169cdb;
 box-shadow: inset 0px 1px 7px 0px rgba(50, 50, 50, 0.75);
 position: relative;
 z-index: 9999;
}

.fon_title {
 background-color: black;
 opacity: 0.6;
 height: 40px;
 position: relative;
 bottom: 40px;
}

.z h4 {
 position: relative;
 z-index: 999;
}

.contacts_title {
 background: url(../img/contact.jpg) no-repeat center top;
 height: 240px;
 margin-top: 20px;
}

@media (max-width: 400px) {
 .contacts_title {
 height: 320px;
 }
}

.contacts_title h2 {
 color: white;
 font-size: 27px;
 padding-top: 55px;
 text-shadow: 1px 1px 3px black;

}

.contacts_title p {
 color: white;
 padding-top: 10px;
 font-size: 22px;
 text-shadow: 1px 1px 3px black;
}

.video {
 padding-top: 25px;
 padding-bottom: 20px;
}

.video h4 {
 padding-bottom: 10px;
}

.contact {
 box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

.contact h2 {
 color: white;
 font-size: 27px;
 padding-bottom: 20px;
}

.contact p {
 color: white;
 font-size: 20px;
 padding-left: 30px;
}

.left_block {
 border-right-style: solid;
 border-right-color: white;
 border-right-width: 1px;
}

@media (max-width: 991px) {
 .left_block {
 border-right-style: solid;
 border-right-color: white;
 border-right-width: 0px;
 }
}

.right_block img {
 width: 7%;
}

.right_block h4 {
 color: white;
 font-size: 17px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: white;
 border-radius: 5px;
 width: 55%;
}


.right_img {
 position: absolute;
 bottom: 40%;
 left: 18%;
}

@media (max-width: 400px) {
 .right_img {
  position: absolute;
  bottom: 40%;
  left: 10%;
 }
}

@media (max-width: 1000px) {
 .right_block img {
 width: 5%;
 }
}

@media (max-width: 400px) {
 .right_block img {
 width: 12%;
 }
}

.left_img {
 position: absolute;
 bottom: 40%;
 left: 76%;
}

@media (max-width: 400px) {
 .left_img {
 position: absolute;
 bottom: 40%;
 left: 79%;
 }
}

.form_s input {
 padding: 10px;
 margin: 10px;
}

.fon1 {
  background: url(../img/case/1.jpg) no-repeat center top;
  background-size: cover;
}

.fon2 {
  background: url(../img/case/2.jpg) no-repeat center top;
  background-size: cover;
}

.fon3 {
  background: url(../img/case/3.jpg) no-repeat center top;
  background-size: cover;
}

.fon4 {
  background: url(../img/case/4.jpg) no-repeat center top;
  background-size: cover;
}

.fon5 {
  background: url(../img/case/5.jpg) no-repeat center top;
  background-size: cover;
}

.fon6 {
  background: url(../img/case/6.jpg) no-repeat center top;
  background-size: cover;
}

.fon7 {
  background: url(../img/case/7.jpg) no-repeat center top;
  background-size: cover;
}

.fon8 {
  background: url(../img/case/8.jpg) no-repeat center top;
  background-size: cover;
}

.fon9 {
  background: url(../img/case/9.jpg) no-repeat center top;
  background-size: cover;
}

.fon10 {
  background: url(../img/case/10.jpg) no-repeat center top;
  background-size: cover;
}

.fon11 {
  background: url(../img/items/1.jpg) no-repeat center top;
  background-size: cover;
}

.fon12 {
  background: url(../img/items/2.jpg) no-repeat center top;
  background-size: cover;
}

.fon13 {
  background: url(../img/items/3.jpg) no-repeat center top;
  background-size: cover;
}

.fon14 {
  background: url(../img/items/4.jpg) no-repeat center top;
  background-size: cover;
}

.fon15 {
  background: url(../img/items/5.jpg) no-repeat center top;
  background-size: cover;
}

.fon16 {
  background: url(../img/items/6.jpg) no-repeat center top;
  background-size: cover;
}

.fon17 {
  background: url(../img/items/7.jpg) no-repeat center top;
  background-size: cover;
}

.fon18 {
  background: url(../img/items/8.jpg) no-repeat center top;
  background-size: cover;
}

.usd {
 color: red !important; 
 font-size: 16px;	
}

.blue_f h4 {
 color: #169cdb;
}

.blue_f p {
 font-size: 16px;
 margin-top: 82px; 
 margin-bottom: -10px; 
 padding-left: 15px; 
 z-index: 999; 
 position: relative;
}

.fon19 {
  background: url(../img/usable/1.jpg) no-repeat center top;
  background-size: cover;
}

.fon20 {
  background: url(../img/usable/2.jpg) no-repeat center top;
  background-size: cover;
}

.fon21 {
  background: url(../img/usable/3.jpg) no-repeat center top;
  background-size: cover;
}

.fon22 {
  background: url(../img/usable/4.jpg) no-repeat center top;
  background-size: cover;
}

.fon23 {
  background: url(../img/usable/5.jpg) no-repeat center top;
  background-size: cover;
}

.fon24 {
  background: url(../img/usable/6.jpg) no-repeat center top;
  background-size: cover;
}

.open_akrd{
   -webkit-transform: rotate(180deg)!important;
  -ms-transform: rotate(180deg)!important;
  -o-transform: rotate(180deg)!important;
  transform: rotate(180deg)!important;
  transition-duration: 0.5s;
}

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

.check label{
 margin: 10px;
}

.checkbox_p {
 padding-left: 20%;
}

.form_s input {
 margin: 10px;
 height: 45px;
 width: 250px;
}

@media (max-width: 1024px) {
.form_s input {
 width: auto !important;
}
}