.kosmetik-landing {}
.header-section {    padding: 5% 2% 1%;margin-bottom: 0;}
.features-block {background:#e4e4e4;color:#000; padding: 6% 0 2%;}
.jumbotron {background: #000000;    padding: 5%;border-bottom: 2px solid #e71407;margin-bottom: 0;margin-left:0;margin-right:0;}
/* Make the image fully responsive */
 .carousel-inner img { width: 100%;height: 100%;}
header.header-section h1 {padding: 45px 0 45px; font-size: 40px;}
.btn.btn-default {border: 2px solid #fe186d;padding: 10px 40px; border-radius: 0;font-size: 18px; letter-spacing: 1px;transition: 0.3s ease; margin-bottom: 50px; }
.btn.btn-default a {color:#000; }
.copyright_txt { padding-bottom: 0;margin-bottom: 0;padding-top: 30px;color:#727272; }
.btn.btn-default:hover {background:#fe186d;color:#fff;}
h2.btn.btn-default.text-center.comming-soon-btn:hover {color: #fff;}
h2.btn.btn-default.text-center.comming-soon-btn {margin-bottom: 50px;transition: 0.3s ease;}
.icon_section {padding: 0 30px 50px 30px;}
.icon_section i {font-size: 25px;margin-bottom: 15px;color: #e71407;}
.icon_section h2 {font-size: 20px;margin-bottom: 15px;}
.icon_section p {color:#727272;    font-size: 14px;line-height: 28px; font-weight: normal; }
.slider_content h2 {font-weight:bold;color:#e71407;margin-bottom: 30px;font-size: 60px;}
.slider_content h3 {font-size: 30px;color:#b8b8b8;padding-bottom: 30px;font-weight: normal;}
.slider_content p {width:70%;color:#727272;}
.intro_section { background-image: url("../images/bg_img.png");background-repeat: no-repeat;}
h2.btn.btn-default.text-center.comming-soon-btn {padding: 15px 50px;font-size: 26px;margin-bottom: 10%;}
.intro_section .img_demo { margin-bottom: 20px; }
.intro_section .img_demo img {width:100%;box-shadow: 0 0px 20px #bdbdbd; /*border: 3px solid #121212;*/ }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  , body{    font-family: Montserrat;    font-weight: 600;}
.col-sm-6.demo-img h2 {padding-top: 20px;font-size: 24px;}
.col-sm-6.demo-img {padding-bottom: 50px;}
p {font-size: 14px;}
.carousel-control-next-icon, .carousel-control-prev-icon {display: none;}
.slider_content {padding-top: 11%;}
.slider_content p { line-height: 28px; font-weight: normal; }
footer.text-center { padding: 4% 0;}
ul.nav.justify-content-center {padding-top: 20px;}
a {color:#727272;text-decoration: none;transition: 0.3s ease; }
a:hover {color: #e71407;text-decoration: none;}

.carousel-indicators { bottom: -60px !important; }

.icon_section i {

  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@media only screen and (min-width:320px) and (max-width:767px) {
.slider_content h2 {margin-bottom: 10px;}
.slider_content h3 {padding-bottom: 10px;}
.slider_content h2 {font-size: 38px;}
.slider_content h3 {padding-bottom: 15px;}
.slider_content p {width:100%;}
h2.btn.btn-default.text-center.comming-soon-btn {padding: 10px 20px;font-size: 18px;}
.nav-link {padding:5px 10px;}
header.header-section h1 {padding: 25px 0; font-size: 20px;}.col-sm-6.demo-img h2 {padding-top: 10px;}}

@media only screen and (min-width:768px) and (max-width:991px) { .slider_content p {width:100%;}.slider_content {padding-top: 0;}}
@media only screen and (min-width:768px) and (max-width:1024px) { header.header-section h1 {font-size: 27px;}.slider_content h2 {margin-bottom: 10px;}.slider_content h3 {padding-bottom: 10px;}.jumbotron {padding: 5% 2%;}}
@media only screen and (min-width:768px) and (max-width:1280px) { 

.slider_content {padding-top: 5%;}
.slider_content h2 {font-size:40px;}
.slider_content h3 {font-size: 27px;}
h2.btn.btn-default.text-center.comming-soon-btn {padding: 20px 50px;font-size: 25px;}

}