/* слайдер */
.my-slide-bg{
  height:400px;
  max-width: auto;
}
.my-slide-0{
  background-color: #5cb85c;
}
.my-icon-slide0{
  color: #ffffff;
  font-size: 200px;
  display: block;
  float: left;
}
.my-slide-1{
  background-color: #428bca;
}
.my-slide-2{
  background-color: #f0ad4e;
}
.my-slide-3{
  background-color: #d9534f;
}
.carousel-indicators {
  bottom: -50px;
 }

.carousel-indicators li {
  width: 18px;
  height: 18px;
  margin: 0;
  border: 2px solid #333333;
  border-radius: 18px;
}
.carousel-indicators .active {
  width: 18px;
  height: 18px;
  margin: 0;
  background-color: #333333;
}

/* лого и бренд */
.my-jumbotron {
  padding: 10px;
  margin: 50px 0;
}
.my-jumbotron  h1, h4{
  padding: 5px;
  margin: 0;
  text-align: center;
}
.logo{
  width: 180px;
  height: auto;
  display: block;
  padding-top: 30px;
  margin: 0 auto;
}

.circle-left,
.circle-right {
  padding: 10px 0;
  position: relative;
}
.circle-left .img-circle,
.circle-right .img-circle {
  -moz-box-shadow: 0px  0px  8px  #000000;
  -webkit-box-shadow: 0px  0px  8px  #000000;
  box-shadow: 0px  0px  8px  #000000;
}
.circle-left>img,
.circle-right>img {
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  padding:0;
}
.my-title {
  text-align: center;
}

.ribbon {
  width: 300px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  bottom: -20px;
  text-align: center;
  font-size: 25px!important;
  background: #d9534f;
  -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
  -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
  box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
  font-family: 'Helvetica Neue',Helvetica, sans-serif;
}
.ribbon h1 {
  font-size: 20px!important;
  color: #ffffff;
  margin:0px;
  padding: 15px 10px;
}
.ribbon:before, .ribbon:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -1em;
  border: 1.5em solid #d9534f;
  z-index: -1;
}
.ribbon:before {
  left: -2em;
  border-right-width: 1.5em;
  border-left-color: transparent;
  -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
  -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
  box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
}
.ribbon:after {
  right: -2em;
  border-left-width: 1.5em;
  border-right-color: transparent;
  -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
  -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
  box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
  border-color: #aa3333 transparent transparent transparent;
  position: absolute;
  display: block;
  border-style: solid;
  bottom: -1em;
  content: '';
}
.ribbon .ribbon-content:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
.ribbon-stitches-top {
  margin-top:2px;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
.ribbon-stitches-bottom {
  margin-bottom:2px;
  border-top: 1px dashed rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}

@media (max-width: 1200px) {
  .brand-logo h1 {
    font-size: 45px;
  }
  .ad-left>img {
    max-width: 250px;
    max-height: 250px;
  }
  .ad-right>img {
    max-width: 250px;
    max-height: 250px;
  }
}
@media (max-width: 992px) {
  .my-slide-bg{
  height:300px;
  }
  .brand-logo h1 {
    font-size: 30px;
  }

}
@media (max-width: 768px) {
  .brand-logo {
    display: none;
  }

}
@media (max-width: 480px) {
  .carousel {
    display: none;
  }

}
@media (max-width: 320px) {
  .ad-left>img {
    max-width: 200px;
    max-height: 200px;
  }
  .ad-right>img {
    max-width: 200px;
    max-height: 200px;
  }
}