﻿.sim-slider-wrapper {
  width: calc(100% - 80px);
  height: 300px;
  margin: 0 40px 0 40px;
  padding: 0;
  list-style-type: none;
  position: relative;     
}
.sim-slider-list {
  display: block;
  width: 105%; 
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}            
.sim-slider-item {
  display: none;
  vertical-align: top;
}
.sim-slider-arrow-left, .sim-slider-arrow-right {
  width: 22px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  opacity: 0.6;
  z-index: 4;
}
.sim-slider-arrow-left {
  left: -20px;
  top: 40%;
  display: block;
  background: url("/images/sim-arrow-left.png") no-repeat;
}
.sim-slider-arrow-right {
  right: -20px;
  top: 40%;
  display: block;
  background: url("/images/sim-arrow-right.png") no-repeat;
}
.sim-slider-arrow-left:hover {
  opacity: 1.0;
}
.sim-slider-arrow-right:hover {
  opacity: 1.0;
}
.sim-slider-arrow-left[disabled] {
  opacity: 0.2;
  cursor: default;
}
.sim-slider-arrow-right[disabled] {
  opacity: 0.2;
  cursor: default;
}


/* ---------    к основному   ------------------ */
.project-file-wrapped {
  position: relative;
}
.project-file-select {
  position: absolute;
  left: 0;
  top: 150px;
}
.project-file-select::-webkit-file-upload-button {
  width: 10px;
  opacity: 0;
}
.project-file-button {
  position: absolute;
  left: 60px;
  top: 60px;
  width: 250px;
}
.project-image-wrapped {
  position: relative;
  width: 100%;
  height: 100px;
}
.project-image-select {
  position: absolute;
  left: 0;
  top: 100px;
}
.project-image-select::-webkit-file-upload-button {
  width: 10px;
  opacity: 0;
}
.project-image-button {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 250px;
}

.help-item {
  height: 250px;
  width: 220px;
}
.help-item-title {
  height: 200px;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;  
}


.slider-container {
  width: calc(100% - 80px);
  margin: 0 40px 0 40px;
  padding: 0;
  list-style-type: none;
  position: relative;  
/*  height: 400px;*/   
}
.slider-list {
  display: flex;
  justify-content: space-around;
/*  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;*/
} 
.slider-item {
  display: none;
  vertical-align: top;
}
.show-slider {
  display: inline-block;
}
