.flag {
  height: 60px;
  position: absolute;
  /* padding: 0 5px;
  right: 20px;
  top: 27px; */
  left: 0px;
  top: 0px;
  display: none;
}

.block-select-language {
  text-align: right;
  margin-top: 15px;
}

.select-language > img {
  float: left;
  padding: 8px 0px 8px 8px;
}

.select-language {
  display: inline-block;
}

.mod-languages {
  display: inline-block;
  float: left;
  font-size: 14px;
  background-color: var(--color-black-300);
}

.mod-languages:hover {
  color: var(--color-blue-400);
}

.mod-languages select.inputbox {
  background-color: inherit;
  border-radius: 0;
  border: none;
  cursor: pointer;
  line-height: 28px;
  height: 28px;
  padding: 0 5px 0 5px;
  border: 1px solid var(--color-black-300);
  border-right: 3px solid var(--color-black-300);
  letter-spacing: 0.1rem;
}

.mod-languages select.inputbox option {
  color: var(--color-black-400);
  letter-spacing: 0.1rem;
}

.mod-languages select.inputbox:focus,
.mod-languages select.inputbox:focus {
  outline: none;
}

span.mask {
  display: none;
}

.fir-tree {
  position:absolute; 
  bottom: -20px;	
  height: 67px;
  margin-left: 800px; 
}

.santa {
  position:absolute; 
  bottom: -15px;	
  height: 45px;
  margin-left: 650px;  
}

.snow {
  position:absolute;
  background:url(/templates/softhvac/images/snow.png) no-repeat center top; 
  background-size: 100% 100%;
  height: 19px;
  bottom: 0px;
  display: block;
  width: 100%;
}

.side-slider-img {
  transition: ease-in .4s;
  width: 100%;
  height: 100%;  
}

.side-slider-container:hover > .side-slider-container-link > .side-slider-img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.side-slider-container-link {
  opacity: 0;
  position: absolute;
  width: 247px;
  height: 245px;
}

.side-slider-link {
  border: 15px solid var(--color-white);
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
  z-index: 20;
  border-radius: 15px;
}

.side-slider-container-text {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 0px;
}

.side-slider-container-text:before {
  content: "";
  display: inline-block;
  position: absolute;  
  background-color: var(--color-black-400); /* --color-green-300 --color-lilac-300 --color-red-300 */
  opacity: 0.75;
  width: 100%;
  height: 100%;
  transition: opacity ease-in .4s, background-color ease-in .4s;
}

.side-slider-link:hover > .side-slider-container-text:before {
  opacity: 1;
  /* background-color: var(--color-green-400); */
}

.side-slider-text {
  display: inline-block;
  padding: 7px;
  color: var(--color-white);  
  position: relative;
}

a.side-slider-link{ 
  color: var(--color-white);	
}

.side-slider-container {
  margin-top: 2px;
  width: 245px;
  height: 245px;
  position: relative;
}

#image1.side-slider-container-link {
  opacity: 1;
  z-index: 100;
}

.side-slider-container-text.top-left {
  top: 10px;
  left: 0px;
  bottom: auto;
  right: auto;
} 

.btn-scroll {
  width: 40px;
  position: fixed;
  bottom: 15px;
  background-color: var(--menu-datalist-bg-color);
  font-size: 19px;
  color: var(--btn-default-text-color);
  display: inline-block;
  z-index: 10;
  margin-left: -71px;
  border-radius: 21px;
  box-sizing: content-box;
  cursor: pointer;
  text-align: center;
}

.btn-scroll > div {
  border-radius: 20px;
  height: 37px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-scroll > div:hover {
  color: var(--icon-hov-color);
}

.img-language {
  border-radius: 1px;
  border: 1px solid var(--color-gray-700);
}

.heading-side {
  text-align: center; 
  padding: 3px 0 15px 0;
  margin-bottom: 15px;  
  border-bottom: 1px solid #e8e8e8; 
}

.shadow-bottom-1-left,
.shadow-bottom-1-right,
.shadow-bottom-2-left,
.shadow-bottom-2-right,
.shadow-bottom-3-left,
.shadow-bottom-3-right { 
  position:relative;  
  height:15px;
  width:50%;  
  display: inline-block;
  border-radius: 1px;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -2;
  top: 1px;
  box-shadow: 0 0 8px 5px #ADADAD;
  background-color: #ADADAD;  
}

.shadow-bottom-1-right,
.shadow-bottom-2-right, 
.shadow-bottom-3-right {  
  -webkit-transform: rotate(4deg);
  transform:rotate(4deg);
}

.shadow-bottom-2-left,
.shadow-bottom-2-right {
  width: 16%;  
}

.shadow-bottom-2-left {
  margin-right: 33.7%;   
}

.shadow-bottom-2-right{
  margin-left: 33.7%;   
}

.shadow-bottom-3-left,
.shadow-bottom-3-right {  
  width: 12%;
  top: -21px;  
}

.shadow-bottom-3-left {
  margin-right: 37.4%;
  left: 15px;
}

.shadow-bottom-3-right {
  margin-left: 37.4%;   
}

.slider {
  border: 1px solid #4BA0D0;
  margin-bottom: 15px;  
  box-shadow: 0 2px 7px rgba(140, 140, 140, 0.55);  
}

.content {
  position: relative;
  float: left;
  width: 100%;
  background-color: var(--content-bg-color);
  padding: 15px;
  margin-bottom: 15px;  
  margin-top: 15px;
}

.content-side {
  position: absolute;
  top: 0;
  width: calc(1px + 275px + 1px);
  right: calc((-15px) + (-1px) + (-275px) + (-1px));
  margin-top: 15px;
}

.item-page {
	min-height: calc(100vh - 60px);
}

.block-side { 
  background-color: var(--color-white);
  padding: 15px;
  margin-bottom: 15px;
  width: calc(275px + 2px);
  z-index: 3;
  position: relative;
}

.block-module-search {
  text-align: right;  
}

.links-authorization,
.block-contacts,
#login-form { 
  text-align: right;    
  line-height: 35px;
  height: 35px;  
}

