@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300");
.bx-composite-btn-fixed {
	top: -54px !important; 	
}
/************** NAVIGATION ***************/
nav {
	position: relative;
}
nav ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1154px;/*max-width: 1080px;*/
  margin: 0 auto;
  /* background: #999; */
  list-style: none;
  padding-left: 1px;
}
nav ul, nav li {
  /* flex: 1; */
}
nav li:last-child {
  border-bottom: none;
}
nav a {
  text-decoration: none;
  color: inherit;
  display: block;
  /* font-size: 1.8rem; */
  color: #eb212e;
  border-bottom: 1px solid rgba(235, 33, 46, 0.3);  
}
nav a:hover {
  /* background: #adacac; */
  /* color: #fff; */
}
nav li {
  position: relative;
  /* line-height: 50px; */
  color: #eb212e;
  text-align: center;
  margin: 0 15px 0 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
nav input, nav label {
  display: none;
  width: 36px;
  height: 36px;
  background: #555;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 1.6rem;
  border-radius: 2px;
}
nav label {
  position: absolute;
  top: 8px;
  right: 8px;
  transition: 0.4s;
}
nav label:hover {
  cursor: pointer;
}
nav label:before {
  font-family: FontAwesome;
  font-size: 24px;
  content: "\f0c9";
  text-align: center;
}
nav:after {
	border: 3px solid #eb212e;
    -webkit-transform: skewX(-13deg);
    -ms-transform: skewX(-13deg);
    -moz-transform: skewX(-13deg);
    transform: skewX(-13deg);
    transition: .3s;    
	content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    bottom: -2px;
    left: -2px;
    width: 100%;
    border-radius: 7px;
}
/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */
		nav ul ul {
  display: none;
  position: absolute;
  top: 100%;
  background: #fff;

}
			/* отображаем выпадающий список при наведении */
			nav ul li:hover > ul {
			    display:inherit;
			    
			}
			
			/* первый уровень выпадающего списка */
			nav ul ul li {
			    min-width:270px;
			    float:none;
			    display:list-item;
			    position: relative;
			}
			nav ul ul li a {
			      color:#000!important;
			}
			

/************* MEDIA QUERIES **************/
@media only screen and (max-width: 1080px) {
  nav {
    position: relative;
  }
  nav ul {
    transform: translateY(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    transition: all 0.5s;
    position: fixed;
    width: 100%;
	z-index: 999;
	left: 0px;
	top: 77px;
  }
  nav li {
    flex: none;
    width: 100%;
    border-bottom: solid 1px #777;
	margin: 0;
	background-color: whitesmoke;
  }
  nav li a {
	  color: black;
	  border: none;
  }
  nav input[type="checkbox"]:checked + ul {
    transform: translateY(-150%);
    width: 100%;
    background: #999;
    transition: all 0.5s;
  }
  nav label {
    display: block;
	position: fixed;
	top: 25px;
	right: 26px;
	z-index: 1000;
  }
  nav input[type="checkbox"]:checked + ul li:nth-child(1) {
    /* background: #777; */
    color: #fff;
  }
  nav:after {
	  content: none;
  }
}

@font-face {
  font-family: 'Glober';
  src: url("../font/GloberBook.eot?#iefix") format("embedded-opentype"), url("../font/GloberBook.woff") format("woff"), url("../font/GloberBook.ttf") format("truetype"), url("../font/GloberBook.svg#svgFontName") format("svg");
  font-weight: normal; }
body {
  background: #ecece7;
  font: normal 16px/22px "Glober", sans-serif;
  color: #3d312d;
  padding: 0px;
  margin: 0px; }
    
@media (min-width: 1081px) {
	.header {
		/* position: fixed; */
		/* top: 0px; */
	}
	body {
		/* padding-top: 154px; */
	}
}

a {
  color: rgba(235, 33, 46, 0.3); }
  a > * {
    color: #eb212e; }
  a.blue {
    color: #0698d3; }
    a.blue > * {
      color: #0698d3; }
    a.blue:hover {
      text-decoration: none;
      border: 0px; }
      a.blue:hover > * {
        color: #0698d3 !important; } 
  a.brown {
    color: rgba(61, 49, 45, 0.3); }
    a.brown > * {
      color: #3d312d; }
  a.white {
    color: rgba(255, 255, 255, 0.3); }
    a.white > * {
      color: #ddd9d4; }
    a.white:hover {
      color: rgba(255, 255, 255, 0.3); }
      a.white:hover > * {
        color: white !important; }
  a:hover {
    color: rgba(170, 0, 0, 0.3); }
    a:hover > * {
      color: #aa0000; }

.txttohtmllink {
  color: #eb212e; }

.header {
  /* padding: 25px; */
  float: left;
  padding-bottom: 25px;
  width: 100%;
  box-sizing: border-box;
  padding-top: 12px;
  padding-left: 7%; 
  padding-right: 10%; 
  z-index: 999; 
  background-color: #ecece7;  
  }

.content {
  float: left;
  box-sizing: border-box;
  width: 100%;
  position: relative; }
  .content.grey-back {
    background-color: #ddd9d4; }
  .content.dark-back {
    border-radius: 0px; }

.left {
  float: left; }

.right {
  float: right !important; }

.row {
  width: 100%;
  float: left; }

.mar-top-25 {
  margin-top: 25px !important; }

.mar-top-50 {
  margin-top: 50px !important; }

.no-peadding-bot {
  padding-bottom: 0px !important; }

.no-margin-bot {
  margin-bottom: 0px !important; }

.text-center {
  text-align: center; }

.hidden {
  display: none; }

a.menu-link {
  color: #eb212e;
  text-decoration: none;
  border-bottom: 1px solid rgba(235, 33, 46, 0.3);
  display: inline-block; }
  a.menu-link:hover {
    color: #aa0000;
    border-bottom-color: rgba(170, 0, 0, 0.3); }
  a.menu-link.white {
    border-color: rgba(255, 255, 255, 0.3); }
    a.menu-link.white > * {
      color: #ddd9d4; }
      a.menu-link.white > *:hover {
        color: white; }
  a.menu-link.brown {
    border-color: rgba(61, 49, 45, 0.3); }
    a.menu-link.brown > * {
      color: #3d312d; }
    a.menu-link.brown:hover {
      border-color: rgba(170, 0, 0, 0.3); }
      a.menu-link.brown:hover > * {
        color: #aa0000; }
  a.menu-link.dotted {
    border-bottom-style: dotted; }
  a.menu-link .dashed {
    border-bottom-style: dashed; }

a.button-link {
  border: 0;
  /* font-size: 0px; */
  cursor: pointer;
  background: #eb212e;
  color: white;
  height: 35px;
  display: block;
  border-radius: 3px;
  border-top: 3px solid transparent;
  position: relative;
  font: 16px/22px "Glober", sans-serif;
  padding: 0 20px 2px;
  text-decoration: none;
  line-height: 33px; }
  a.button-link:hover {
    opacity: 0.9; }

span.menu-link {
  color: #eb212e; }
  span.menu-link.white span {
    color: white; }
  span.menu-link.dashed {
    border-bottom: 1px dashed rgba(235, 33, 46, 0.3); }
  span.menu-link:hover {
    color: #aa0000; }
  span.menu-link.active:hover {
    color: #eb212e; }

a.news {
  text-decoration: none; }
  a.news > * {
    color: #3d312d; }
  a.news strong {
    font-weight: normal; }
  a.news .menu-link.brown {
    color: rgba(61, 49, 45, 0.3);
    border-bottom: 1px solid; }
    a.news .menu-link.brown {
      color: #3d312d;
      display: inline; }
    a.news .menu-link.brown:hover {
      color: rgba(170, 0, 0, 0.3); }
      a.news .menu-link.brown:hover {
        color: #aa0000; }
  a.news:hover {
    color: #3d312d; }
  a.news .small {
    color: #3d312d; }

h1.bigger-h1 {
  font-size: 2.5rem;
  line-height: 62px; }

h1 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 15px; }

h2 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 15px; }

h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 10px; }

.indent {
  margin-left: 30px;
  float: left; }
@media(max-width: 600px) {
	.indent {
		margin-left: 0px;
	}
}

p, .p {
  margin-top: 7px;
  margin-bottom: 0;
  /* float: left;  */
  }

.small {
  font-size: 14px;
  line-height: 19px;
  margin-top: 7px; 
  /* max-width: 850px;  */
  }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

textarea:focus, input:focus, select:focus {
  outline: none; }

.button {
  border: 0;
  /*
      font-size: 0px;
  */
  cursor: pointer;
  background: #eb212e;
  color: white;
  height: 35px;
  display: block;
  border-radius: 3px;
  border-top: 3px solid transparent;
  position: relative;
  font: 16px/22px "Glober", sans-serif;
  padding: 0 20px 2px; }
  .button.light-button {
    background: #ddd9d4;
    color: #3d312d; }
  .button:hover {
    opacity: 0.9; }
  .button:active {
    border-top: 3px solid #aa0000;
    padding-top: 3px; }
  .button.light-button:active {
    border-top: 3px solid #c6c0b8;
    padding-top: 3px; }
  .button:disabled {
    /* background-color: grey; */ }

.footer {
  margin: 25px;
  margin-top: 0px;
  padding-top: 15px;
  float: left;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #eb212e;
  justify-content: space-between; }
  .footer .copy {
    float: left;
    /* width: 16%; */
    text-align: left; }
  .footer .callback {
    float: right;
    /* width: 16%;  */
	}
    .footer .callback > a {
      margin-bottom: 3px; }
  .footer .center {
    float: left;
    /* width: 67%;  */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
    .footer .center .block {
      float: left;
      /* width: 25%; */
      padding: 10px 0px 10px 10px;
      padding-right: 0px;
      box-sizing: border-box; }
      .footer .center .block a, .footer .center .block > span {
        float: left;
        margin-bottom: 3px;
        clear: both; }
    .footer .center .block:nth-child(3) {
      /* width: 23%;  */
	  }
    .footer .center .block:nth-child(3) span:nth-child(3), .footer .center .block:nth-child(4) span:nth-child(3) {
      margin-top: -3px;
      margin-bottom: 7px; }

input, textarea, button {
  font-family: "Glober", sans-serif; }
ul.p {
	padding-left: 0px;
}
ul.social-block {
  float: left;
  padding-left: 0px;
  padding: 0px;
  margin-top: 14px;
  margin-right: 12px; }
  ul.social-block li {
    list-style-type: none;
    display: inline-block; }
    ul.social-block li a {
      width: 29px;
      height: 28px;
      background: url(../img/social-icons.png);
      display: inline-block;
      background-size: 95px;
      background-repeat: none;
      display: inline-block; }
      ul.social-block li a.vk {
        background-position: 0px 0px; }
        ul.social-block li a.vk:hover {
          background-position: 0px 27px; }
      ul.social-block li a.facebook {
        background-position: -33px 0px; }
        ul.social-block li a.facebook:hover {
          background-position: -33px 27px; }
      ul.social-block li a.twitter {
        background-position: 29px 0px; }
        ul.social-block li a.twitter:hover {
          background-position: 29px 27px; }
  ul.social-block li:last-child {
    margin-left: -3px; }

.icon {
  background: url(../img/icons.png);
  float: left;
  width: 100px;
  height: 100px;
  background-size: 300px auto; }
  .icon.icon-0 {
    background-position: 0px 0px; }
    .icon.icon-0.white {
      background-position: 100px 0px; }
      .icon.icon-0.white:hover {
        background-position: 100px 0px; }
    .icon.icon-0:hover, .icon.icon-0.hover {
      background-position: 200px 0px; }
  .icon.icon-1 {
    background-position: 0px -100px; }
    .icon.icon-1.white {
      background-position: 100px -100px; }
      .icon.icon-1.white:hover {
        background-position: 100px -100px; }
    .icon.icon-1:hover, .icon.icon-1.hover {
      background-position: 200px -100px; }
  .icon.icon-2 {
    background-position: 0px -200px; }
    .icon.icon-2.white {
      background-position: 100px -200px; }
      .icon.icon-2.white:hover {
        background-position: 100px -200px; }
    .icon.icon-2:hover, .icon.icon-2.hover {
      background-position: 200px -200px; }
  .icon.icon-3 {
    background-position: 0px -300px; }
    .icon.icon-3.white {
      background-position: 100px -300px; }
      .icon.icon-3.white:hover {
        background-position: 100px -300px; }
    .icon.icon-3:hover, .icon.icon-3.hover {
      background-position: 200px -300px; }
  .icon.icon-4 {
    background-position: 0px -400px; }
    .icon.icon-4.white {
      background-position: 100px -400px; }
      .icon.icon-4.white:hover {
        background-position: 100px -400px; }
    .icon.icon-4:hover, .icon.icon-4.hover {
      background-position: 200px -400px; }
  .icon.icon-5 {
    background-position: 0px -500px; }
    .icon.icon-5.white {
      background-position: 100px -500px; }
      .icon.icon-5.white:hover {
        background-position: 100px -500px; }
    .icon.icon-5:hover, .icon.icon-5.hover {
      background-position: 200px -500px; }
  .icon.icon-6 {
    background-position: 0px -600px; }
    .icon.icon-6.white {
      background-position: 100px -600px; }
      .icon.icon-6.white:hover {
        background-position: 100px -600px; }
    .icon.icon-6:hover, .icon.icon-6.hover {
      background-position: 200px -600px; }

.icon-bg:after {
  content: ' ';
  background: url(../img/icons.png);
  float: left;
  width: 95px;
  height: 100px;
  background-size: 300px auto;
  position: absolute;
  top: 15px;
  right: 10px; }
.icon-bg.icon-0:after {
  background-position: 0px 0px; }
.icon-bg.icon-1:after {
  background-position: 0px -100px; }
.icon-bg.icon-2:after {
  background-position: 0px -200px; }
.icon-bg.icon-3:after {
  background-position: 0px -300px; }
.icon-bg.icon-4:after {
  background-position: 0px -400px; }
.icon-bg.icon-5:after {
  background-position: 0px -500px; }
.icon-bg.icon-6:after {
  background-position: 0px -600px; }

.how-item:hover .icon-bg:after {
  content: ' ';
  background: url(../img/icons.png);
  float: left;
  width: 95px;
  height: 100px;
  background-size: 300px auto;
  position: absolute;
  top: 15px;
  right: 10px; }
 @media (max-width: 600px) {
	 .icon-0:after,
	 .icon-1:after,
	 .icon-2:after,
	 .icon-3:after,
	 .icon-4:after,
	 .icon-5:after,
	 .icon-6:after {
		 display: none;
	 }
 }
.how-item:hover .icon-bg.icon-0:after {
  background-position: 200px 0px; }
.how-item:hover .icon-bg.icon-1:after {
  background-position: 200px -100px; }
.how-item:hover .icon-bg.icon-2:after {
  background-position: 200px -200px; }
.how-item:hover .icon-bg.icon-3:after {
  background-position: 200px -300px; }
.how-item:hover .icon-bg.icon-4:after {
  background-position: 200px -400px; }
.how-item:hover .icon-bg.icon-5:after {
  background-position: 200px -500px; }
.how-item:hover .icon-bg.icon-6:after {
  background-position: 200px -600px; }

.hover {
  cursor: pointer; }
  
.icon-set {
  /* width: 835px; */
  position: relative;
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 200px; 
  }
  @media (max-width: 600px) { 
	.icon-set {
		margin-top: 15px;
	}
}

  .icon-set span {
    width: 112px;
    text-align: center;
    display: block;
    color: #fff;
    float: left;
    margin-right: 7px; }
  .icon-set .icon {
    background: url(../img/icons.png);
    float: left;
    width: 100px;
    height: 100px;
    color: white;
    background-size: 300px auto; }
    .icon-set .icon.icon-0 {
      background-position: 100px 0px !important; }
      .icon-set .icon.icon-0:hover {
        background-position: 100px 0px; }
    .icon-set .icon.icon-1 {
      background-position: 100px -100px !important; }
      .icon-set .icon.icon-1:hover {
        background-position: 100px -100px; }
    .icon-set .icon.icon-2 {
      background-position: 100px -200px !important; }
      .icon-set .icon.icon-2:hover {
        background-position: 100px -200px; }
    .icon-set .icon.icon-3 {
      background-position: 100px -300px !important; }
      .icon-set .icon.icon-3:hover {
        background-position: 100px -300px; }
    .icon-set .icon.icon-4 {
      background-position: 100px -400px !important; }
      .icon-set .icon.icon-4:hover {
        background-position: 100px -400px; }
    .icon-set .icon.icon-5 {
      background-position: 100px -500px !important; }
      .icon-set .icon.icon-5:hover {
        background-position: 100px -500px; }
    .icon-set .icon.icon-6 {
      background-position: 100px -600px !important; }
      .icon-set .icon.icon-6:hover {
        background-position: 100px -600px; }

.icon-whatsapp,
.icon-skype {
  position: relative;
  background: url(../img/skype-icon.png) no-repeat left center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  padding-left: 19px;
  /*margin-left: 5px;*/ } 
.icon-whatsapp {
	background: url(../img/whatsapp-icon.png) no-repeat left center;
	background-size: 90% 90%;
}

.icon-reload {
  position: relative;
  background: url(../img/reload-icon.png) no-repeat left center;
  background-size: 14px;
  width: 14px;
  height: 14px;
  padding-left: 18px;
  padding-bottom: 3px; }

.close, .how-close {
  background: url(../img/closing-cross.png);
  width: 32px;
  height: 32;
  float: right;
  background-size: 50%;
  position: absolute;
  z-index: 5;
  right: 20px;
  top: 20px;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: top right; }
  .close:hover, .how-close:hover {
    opacity: 1; }

.lang-icons {
  float: right !important;
  width: 16px;
  margin: 10px; }

.flag-icon {
  width: 15px !important;
  float: left;
  clear: both;
  margin: 0px;
  height: 13px; }

/*****************************************************
					HEADER
******************************************************/
.logo {
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  .logo a {
    border-bottom: none; }

.logo-ru img {
  width: 213px; }

.logo-en img {
  width: 193px; }

.phone {
  color: #eb212e;
  float: right;
  margin-top: 15px; }

.lang {
  margin-right: 15px;
  padding-top: 10px; }

.application {
  float: right;
  margin-left: 15px;
  position: relative;
  padding: 5px 10px;
  padding-right: 15px;
  margin-top: 15px; }
  .application .white > * {
    color: #ffd2c8 !important; }
    .application .white > *:hover {
      color: white !important; }
  .application .brown > * {
    color: #3d312d !important; }
    .application .brown > *:hover {
      color: #aa0000; }
  .application:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -2px;
    bottom: -2px;
    left: -2px;
    width: 100%;
    border-radius: 5px;
    background-color: #eb212e;
    -webkit-transform: skewX(-13deg);
    -ms-transform: skewX(-13deg);
    -moz-transform: skewX(-13deg);
    transform: skewX(-13deg);
    transition: .3s; }
  .application.active:after {
    background: #ddd9d4; }
	.application a {
		position: relative;
		z-index: 1;
	}

.menu {
  position: relative;
  float: left;
  margin-left: 7px;
  padding: 10px 0 12px 0;
  padding-left: 20px;
  padding-right: 0px; }
  .menu .menu-item {
    display: inline-block;
    margin-right: 18px; }
  .menu:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    bottom: -2px;
    left: -2px;
    width: 100%;
    border-radius: 7px;
    border: 3px solid #eb212e;
    -webkit-transform: skewX(-13deg);
    -ms-transform: skewX(-13deg);
    -moz-transform: skewX(-13deg);
    transform: skewX(-13deg);
    transition: .3s; }
.menu-right {
  float: right;
  width: 15%;
  list-style: none;
  max-width: 185px;
  position: absolute;
  right: 0px; }  
@media (max-width: 1360px) {
	#menu-right {
		display: none;
	}
}
  .menu-right li {
    max-width: 140px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px; }
    .menu-right li.active {
      border-left: 1px solid #eb212e;
      margin-left: -1px; }
      .menu-right li.active a {
        border-bottom: none;
        pointer-events: none;
        text-decoration: none; }

.head {
  float: left;
  margin-top: 50px; }

.big-logo {
  margin-left: 7%;
  width: 92%;
  text-align: center; }
  .big-logo img {
    float: left;
    width: 80%;
    max-width: 1300px; }

/*****************************************************
				CONTENT
******************************************************/
.text-styles {
  margin-top: 0px;
  margin-bottom: 50px;
  margin-left: 7%;
  width: 90%;
  max-width: 1100px;
  box-sizing: border-box;
  float: left; }
  .text-styles:empty {
    display: none; }
  .text-styles.for-menu {
    /* width: 72%; */
    max-width: 1000px; }
  .text-styles .sub-text {
    max-width: 1000px;
    margin-right: 50px; }
  .text-styles.beige {
    background: #ddd9d4; }
  .text-styles.block-img {
    max-width: 1260px;
    margin-top: 15px;
    margin-right: 15px; }

.dark-back {
  background-color: #3d312d;
  border-radius: 4px;
  /* padding: 45px; */
  padding-left: 0px;
  padding-top: 38px;
  padding-bottom: 15px;
  color: #ddd9d4; }

.list {
  float: left;
  list-style: none;
  padding-left: 0px;
  margin-top: 0px;
  /* width: 917px; */
  margin-bottom: 10px; }
  .list > strong {
    float: left;
    padding-right: 8px;
    color: white;
    font-weight: normal; }
    .list > strong > span {
      float: left;
      padding-right: 2px; }

.img-bg {
  background: url(../img/_67A8878.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
  min-height: 600px;
  height: 100%;
  max-height: 900px;
  margin-bottom: 60px;
}

.img-bg::before {
  content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0, 0, 0, .5);
}

.content-img {
  position: absolute;
  bottom: 7%;
  left: 7%;
  width: 45%; }
  .content-img > * {
    color: white; }

/*****************************************************
				CARD PEOPLE
******************************************************/
.card {
/*  float: left;*/
  display: -moz-inline-stack;
  display: inline-block;
  width: 100%;
  max-width: 410px;
  background: #ddd9d4;
  border-radius: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
  zoom: 1;
  *display: inline; }
  .card h3 {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-left: 20px;
    font-weight: normal; }
.card .fio {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-left: 20px;
    font-weight: normal; }
  .card img {
    width: 120px;
    float: left;
    border-radius: 5px 0px 0px 5px; }
  .card .info {
    float: left;
    padding-left: 20px; }
  .card > * {
    float: left; }
  .card > .small {
    padding-left: 20px; }

.contact-card .card {
  max-width: 345px;
  margin-right: 10px;
  margin-bottom: 10px; }
  .contact-card .card img {
    width: 110px; }
  .contact-card .card > .small, .contact-card .card .info {
    padding-left: 10px; }
  .contact-card .card:nth-child(2n) {
    margin-right: 0px; }

/*****************************************************
				FORM
******************************************************/
form, .form-brown {
  position: relative; }
  form .row, .form-brown .row {
    margin-top: 15px; 
	}
    form .row.row-sm, .form-brown .row.row-sm {
      margin-top: 15px; 
	  display: flex;
	  flex-wrap: wrap; }
  form label, .form-brown label {
    float: left;
    width: 150px; 
	/*font-size: 30px;
	line-height: 38px;*/
	margin-top: 0.38em;}
    form label > h2, .form-brown label > h2 {
      float: left; }
    form label > p, .form-brown label > p {
		margin-top:0;
      float: left; }
  form .control, .form-brown .control {
    float: left;
    margin-top: 20px;
    max-width: 600px; 
	}
    form .control a, .form-brown .control a {
      margin-right: 5px; }

.dark-input {
  border: none;
  background: none;
  font-family: "Glober", sans-serif;
  border: 1px solid #fff;
  color: white;
  font-size: 30px;
  border-radius: 3px;
  line-height: 38px;
  padding: 0px 10px;
  padding-bottom: 7px;
  /* width: 600px; */
  padding-top: 4px;
  box-sizing: border-box; }
  .dark-input:focus {
    background: #5d514e; }

.form-brown {
  /* width: 800px; */
  /* float: left; */
  margin-bottom: 50px; }
  .form-brown.lg {
    /* width: 855px;  */
	}
  .form-brown .dark-input {
    /* width: 590px;  */
	}
    .form-brown .dark-input.sm {
      /* width: 277px; */
      font-size: 16px;
      padding: 0px;
      line-height: 16px;
      padding: 5px 7px;
      /* Firefox 19+ */
      /* Firefox 18- */ }
      .form-brown .dark-input.sm::-webkit-input-placeholder {
        padding-top: 3px; }
      .form-brown .dark-input.sm::-moz-placeholder {
        padding-top: 3px; }
      .form-brown .dark-input.sm:-moz-placeholder {
        padding-top: 3px; }
      .form-brown .dark-input.sm:-ms-input-placeholder {
        padding-top: 3px; }
      .form-brown .dark-input.sm.number {
        width: 110px;
        margin-right: 5px; }
  .form-brown .form {
    background: #3d312d;
    float: left; }
  .form-brown .form-content {
    width: 100%;
    float: left;
    position: relative;
    background: #3d312d;
    color: white;
    padding: 0 45px 45px;
    border-radius: 4px 4px 0px 0px;
    box-sizing: border-box; }
	@media (max-width: 600px) {
		.form-brown .form-content {
			padding: 0 4px 4px;
		}
	}
  .form-brown .form-footer {
    width: 100%;
    float: left;
    background: #2d221f;
    float: left;
    color: white;
    padding: 15px 15px 45px 45px;
    box-sizing: border-box;
    border-radius: 0px 0px 4px 4px; }
  .form-brown .button {
    font-size: 20px;
    line-height: 28px;
    height: 45px;
    padding-bottom: 4px; }

.form .dark-back {
  border-radius: 4px; }

.input-info {
  float: left;
  width: 170px; }
  .input-info.lg {
    width: 320px; }

span.hint {
  float: left;
  padding-top: 7px;
  color: #ecece7; }

.input-group {
  float: left;
  /* width: 650px; */
  box-sizing: border-box;
  margin-top: 20px; }
  .input-group .start, .input-group .end {
    width: 100%;
    border: 1px solid #5d514e;
    border-radius: 4px 4px 0px 0px;
    box-sizing: border-box;
    float: left;
    color: #5d514e; }
    .input-group .start label, .input-group .end label {
      width: 67px;
      float: left;
      padding: 10px 15px;
      padding-right: 0px;
      box-sizing: border-box;
      padding-left: 9px; }
    .input-group .start input, .input-group .end input {
      /* width: 555px; */
      border: none;
      padding: 10px;
      box-sizing: border-box;
      font-size: 16px;
      background: none;
      color: #fff;
      padding-left: 2px; }
  .input-group .start label {
    width: 50px;
    padding-left: 9px; }
  .input-group .end {
    border-radius: 0px 0px 4px 4px; }
  .input-group .body {
    width: 100%;
    border-left: 1px solid #5d514e;
    border-right: 1px solid #5d514e;
    box-sizing: border-box;
    float: left;
    /* Firefox 19+ */
    /* Firefox 18- */ }
    .input-group .body textarea {
      width: 100%;
      border: none;
      height: 160px;
      resize: none;
      padding: 12px 15px;
      box-sizing: border-box;
      font-size: 16px;
      background: none;
      color: #fff;
      padding-left: 9px; }
    .input-group .body textarea::-webkit-input-placeholder {
      color: #5d514e; }
    .input-group .body textarea::-moz-placeholder {
      color: #5d514e; }
    .input-group .body textarea:-moz-placeholder {
      color: #5d514e; }
    .input-group .body textarea:-ms-input-placeholder {
      color: #5d514e; }

.check-form {
  z-index: 1000;
  position: absolute;
  background: #eb212e;
  padding: 10px 20px;
  right: 20px;
  border-radius: 0px 0px 4px 4px; }
  .check-form a {
    color: #ffd2c8;
    text-decoration: none;
    border-bottom: 1px dotted; }
    .check-form a span {
      color: #ffd2c8; }
      .check-form a span:hover {
        color: white; }
@media screen and (max-width: 768px) {
  .check-form {
    right: 0;
    margin-bottom: 16px;
  }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #5d514e;
  font-family: "Glober", sans-serif; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #5d514e;
  font-family: "Glober", sans-serif; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #5d514e;
  font-family: "Glober", sans-serif; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #5d514e;
  font-family: "Glober", sans-serif; }

/*****************************************************
				NEWS
******************************************************/
.news {
  float: left;
  width: 245px;
  display: inline-block;
  background: #ddd9d4;
  border-radius: 4px;
  padding: 10px 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 3px solid #ddd9d4;
  color: #3d312d; }
  .news:hover {
    background: #d2cec9;
    cursor: pointer;
    border-color: #d2cec9; }
  .news h3 {
    margin-top: 0px; }
  .news .news-content {
    height: 120px; }

.list-news {
  width: 100%;
  float: left;
  margin-top: 10px; }
  .list-news:empty {
    display: none; }
  .list-news > .border-news {
    border: 3px dashed #2d221f; }

.news.border-news ~ .news {
  display: none; }

.all-news {
  float: left;
  margin-top: 10px;
  margin-bottom: 20px; }

.meta {
  list-style: none;
  float: left;
  margin-top: 0px;
  width: 80%;
  margin-top: 10px;
  line-height: 26px;
  margin-bottom: 20px; }
  .meta li {
    float: left;
    padding-right: 5px; }
  .meta.brown {
    padding-left: 0px; }
    .meta.brown li a {
      color: rgba(61, 49, 45, 0.3); }
      .meta.brown li a span {
        color: #3d312d; }
  .meta li a:hover {
    color: rgba(170, 0, 0, 0.3); }
    .meta li a:hover span {
      color: #aa0000; }

.news-block {
  float: left;
  width: 96%;
  border: 1px solid #ddd9d4;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 4px;
  box-sizing: border-box; }
  .news-block:hover {
    background: rgba(210, 206, 201, 0.2);
    cursor: pointer; }
  .news-block li a:hover {
    color: rgba(170, 0, 0, 0.3); }
    .news-block li a:hover > * {
      color: #aa0000 !important; }
  .news-block .small {
    float: left; }
  .news-block .meta {
    margin-top: 35px;
    margin-bottom: 10px; }
    .news-block .meta li {
      font-size: 14px;
      line-height: 19px; }

.anons .meta {
  margin-top: 15px; }

.tags {
  margin-top: 35px; }
  .tags label, .tags span.all-news {
    margin-right: 45px; }
  .tags .meta {
    width: 80%;
    padding-left: 0px;
    box-sizing: border-box; }

.news-tags .all-news {
  width: 20%; }
.news-tags .meta {
  width: 80%;
  padding-left: 0px;
  margin-top: 15px;
  box-sizing: border-box; }

.question {
  float: left;
  width: 575px;
  box-sizing: border-box;
  margin-right: 15px;
  margin-top: 10px;
  border: 1px solid #ddd9d4;
  background-position: 95% 90%;
  background-size: 35px;
  border-radius: 4px;
  padding: 5px 20px;
  padding-left: 15px;
  padding-bottom: 10px;
  color: #ddd9d4; }

.description-2 {
	/* height:147px; */
	}
  .question .description {
    float: left;
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box; }
  .question h3 {
    margin: 5px 0px 10px 0px; }
  .question p {
    width: 100%; }
  .question.min {
    width: 425px; }
  .question.black {
    background-position: 95% 90%;
    background-size: 35px;
    background-color: #3d312d;
    border-color: #3d312d; }
    .question.black > p.small {
      color: #ddd9d4;
      margin-top: 25px; }
  .question > p.small {
    color: #3d312d;
    margin-top: 25px; }
  .question:last-child {
    margin-right: 0px; }

/*****************************************************
				LOGOS
******************************************************/
.logos {
  width: 100%;
  list-style: none;
  padding-left: 0px; }
  .logos li {
    display: inline-block;
    text-align: center;
    margin-right: 50px;
    margin-bottom: 40px; }
    .logos li img {
      height: auto;
      vertical-align: middle;
      max-width: 130px;
      max-height: 50px; }

/*****************************************************
				BUTTON
******************************************************/
.radio-group {
  float: left; }
  .radio-group label {
    float: left;
    border: 1px solid #3d312d;
    border-right: none;
    padding: 5px 10px;
    background: none;
    font-size: 16px;
    width: auto;
    font-family: "Glober", sans-serif; }
    .radio-group label:hover {
      cursor: pointer;
      color: #eb212e; }
    .radio-group label.active {
      background: #3d312d;
      color: white;
      pointer-events: none; }
    .radio-group label:focus {
      outline: none; }
  .radio-group label:first-child {
    border-radius: 4px 0px 0px 4px; }
  .radio-group label:last-child {
    border-right: 1px solid #2d221f;
    border-radius: 0px 4px 4px 0px; }
  .radio-group.form label {
    padding: 5px 10px;
    color: white;
    border-color: #5d514e;
    border-width: 1px;
    font-family: "Glober", sans-serif; }
    .radio-group.form label > span {
      color: #ddd9d4; }
    .radio-group.form label:hover > span {
      color: white; }
    .radio-group.form label.active {
      background: #2d221f; }
      .radio-group.form label.active span {
        color: white; }

/*****************************************************
				HOW
******************************************************/
.how-bg {
  background: url(../img/main-back-red.jpg);
  height: 550px;
  background-size: cover;
  background-position: center center; }

.how {
  margin-bottom: 0px;
  margin-left: 0px;
  box-sizing: border-box;
  float: left;
  width: 100%; }
  .how .how-item:not(.how-black) {
    /* padding-right: 160px;  */
	display: flex;
	flex-wrap: wrap;
	}
    .how .how-item:not(.how-black) .how-content {
      /* width: 80%;  */
	  }
    @media screen and (min-width: 60px) {
      .how .how-item:not(.how-black) .how-content {
        width: 95%; 
		} }
  .how.how-black .text-styles {
    margin-bottom: 0px;
    position: relative; }
    .how.how-black .text-styles .how-item {
      color: white;
      padding-right: 0px;
      cursor: default !important; }
      .how.how-black .text-styles .how-item .how-content {
        margin-top: 20px; }
        .how.how-black .text-styles .how-item .how-content h2 {
          margin-top: 50px;
          margin-bottom: 15px;
          float: left;
          width: 100%; }
  .how.how-black.how-dark .how-content {
    /* float: left; */
    margin-top: 0px !important;
    /* width: 18%;  */
	}
  .how.how-black.how-dark .how-footer {
    /* float: left; */
    /* width: 80%; */
    margin-top: 10px; 
	display: flex;
	flex-wrap: wrap;
	}
    .how.how-black.how-dark .how-footer p.small {
      margin-left: 7%;
      width: 40%;
      /* float: left;  */
	  }
      .how.how-black.how-dark .how-footer p.small p {
        /* float: left; */
        width: 100%; 
		}

.how-block {
  float: left;
  background: url(../img/line.png) repeat-y;
  background-position: 20px;
  width: 100%;
  background-color: transparent; }

.how-item-foot {
  margin-bottom: 20px; }
  .how-item-foot .how-item {
    background-color: #2d221f !important;
    border-radius: 0px 0px 4px 4px; }

.how-item {
  float: left;
  width: 100%;
  background: url(../img/line.png) repeat-y;
  background-color: #ddd9d4;
  background-position: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 40px;
  margin-bottom: 20px;
  border-radius: 4px 4px 0px 0px;
  box-sizing: border-box;
  position: relative; }
  .how-item.open {
    margin-bottom: 0px;
    cursor: default !important; }
  .how-item.first {
    background: url(../img/line.png) no-repeat 20px 30px;
    background-color: #ddd9d4; }
  .how-item.last {
    background: url(../img/line.png) no-repeat 20px -1960px;
    background-color: #ddd9d4;
    margin-bottom: 0px; }
    .how-item.last.how-black {
      background-color: #3d312d !important; }
    .how-item.last:hover {
      background-color: #d2cec9 !important;
      cursor: pointer; }
      .how-item.last:hover.open {
        background-color: #3d312d !important; }
      .how-item.last:hover .how-number {
        background-color: #d2cec9; }
  .how-item:hover {
    background-color: #d2cec9;
    cursor: pointer; }
    .how-item:hover .how-number {
      background: #d2cec9; }
  .how-item.how-black {
    color: white; }
    .how-item.how-black .how-content {
      margin-top: 20px; }
      .how-item.how-black .how-content h2 {
        margin-top: 50px;
        margin-bottom: 15px;
        float: left;
        width: 100%; }
  .how-item .how-number {
    float: left;
    margin-left: -29px;
    margin-top: 8px;
    border: 1px solid #c6c0b8;
    background-color: #ddd9d4;
    border-radius: 50px;
    padding: 1px;
    width: 24px;
    height: 24px;
    box-sizing: border-box; }
    .how-item .how-number span {
      float: left;
      width: 21px;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      text-align: center; }
  .how-item h2 {
    margin-top: 0px;
    margin-bottom: 0px; }

.wall {
  float: left;
  background: #5d514e;
  margin-top: 20px;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0px 20px;
  padding-bottom: 20px;
  padding-top: 5px; }
  .wall .wall-content {
    width: 100%;
    float: left; }
    .wall .wall-content > p {
      width: 25%;
      float: left;
      box-sizing: border-box;
      padding-right: 10px;
      padding-top: 10px; }

.icon-line {
  list-style: none;
  padding-left: 0px; }
  .icon-line li:before {
    content: "— "; }

.last-block {
  margin-bottom: 50px; }

.close + .text-styles {
  margin-left: 0px;
  width: 72%;
  max-width: 930px; }

.how .how-close {
  display: none; }

.how-detail {
  display: none; }

.how-black .how-detail {
  display: block;
  padding-left: 10px; }
.how-black .how-close {
  display: block;
  opacity: 0.5; }
  .how-black .how-close:hover {
    opacity: 1;
    cursor: pointer; }
.how-black .how-medium {
  display: none; }

.how-content {
  float: left; }
  .how-content h1, .how-content h2, .how-content h3, .how-content h4, .how-content h5, .how-content h6, .how-content p {
    float: left;
    width: 100%; }

.how-footer {
  /* float: left;  */
  }

.how-item-head .text-styles {
  margin-bottom: 0px; }

.open .margin {
  width: 100%;
  height: 20px; }

.item.last .how-item {
  background: url(../img/line.png) no-repeat 20px -1960px;
  background-color: #ddd9d4;
  margin-bottom: 0px; }

.item.last.open .how-item-head .how-block {
  background: url(../img/line.png) no-repeat 20px -1960px;
  background-color: #ddd9d4;
  margin-bottom: 0px; }
  .item.last.open .how-item-head .how-block:hover .how-item {
    background: transparent !important; }

.item.last.open .how-item-foot .how-block {
  background-image: none;
  margin-bottom: 0px; }

.how-item-foot {
  display: none; }

.item.last .how-item-foot .how-block, .item.last .how-item-foot .how-item {
  background: none; }

.item.last .how-item-foot {
  margin-bottom: 0px; }

/*****************************************************
				OTHER
******************************************************/


.contact {
  float: left;
  width: 100%;
  color: #eb212e;
  margin-top: 30px;
  margin-bottom: -20px; }

.contact-info > h2 {
  padding-bottom: 0px;
  margin-bottom: 0px; }
.contact-info > h1 {
  padding: 0px;
  margin: 0px; }
.contact-info > a > h2 {
  margin-top: 0px; }

.list-card {
  /* width: 93%; */
  max-width: 1580px; }

.detail {
  display: none; }

.news-click {
  margin-bottom: 25px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear; }
  .news-click .close {
    display: none; }
  .news-click.open {
    margin-bottom: 65px;
    margin-top: 20px; }
    .news-click.open .close {
      display: block;
      cursor: pointer; }
    .news-click.open .meta.small {
      margin-top: 7px; }
  .news-click p > a {
    color: #eb212e; }
    .news-click p > a:hover {
      color: #aa0000; }

.news-detail p a {
  color: #eb212e; }
  .news-detail p a:hover {
    color: #aa0000; }
.news-detail img {
	max-width: 100%;
	height: auto;
}

.btn input[type="radio"] {
  display: none; }

.bx-google-map {
  border: 0;
  width: 100% !important;
  height: 500px !important; }

.border-radius {
  border-radius: 4px; }

.red-text {
  color: #eb212e;
  float: left; }
  .red-text p {
    float: left;
    width: 100%; }

#DETAIL_TEXT_taskBarSet3, #DETAIL_TEXT_taskBarSet2, #bx-css-tt, #bx-css-tt {
  display: none !important; }

.labelfocus, .complete {
  color: white; }

.bx-core-waitwindow {
  display: none !important; }

@media screen and (max-width: 1500px) {
  .list-card {
    max-width: 1500px; } }
@media screen and (max-width: 1500px) {
  .list-card.contacts {
    max-width: 1000px; } }
.detail {
  margin-top: 20px; }
  .detail h1, .detail h2, .detail h3, .detail h4, .detail h5, .detail h6, .detail p {
    width: 100%;
    float: left; }

.news-detail h1, .news-detail h2, .news-detail h3, .news-detail h4, .news-detail h5, .news-detail h6, .news-detail p {
  width: 100%;
  float: left; }

b {
  color: #eb212e;
  font-weight: normal; }

.news-item > div {
  float: left;
  width: 100%;
  float: left; }

.how-footer div.small {
  margin-left: 7%;
  max-width: 40%;
  /* float: left; */
  color: white; }
  .how-footer div.small > * {
    /* float: left; */
    /* width: 100%;  */
	}

.white-link {
  border-color: rgba(255, 255, 255, 0.3) !important; }
  .white-link > * {
    color: white; }
  .white-link:hover {
    color: rgba(255, 255, 255, 0.3); }
    .white-link:hover > * {
      color: #ddd9d4; }

table {
  float: left; }

/* Нужно для визуального редактора */
td {
  text-align: left;
  padding-right: 30px;
  padding-bottom: 5px;
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.white-background {
  background-color: white;
  padding: 10px; }

.wagon-block, .wagon-caption {
  padding: 20px 20px 40px;
  background-color: white;
  height: 100px; }

.wagon-block {
  width: 180px !important;
  clear: left; }

.wagon-caption {
  width: 400px !important; }

h3 {
  margin-bottom: 0; }
  
 .sticky {
	 position: fixed !important;
	 top: 0px;
	 padding-top: 25px !important;
	 box-shadow: 0 0 10px rgba(0,0,0,0.5);
	 transition: box-shadow 0.3s ease-in-out;
 }
 
 .features>div {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
 }
 .features .feature {
	 display: flex;
	 align-items: center;    
	 margin-top: 15px;
 }
 .features .feature>div {
	 margin-left: 10px;
 }
 .seo_text {
	 margin: 1.5em 0em;
    text-align: justify;
 }
 .beauty-bg .overlay {
     display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,.5);
 }
.beauty-bg > div {
    z-index: 2;
    position: relative;
}