*{margin:0;padding:0;}
body{    background: url('./images/banner-shape.png')  no-repeat!important;}
h2{    flex-shrink: 1;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .02em;
    font-family: "SF Pro Display","SF Pro Icons","Apple WebExp Icons Custom","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0!important;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2!important;
}
.btn{border-radius: 0.15rem!important;}
figure{ margin:0!important;}
img{width: 100%;}
.pad-20{padding:20px;}
.mt-50{margin-top:50px;}
.mt-30{margin-top:30px;}
.column, .columns{padding:0!important;}
.container-2{    display: block;
    margin: 0 auto;
    max-width: 692px;
   
    padding: 20px;}

    .header {
    overflow: hidden;padding: 20px;
    
}
.owl-dots{display: none}
.carousel2 .item {
    background: #f9f9f9;
    border-radius: 5px;
}
button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
}

.btn {
  /* default for <button>, but useful for <a> */
  display: inline-block;
  text-align: center;
  text-decoration: none;

  /* create a small space when buttons wrap on 2 lines */
  margin: 2px 0;

  /* invisible border (will be colored on hover/focus) */
  border: solid 1px transparent;
  border-radius: 4px;

  /* size comes from text & padding (no width/height) */
  padding: 0.5em 1em;

  /* make sure colors have enough contrast! */
  color: #ffffff;
  position:relative;
}

.btn {
    border-radius: 2.15rem!important;font-size: 20px;padding-left: 60px;
}
button{background: #0084ff!important}
button.btn:after {
           content: '';
    position: absolute;
    background: url(images/fb_znak.png) no-repeat;
    width: 27px;
    height: 26px;
    left: 16px;
    top: 11px;
}
@media screen and (max-width: 692px) {
.container-2{   
    width: 100%;
   
    padding: 0px;}

}
.icon {
    float: left;
    width: 30%;position: relative;
}
.img{border-radius: 22.5%;}
.icon:after   {content: ""; */
    width: 246px;
    height: 246px;
    max-width: 100%; 
    max-height: 100%; 
    position: absolute; 
    border-radius: 6px; 
    border: .5px solid rgba(0,0,0,.1); 
    z-index: 1; 
    border: none;
    border-radius: 22.5%;
    border-radius: 0;
    background: url(https://web-experience.itunes.apple.com/assets/images/masks/icon-app-mask-border-f20f4888cd39b8718ce94248d8fd86ca.svg) center/cover no-repeat;}
.text {
    float: right;
    width: 70%;
    padding: 0 0 0 20px;
}
.screen-img ul{list-style: none; width: 1200px}
.screen-img ul li{display: inline-block;    width: 20%; }

.screenshot ,.review-block {
    overflow: hidden;
}
.review-block ul{list-style: none;
    width: 3450px;}
.review-block ul li{display: inline-block;    width: 20%;background: #f8f8f8;
    padding: 30px 15px;}
    .block-assesm {
    overflow: hidden;
}
    .review .assesm-1 {
    width: 40%;
    float: left;
}
    .review .assesm-2 {
    width: 60%;
    float: right;
}

.we-star-rating .we-star-rating-stars-outlines {
    width: 65px;
    background-position: 0 14px;
    position: relative;
    line-height: 1;
    top: .23077em;
    z-index: 1;
}
.we-star-rating .we-star-rating-stars, .we-star-rating .we-star-rating-stars-outlines {
    display: inline-block;
    background-image: url(https://web-experience.itunes.apple.com/assets/images/stars-sm-694bf9e69349ac8b5130e737553f031a.svg);
    background-size: 13px 28px;
    height: 14px;
}

.we-star-rating .we-star-rating-stars.we-star-rating-stars-4 {
    width: 52px;
}
.we-star-rating .we-star-rating-stars {
    width: 0;
    background-position-x: 0;
}
.we-star-rating .we-star-rating-stars, .we-star-rating .we-star-rating-stars-outlines {
    display: inline-block;
    background-image: url(https://web-experience.itunes.apple.com/assets/images/stars-sm-694bf9e69349ac8b5130e737553f031a.svg);
    background-size: 13px 28px;
    height: 14px;
}

.btn-primary {
    color: #fff;
    background-color: #689f38!important;
    border-color: #689f38!important;
    float:right;
}
.carousel2 .item {
    padding: 20px;
}

.jumbotron{-webkit-box-shadow: 0 8px 24px 0 rgba(23,30,55,.09);
    box-shadow: 0 8px 24px 0 rgba(23,30,55,.09);
background-color:#fff!important;}