@font-face {
  font-family: 'lato';
  src: url('./fonts/lato-black-webfont.eot');
  src: url('./fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-black-webfont.svg#latoblack') format('svg'), url('./fonts/lato-black-webfont.woff') format('woff'), url('./fonts/lato-black-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'lato';
  src: url('./fonts/lato-italic-webfont.eot');
  src: url('./fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/lato-italic-webfont.svg#latoitalic') format('svg'), url('./fonts/lato-italic-webfont.woff') format('woff'), url('./fonts/lato-italic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'lato';
  src: url('./fonts/lato-regular-webfont.eot');
  src: url('./fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/lato-regular-webfont.svg#latoregular') format('svg'), url('./fonts/lato-regular-webfont.woff') format('woff'), url('./fonts/lato-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'lato';
  src: url('./fonts/lato-light-webfont.eot');
  src: url('./fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/lato-light-webfont.svg#latolight') format('svg'), url('./fonts/lato-light-webfont.woff') format('woff'), url('./fonts/lato-light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: sans-serif;
  }
}

#main-slider{
  position: fixed !important;
  transition: right 0.3s;
  min-height: 317px; 
  width: 317px; 
  top: 60px; 
  right: -317px; 
  z-index: 2147483647;  
}
#main-slider .side-btn{
  float: left; 
  /* background: url() 0px 0px no-repeat;  */
  position: relative; 
  display: block; 
  width: 36px; 
  min-height: 188px; 
  z-index: 2147483647; 
  margin-top: 65px; 
  left: -36px;
  background-color: #bf541c;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
#main-slider .side-btn .btn-text{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
  letter-spacing: .037rem;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
}
#main-slider .slide-div{
  padding: .99rem .99rem 1.97rem .99rem;
  float: left; 
  background-color: #fff;
  overflow: hidden; 
  position: relative; 
  width: 317px; 
  top: -188px; 
  border: 1px solid rgb(209, 208, 208);
  border-bottom-left-radius: 20px;
  box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
}

#main-slider .slide-div img{
  max-width: 87%;
  margin: 0 .99rem .99rem .99rem;  
}



#main-slider .slide-div h1{
  width: 297px  !important;
  /* font-family: 'lato'; */
  padding: 0;  
  color: #123452;
  font-size: 120%;
  font-weight: bold;
  margin: .97rem 0 1.17rem 0;
}

#main-slider .slide-div p{
  /* width: 297px  !important; */
  /* font-family: 'lato'; */
  line-height: initial;
  color: #2b2421;
  font-size: 1.37rem;
  margin: .97rem 0 1.97rem 0;
}

#main-slider .slide-div .btn-primary{  
  margin: .97rem .97rem 0 .97rem;
  font-size: 1.47rem;
  text-decoration: none;
}


#main-slider:hover{
  right: 0  !important;
  }