#navbar { /*для скрытия меню*/
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  z-index: 1000;
  transition: top 0.3s;
}

.navbar,
.sub-navbar {
  /* background-color: var(--color-blue-400); */
  /* background: linear-gradient(to right, var(--color-blue-400) 40%, var(--color-lilac-400) 100%);  */
  /* background: linear-gradient(to right, var(--color-blue-400) 45%, var(--color-blue-600) 100%); */
  background: linear-gradient(to right, var(--color-blue-400) 60%, var(--color-yellow-400) 100%); 
}

.navbar {
  border: none;
  display: table;
  width: 100%;
}

/*
.sub-footer,
.sub-navbar {
  text-align: center;
  width: 100%;
}

.sub-footer img,
.sub-navbar img {
  text-align: center;
  width: 100%;
}*/

.sub-navbar {
  min-width: var(--width-container-sh);
  width: 100%;
  height: 44px;
  position: relative;
  top: -1px;
  z-index: 1;
  clip-path: polygon(0 0, 0 100%, 100% 1px, 100% 0);
}

.footer > div:first-of-type {   
  background-color: var(--color-black-600);
  display: table;
  width: 100%;
  position: relative;
  padding: 44px 15px 0 15px;
  clip-path: polygon(-1px 44px, -1px 100%, 100% 100%, 100% 0);
}

.footer:before {
  content: "";  
  /* background-color: var(--color-black-300); */ /*--color-blue-500 --color-black-300  */
  /* background: linear-gradient(to right, var(--color-blue-400), var(--color-lilac-400) 20%); */
  /* background: linear-gradient(to right, var(--color-blue-600), var(--color-blue-400) 25%); */
  /* background: linear-gradient(60deg, var(--color-yellow-400), var(--color-blue-400) 15%); */
  background-color: var(--color-black-200); /* --color-blue-400 --color-black-300*/
  display: inline-block;
  height: 44px;
  min-width: var(--width-container-sh);
  width: 100%;
  z-index: 0;
  position: absolute;
  clip-path: polygon(0 0, 0 100%, 35% 100%);
  margin-top: 1px;
}

.navbar-default-0 {
  background-color: var(--color-black-600);
  z-index: 1; 
  position: relative;
  color: var(--color-gray-700);
  display: table;
  width: 100%;
  padding: 20px 0;
  user-select: none;
}

.сopyright-text {
  padding: 0 15px 6px 15px;
  text-align: center;
  color: var(--color-black-400);
  font-size: 12px;
}

.footer-url {
  color: var(--color-gray-700);
}

.footer-url .icon-linkedin-with-circle,
.footer-url .icon-youtube2 {
  position: relative;
}


.footer-url .icon-linkedin-with-circle {
  font-size: 20px;
  top: 1px;
}

.footer-url .icon-youtube2 {
  font-size: 18px;
}

.social-icon {
  text-decoration: none;
}

.social-icon:hover {
  text-decoration: none;
}

.logo-1-navbar {
  --size: 58px;
  width: var(--size);
  float: left;
  border: 1px solid var(--color-black-300);
  /* border: 1px solid var(--color-gray-800);
  border-radius: calc(var(--size) / 2); */
}

.logo-2-navbar {
  height: 25px;
}

.light-font {
  /* font-family: "Roboto", Arial; */
  font-weight:300;
}

.transition-rotate {
  position: relative;
  z-index: 2;
  -webkit-transition: 3s ease-out;
  transition: 3s ease-out;
}

.transition-rotate:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

