@font-face {
    font-family: 'Cervino-RegularNeue';
    src: local('Cervino Regular Neue'), local('Cervino-Regular-Neue'),
        url('fonts/Cervino-RegularNeue.woff2') format('woff2'),
        url('fonts/Cervino-RegularNeue.woff') format('woff'),
        url('fonts/Cervino-RegularNeue.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

@font-face {
    font-family: 'Cervino-Bold-Neue';
    src: local('Cervino Bold Neue'), local('Cervino-Bold-Neue'),
        url('fonts/Cervino-BoldNeue.woff2') format('woff2'),
        url('fonts/Cervino-BoldNeue.woff') format('woff'),
        url('fonts/Cervino-BoldNeue.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
  


body {
    font-family: Cervino-RegularNeue;
    line-height: 1.4;
    color: #000;
    overflow-x: hidden;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.html {
  font-size: 62.5%;
}

.navbar input[type="checkbox"],
.navbar .hamburger-lines {
  display: none;
}

/* .container {
  max-width: 1200px;
  width: 100%;
  margin: auto;
} */

.navbar {
  box-shadow: 0px 5px 10px 0px #aaa;
  position: fixed;
  width: 100%;
  background: #fff;
  color: #000;
  /* opacity: 0.85; */
  z-index: 100;
}
img.carousel-image {
    margin-top: 75px;
}

.navbar-container {
  display: flex;
  justify-content: space-between;
  height: 64px;
  align-items: center;
}

.menu-items {
  
  display: flex;
}
.logo {
  
  font-size: 2.3rem;
}

.menu-items li {
  list-style: none;
  margin-left: 1.5rem;
  font-size: 1.3rem;
}

.navbar a {
  color: #444;
  text-decoration: none;
  font-weight: 500;
  padding-left: 30px;

  transition: color 0.4s ease-in-out;
}

.navbar a:hover {
  color: red;
}

.products .shop--section {
    border-top: 3px solid #e7e7e7;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 14px;
}

section#range-section .products .shop--section .d-flex img {
    padding: 8px 10px;
    max-width: 77%;
    background: #ebebeb;
    border-radius: 8px;
}

.products .shop--section h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 19px;
}

.products .shop--section .d-flex {
    justify-content: center;
}

.navbar-container.container::before,
.navbar-container.container::after {
    display: none;
}


/* @media (max-width: 500px) {
  .navbar-container input[type="checkbox"]:checked ~ .logo {
    display: none;
  }
} */

.navbar-container.container {
    display: flex;
    justify-content: space-between;
}

ul.menu-items li {
    font-size: 28px;
}





.container.abt {
    max-width: 1000px;
}

.container.fddf .col-md-4 {
    padding: 0px 2px;
  
}
.container.fddf .col-md-6 {
    padding: 3px;
  
}

.abt-heading.text-center h1 {
    font-size: 50px;
    padding-bottom: 20px;
}
/* section#about {
    background-color: #c3e4f5; 
    background-image: linear-gradient(to left,#c3e4f5 , white);
} */
section#ourstore {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #c3e4f5; 
    background-image: linear-gradient(to left,#c3e4f5 , white);
}
.abt-heading.text-center h2 {
    font-size: 50px;
    font-weight: 500;
}
.container.fddf .jaipur-store img.img-fluid {
    opacity: 0.3;
}
.container.fddf .mumbai-store img.img-fluid {
    opacity: 0.3;
}


.jaipur-store {
    position: relative;
    display: flex;
}
.mumbai-store {
    position: relative;
    display: flex;
}
.jaipur-store span.title {
    position: absolute;
    font-size: 60px;
    text-transform: capitalize;
    top: 30px;
}
.mumbai-store span.title {
    position: absolute;
    font-size: 60px;
    text-transform: capitalize;
    top: 30px;
}
span.title {
    width: 100%;
}

/* crausal css */

.home-demo .item {
    background: rgb(40, 91, 193);
    width: 80%; 
    

}
.contain {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
  }
.home-demo h2 {
   

    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}

.owl-stage-outer .testi1 img.menimg {
    width: 95%;
    position: relative;
    left: 150px;
}

.contain .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer img.kzdhbc-1 {
    width: 5%;
}
.contain .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer img.kzdhbc-2 {
    width: 5%;
    float: right;
}
p {
    font-size: 26px;
   
  
    ;
}
.item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.test-matter {
    padding: 51px 26px 51px 150px;
    background-color: #fff;
    border-radius: 50px;
}


section#testimonials {
    padding-bottom: 25px;
    background-color: #c3e4f5; 
    background-image: linear-gradient(to left,#c3e4f5 , white);
}
section#crausal {
    padding-bottom: 90px;
    background-color: #c3e4f5; 
    background-image: linear-gradient(to left,#c3e4f5 , white);
}
.home-demo.text-center h3 {
    margin: 0px;
    font-size: 50px;
 
}
.owl-dots {
    display: none;
}

/* end */
p.mattttr {
    padding: 0px;
    font-size: 22px;
}
.container.form {
    max-width: 335px;
    float: right;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: white;
    border-radius: 15px;
}
section#footer-section {
    padding-top: 100px;
    padding-bottom: 30px;
    
    background-color: #bde3f3;
}
.container-fluid .col-md-3 .container.form button.btn.btn-primary {
    float: right;
    background-color: red;
    font-size: 18px;
   
}
.container-fluid .col-md-9 .container {
    padding-top: 160px;
    
    padding-left: 0px;

}

.container .address ul {
    list-style: none;
    padding-left: 0px;
    font-size: 22px;
    
}
.container .address ul a {
    text-decoration: none;
    color: black;
    display: block;
}
h2.HHHHH {
    font-size: 30px;
}
section#footer-section {
    background-image: url(https://vermmillion.info/demo/avon-lp-html/images/footer-bg.png);
    background-repeat: no-repeat;
}
section.bottom-section {
    max-height: 100px;
}
section.bottom-section {
    display: flex;
    justify-content: end;
    background-color: #60b1e0;
}
section.bottom-section .socialimg img {
    max-width: 50px;
   
}

.botmpart {
    padding-left: 148px;
    display: flex;
    justify-content: center;
    align-items: center;
 
}
.socialimg {
    padding-left: 37px;
    padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 60px;
}
.socialimg i.fa-brands.fa-facebook-f {
    font-size: 22px;
    padding: 11px 18px;
    color: #484848;
    background-color: #fff;
    border-radius: 10px;
}
.socialimg i.fa-brands.fa-twitter {
    font-size: 22px;
    padding: 11px;
    color: #484848;
    background-color: #fff;
    border-radius: 10px;
}
.socialimg i.fa-brands.fa-linkedin-in {
    font-size: 22px;
    padding: 11px;
    color: #484848;
    background-color: #fff;
    border-radius: 10px;
}
.socialimg i.fa-brands.fa-youtube {
    font-size: 22px;
    padding: 11px;
    color: #484848;
    background-color: #fff;
    border-radius: 10px;
}
.socialimg i.fa-brands.fa-instagram {
    font-size: 22px;
    padding: 11px;
    color: #484848;
    background-color: #fff;
    border-radius: 10px;
}
h3.follo {
    margin-bottom: 0px;
    font-weight: 1000;
    color: #fff;
}

.owl-nav {
    display: none;
}

/* Crausal css stsrts  */
/* body {
    background-color: #262626;
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
  } */
  .carousel-indicators {
    bottom: 14%;
  }
  .carousel-indicators li {
    display: inline-block;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #666;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
  }
  .carousel-indicators .active {
    background-color: #fff;
  }
  /*
  inspired from https://codepen.io/Rowno/pen/Afykb 
  */
  .carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
  }
  .carousel-fade .carousel-inner .active {
    opacity: 1;
  }
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  .carousel-fade .carousel-control {
    z-index: 2;
  }
  /*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  now override the 3.3 new styles for modern browsers & apply opacity
  */
  @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-fade .carousel-inner > .item.next,
      .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
      .carousel-fade .carousel-inner > .item.prev,
      .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
      .carousel-fade .carousel-inner > .item.next.left,
      .carousel-fade .carousel-inner > .item.prev.right,
      .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
  }
  .carousel-caption {
    font-family: "Open Sans", sans-serif;
    font-size: 2em;
    font-weight: 300;
    width: 100%;
    position: absolute;
    bottom: -12px;
    left: -30%;
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px #000000;
    animation-delay: 1.5s;
    animation-duration: 1.5s;
  }
  .btn-teo-caption {
    width: 155px;
    border-radius: 500px !IMPORTANT;
    border: 3px solid #106470;
    margin-top: 6px;
    margin-right: 21%;
    background-color: #106470;
    font-weight: bold;
    color: white;
  }
  .btn-teo-caption:hover {
    background-color: white;
      color: #106470;
    border: 3px solid #106470;
      transition-property: ease 1s;
  }
  #caption1-button {
    font-family: "Open Sans", sans-serif;
    font-size: 2em;
    font-weight: 300;
    position: absolute;
    bottom: -10px;
    left: 40%;
    color: black;
    text-decoration: none;
  }

  
