:root {
  --mmk-color:#0059b3;
}
.carousel {
  height: 500px !important;
  width: 295px;
  overflow: hidden;
  position: relative;
  background-image: url("../img/iPhone.png");
  background-size: 71%;
  background-repeat: no-repeat;
  background-position-x: 50%;
}
.carousel-inner {
  overflow: hidden;
  position: relative;
  max-width: 69%;
  top: 10%;
  left: 16%;
}

.carousel-control-next-icon {
  content: url("../img/nextArrow.png"); 
  width: 40px;
  height: 40px;
  position: relative;
  top: -10%;
}

.carousel-control-prev-icon{
  content: url("../img/prevArrow.png");
  width: 40px;
  height: 40px;
  position: relative;
  top: -10%;  
}

.custom {
    width: 150px !important;
}

.container{
max-width:900px !important;
}
.sh {
	box-shadow: 0px 0px 1px #000000;
}
/* на xs */
@media (max-width: 768px) {
  html {
    font-size: 12px;
    text-align: justify;
  }
  .font-size{
    font-size: 12px;
  }
  .header {
    margin-left: 60px;
    overflow: hidden;
    text-align: left;
  }
  h3{
    font-size: 24px;  
  }
  .logo {
    width: 80px;
    height: 80px;
  }
  .blockTrunc {
    height: 200px;
    overflow: hidden;
    cursor: pointer;
    box-shadow:inset 0px -100px 100px -25px white;
  }

  .text{
    color:#000;
    position:relative;
    z-index:-1;
    }
  
  .blockFull {
    height: auto;
    cursor: pointer;
  }   
  
  body{
    background: linear-gradient(to bottom, white 40%,  rgba(230, 242, 255, 0.4) 60%);
  } 
  .more{
    font-size: 14px;
    color:var(--mmk-color);
  }
  .backButton{
    position: fixed;  
    top: 90vh;
    right: 8%;    
    width: 30px;    
    content: url("../img/backArrow.png");
  }
  
}

/* на md */
@media (min-width: 768px) {
  html {
    font-size: 14px;    
    text-align: justify;    
  }
  .font-size{
    font-size: 14px;
  }
  .header {
    margin-left: 120px;
    overflow: hidden;
    text-align: left;
  }
  h3{
    font-size: 42px; 
  }
  .logo {
    width: 120px;
    height: 120px;
  }
  .backButton{
    position: fixed;  
    top: 90vh;
    right: 10%;    
    width: 35px;    
    content: url("../img/backArrow.png");
  }
}

.phone{
  max-width: 280px;
  display: block;
}

p{
  width:100%;
  text-align:justify;
}

.button-end{
  position: relative;
  bottom: 0%;
  right: 0%
}


.carousel-item img{  
  opacity: 0;

  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  transition: opacity 150ms;
}

.carousel-item.loaded img{
  opacity: 1;
}

.backButton{  
    overflow: hidden;
    cursor: pointer;
}

.round{
  border-radius: 25px;
}
