:root {
    --grey: #f5f3ef;
    --dark_grey:#cac5bf;
    --red: #fc4c59;
    --red_hov: #f43b49;
    --dark:#393939;
  }
  html, body {overflow-x:hidden;}
  body {font-family: "Poppins", sans-serif; font-weight: 300; overflow-x:hidden;  line-height: 1.5; font-size:16px; }
  a {color:var(--red); transition:all linear 0.3s; -webkit-transition:all linear 0.3s; text-decoration: underline;}
  a:hover {color:var(--red); text-decoration:none;}
  a:focus, button:focus, .btn:focus {text-decoration: none; outline:0; border:0;}
  img {max-width:100%; height:auto;}
  section {padding:92px 0;}
  h1, h2, h3 { font-weight: 600;}
  b, strong {font-weight: 600;}
  @keyframes animation_image {
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
    42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
  }
  .dark_grey_bg {background-color: var(--dark_grey);}
  .text-danger {color: var(--red)!important;}
  .btn, .form-control { -webkit-border-radius:50px; border-radius:50px;}
  .btn_styled{padding:10px 30px; text-transform: uppercase; }
  .btn-danger {background: var(--red); border-color: var(--red); color: #fff;}
  .btn-danger:hover, .btn-danger:focus {background: var(--red_hov); border-color: var(--red_hov);}
  header{position: absolute; left: 0; top: 0; right: 0; z-index: 1; background: white;}
  .header_bar {padding: 15px 0;}
  .logo {text-align: center;}
  @keyframes menu_sticky {
    0%   {margin-top:-240px;}
    50%  {margin-top: -90px;}
    100% {margin-top: 0;}
  }
  header.sticky {  margin:0;  position: fixed; top:0; left:0; width:100%; z-index:9; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; background:white; -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);}
  .hero_banner {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 100px 0; color: white; margin-top: 88px; }
  .hero_banner:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: black; opacity: 0.8;}
  .hero_banner .container {position: relative; z-index: 1;}
  .banner_image {padding-left: 30px;}
  .banner_image img {animation: animation_image 10s linear infinite alternate forwards; transition: all 200ms linear;}
  .hero_banner h1{font-weight: 700; font-size: 47px; line-height: 1.6; margin-bottom: 20px;}
  .hero_banner h1 span.title-underline{position: relative; border-bottom: 1px solid #fc4c59;}
  .hero_banner p{font-size: 20px;}
  .about_col_text h2 {display: inline-block;}
  .about_thumb img {border-radius: 25px;}
  .price_text {margin-bottom: 25px;}
  .price_text small{font-weight: 400;}
  .contact_form {border: #ddd 2px solid; padding: 50px;border-radius: 45px;}
  .form-group {margin-bottom: 15px;}
  .form-control{ border-radius: 0; border: 0; border-bottom: #ddd 1px solid; box-shadow: none; height: auto; padding: 10px 0;}
  .form-control:hover, .form-control:focus{box-shadow: none; outline: none; border-color: #fc4c59;}

  @media (max-width:1360px){
    .hero_banner h1 {font-size: 40px;}
  }
  @media (max-width:1199px){
    .container{max-width: 100%; padding: 0 25px;}
    .hero_banner h1 {font-size: 36px;}
    .hero_banner p {font-size: 18px;}
  }
  @media (max-width:991px){
    .banner_image{padding-left: 0; margin-bottom: 25px;}
    .about_thumb { text-align: center; margin-bottom: 30px;}
    .hero_banner, .about_col_text{text-align: center;}
    .hero_banner{margin-top: 0;}
    header{position: relative; top: inherit; left: inherit; right: inherit;}
  }
  @media (max-width:667px){
    section, .hero_banner{padding: 60px 0;}
  }
  @media (max-width:575px){
    .contact_form {padding: 40px 20px;border-radius: 35px;}
  }
  @media (max-width:480px){
    .hero_banner h1 {font-size: 30px;}
  }
  @media (max-width:375px){
    .hero_banner h1 {font-size: 25px;}
    .hero_banner p {font-size: 16px;}
    .about_col_text h2 {font-size: 20px; margin-bottom: 20px;}
  }