/* Crausal css ends  */

body {
    background: #fff;
  }
  
  .section-padding {
    width: 1280px;
    margin: 0 auto;
    padding: 40px 0;
  }
  
  .owl-item .item {
    transform: translate3d(0, 0, 0);
    /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
    margin: 50px 0;
    /* OVERWRITE PLUGIN MARGIN */
  }
  
  .screenshot_slider .owl-item .item img {
    -webkit-transition: 0.3s;
    /* -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); */
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  
  .screenshot_slider .owl-item.center .item img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
  }
  
  .screenshot_slider .owl-nav {
    text-align: center;
  }
  
  .screenshot_slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important;
  }
  .section-padding.text-center h3 {
    font-size: 55px;
}
section#whybuy .col-md-2 {
    width: 20%;
}
p.disc {
    font-size: 14px;
}



.reason.text-center h3 {
    font-size: 18px;
}

.reason.text-center img {
    padding-bottom: 17px;
}

section#footer-section .address h2 {
    font-size: 35px;
    padding-bottom: 24px;
}
section#whybuy {
    padding-bottom: 70px;
}
section#blog-section .bolgmaterial img {
    width: 100%;
}
section#blog-section .bolgmaterial h5 {
    padding: 10px 0px;
}

section#blog-section .bolgmaterial p.shortdesc {
    font-size: 18px;
}

section#blog-section .bolgmaterial h2 {
    font-size: 26px;
}
section#blog-section .bolgmaterial button.btn.btn-primary {
    font-size: 18px;
    border: none;
    background-color: #005868;
}


section#blog-section {
    margin-bottom: 50px;
}
button.btn.btn-primary:focus {
    box-shadow: none;
}



/* media card css */



.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
  }

  p.vzbzs {
    font-size: 20px;
    padding: 10px 0;
}

.reason.text-center {
    width: 80%;
    margin: auto;
}
img.card-img-top:hover {
  transform: scale(1.1);
  transition: 1s ease;
}


section#range-section .products { margin-top:20px;  
  border: 0px solid #fff;
  padding: 10px;
  box-shadow: 5px 10px 18px #ccc;}

section#range-section .products img {
    width: 100%;
    padding: 30px;
}

section#range-section .products h4 {
    font-size: 17px;
    color: black;
    text-align: center;
        text-transform: uppercase;
            font-weight: 600;
    letter-spacing: 2px;
}


.reason.text-center{ padding: 10px; box-shadow: 5px 10px 18px #ccc; width: 100%; min-height: 200px;}