@font-face {
  font-family: 'Helvetica Neue Cyr Thin';
  src: url('../fonts/Helvetica-Neue-Cyr-Thin.eot');
  src: url('../fonts/Helvetica-Neue-Cyr-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Neue-Cyr-Thin.woff') format('woff'), url('../fonts/Helvetica-Neue-Cyr-Thin.ttf') format('truetype'), url('../fonts/Helvetica-Neue-Cyr-Thin.svg#glyphicons_halflingsregular') format('svg');
}

body {
  background-color: var(--body-color);
  /* font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

/* body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: none;
}

body::before {
  background-image: var(--body-image);
  background-repeat: repeat;
} */

@media (max-width: 1199px) { /*отключаем фоновую картинку при размере экрана менее 1200px*/
  body {
    background-image: none;
  }
}

.col-md-1-sh,
.col-md-2-sh,
.col-md-3-sh,
.col-md-4-sh,
.col-md-5-sh,
.col-md-6-sh,
.col-md-7-sh,
.col-md-8-sh,
.col-md-9-sh,
.col-md-10-sh,
.col-md-11-sh,
.col-md-12-sh { 
  position: relative;
  float: left;  
}

.col-md-12-sh {
  width: 100%;
}

.col-md-11-sh {
  width: 91.66666667%;
}

.col-md-10-sh {
  width: 83.33333333%;
}

.col-md-9-sh {
  width: 75%;
}

.col-md-8-sh {
  width: 66.66666667%;
}

.col-md-7-sh {
  width: 58.33333333%;
}

.col-md-6-sh {
  width: 50%;
}

.col-md-5-sh {
  width: 41.66666667%;
}

.col-md-4-sh {
  width: 33.33333333%;
}

.col-md-3-sh {
  /* width: 25%; */
  width: 250px;
}

.col-md-2-sh {
  width: 16.66666667%;
}

.col-md-1-sh {
  width: 8.33333333%;
}

.container-sh {
  width: var(--width-container-sh);
  margin-left: auto; 
  margin-right: auto;
  display: table;
  position: relative;
}

.cut-top-side {
  height: 1px;
  background: -webkit-linear-gradient(to right, transparent, #D1EEFF 50%, transparent); 
  background: linear-gradient(to right, transparent, #D1EEFF 50%, transparent);   
}

.cut-bottom-side {
  height:1px;
  background: -webkit-linear-gradient(to right, transparent, #738D9D 50%, transparent);
  background: linear-gradient(to right, transparent, #738D9D 50%, transparent);
}

.heading-footer { 
  font-size: 16px;
  color: var(--color-white);
  padding-bottom: 10px; 
  line-height: 1;
  user-select: none;
  letter-spacing: 0.04rem;  
}

.cut-bottom-footer {
  height: 1px;
  background-color: #999999;
  margin: 0 7px;
  margin-bottom: 10px;
}

.heading-footer-text { 
  background: -webkit-linear-gradient(to right, var(--color-black-300), #494949 50%, var(--color-black-300));
  background: linear-gradient(to right, var(--color-black-300), #494949 50%, var(--color-black-300));
  background-clip: text;
  color: transparent; 
}

.footer-cells {  
  text-align: left;
  font-size: 14px;
  padding: 0 10px;  
}

.description-text {
  font-size: 12px;
  color: var(--color-black-400);  
}

.login-greeting {
  padding-bottom: 15px;  
}

.heading-side-0 {
  text-align: center;
  padding: 3px 0px;  
  color: var(--color-white);
  margin: 0px 0px;
  background: -webkit-linear-gradient(to right, transparent, #68C7FF 50%, transparent); 
  background: linear-gradient(to right, transparent, #68C7FF 50%, transparent);
  font-size: 24px;
  line-height: 1;   
}

.background-heading-side {
  padding: 13px 35px 13px 35px; 
  border: 1px solid #4BA0D0;
  background: -webkit-linear-gradient(var(--color-blue-400), #71CBFF, var(--color-blue-400));  
  background: linear-gradient(var(--color-blue-400), #71CBFF, var(--color-blue-400)); 
}

.content-side-0 {
  background-color: var(--color-white);
  padding: 15px 15px 15px 15px;
  border: 1px solid var(--color-gray-600);
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 15px;  
}

.header-line {
  margin-top: 15px;
  margin-bottom: 15px;  
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid var(--color-gray-300);  
}

.plate-header {
  font-size: 34px;
  line-height: 1;  
  margin-bottom:15px;
  color: var(--color-blue-600);  
  padding: 10px 10px;  
  border: 1px solid var(--color-gray-500);
  text-shadow: 0 -1px 0 var(--color-white);
  background-color:var(--color-gray-100);  
  border: 1px solid #E7E7E7;
  box-shadow: 0 0 20px 2px #ECECEC inset;
}

code,
pre {
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (max-width: 1350px) {
  
  .flag {
    display: none;
  }
  
}