header {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  padding-bottom: 77px;}

.bgb {
  background-color: #1c1d1c;}

.bgb a{
  color: #d8a569;}

.fa-home {
  color: #535252;}

a {
  color: #545efc;}

body {
  background-color: #f4f4f4;
  font-family: 'Karla', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -.3px;
  color: #637282 !important;
  text-rendering: optimizeLegibility;
  font-size: 15px;}

main {
  margin-top: 4rem;}

footer {
  height: 50px;
  background-color: #1c1d1c;
  color: #d8a569;;
  line-height: 18px;
  display: flex;
  border-top: 1px solid #dee2e6 !important;}

section {
  margin-bottom: 4rem;}

.contentmb {
  margin-bottom: 1rem;}

a:hover {
  color: #545efc;
  transition: color 0.5s ease;}

 a:hover .price{
  color: #fcb154;
  transition: color 0.5s ease;}

a:hover .amz{
  color: #fcb154;
  transition: color 0.5s ease;}

.margbot40 {
  margin-bottom: 40px;}

.navbar {
  padding: 1rem 0rem !important;}

.navbar-brand {
  font-weight: 700;
  color: #535252;
  font-family:'Poppins', sans-serif;
  margin-right: 3rem;}

.navbar-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;}

.nav-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: auto;}

.dropdown-item {
  color: #637282;}

.dropdown-menu {
  color: #d8a569;
  background-color: #1c1d1c;}    

.nav-link {
  color: #637282;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;}

.navbar-toggler {
  border: 1px solid #d8a569 !important;}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-item {
  margin-right: 2em;
  font-size: 1.05em;}

.content {
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;}

.content-info {
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
  background-color: #fafafa;}

.assu {
  margin-top: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #535252;
  line-height: 1.278;
  letter-spacing: -0.01em;}

.container {
  max-width: 1200px;}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1020px;}}

a:hover {
  text-decoration: none;}

h1, h2, h3, h4 {
  font-family: 'Poppins', sans-serif;
  color: #535252;
  font-weight: 700;
  line-height: 1.278;
  letter-spacing: -0.01em;}

h1 {
  font-size: 1.75rem;}

h2 {
  font-size: 1.3rem;}

h3 {
  font-size: 1.3rem;
  margin-bottom: 1em;}

h4 {
  font-size: 0.75rem;
  margin-bottom: 1em;}

textarea {
  border: 1px solid #d5dbe0;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 0 5px 3px rgba(0,0,0,.05);
  width: 100%;}

textarea:focus {
  border: 1px solid #545efc;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 0 5px 3px rgba(0,0,0,.05);
  width: 100%;}

select {
  border-radius: 4px;
  border: 1px solid #d5dbe0;
  padding: 5px;
  color: grey;}

select:focus {
  border-radius: 4px;
  border: 1px solid #545efc;
  padding: 5px;
  color: grey;}

input {
  border: 1px solid #d5dbe0;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 0 5px 3px rgba(0,0,0,.05);
  width: 100%;}

input:focus {
  border: 1px solid #545efc;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;}

.radius {
  border-radius: 4px;}

.breadcrumb {
  background-color: transparent;
  padding: 0rem 0rem;
  margin-bottom: 0rem;}

.send {
  border: none;
  background-color: #545efc;
  border-radius: 30px;
  color: white;
  padding: 8px 20px 8px 20px;
  font-size: 14px;
  cursor: pointer;}

.sendhead {
  border: none;
  background-color: #545efc;
  border-radius: 30px;
  color: white;
  padding: 8px 20px 8px 20px;
  font-size: 14px;}

.send:hover {
  border: none;
  background-color: #545efc;
  border-radius: 30px;
  color: #535252;
  padding: 8px 20px 8px 20px;
  font-size: 14px;
  cursor:  pointer;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;}

.copyright {
  margin-top: 15px;
  font-size: 12px;}

.wrapper {
  display: flex;
  justify-content: center;
  margin-top: 50px;}

.item {
  width: 100px;
  height: 50px;
  margin: 10px;
  position: relative;}

.button {
  border: 1px solid #545efc;
  background: #545efc;
  padding: 1em 3.5em 1em 2em;
  border-radius: 5px;
  color: #fff;
  transition: background 0.5s ease;
  text-transform: uppercase;
  float: right;
  cursor: pointer;}

.button:hover {
  border: 1px solid #575ecb;
  background: #575ecb;
  padding: 1em 3.5em 1em 2em;
  border-radius: 5px;
  transition: background 0.5s ease;
  float: right;}     

a .button:hover{
  color: #f2d267;
  transition: all 0.5s ease;
  cursor: pointer;}

.productname {
  font-family: 'Poppins', sans-serif;
  color: #535252;
  font-weight: 700;
  line-height: 1.278;
  letter-spacing: -0.01em;}

.productnameband {
  text-align: center;
  background-color: #1c1d1c;
  padding: 15px;
  color: #d8a569;}

.productcard:hover {
  transform: scale(1.1);
  transition: transform .5s ease;}

.price {
  font-size: 20px;}

.devise {
  font-size: 10px;}

.amz {
  margin-right: 10px;}

.fa-star {
  color: #d8a569;}

.fa-map-marker-alt, .fa-map-pin, .fa-info-circle {
  color: #5d5e66;}

i {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;}

.arrow1 {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;}

  @keyframes slide1 {
    0%,
    100% {
      transform: translate(0, 0);
    }

    50% {
      transform: translate(10px, 0);
    }
  }

  @keyframes slide2 {
    0%,
    100% {
      transform: translate(0, 0) rotate(45deg);
    }

    50% {
      transform: translate(10px, 10px) rotate(45deg);
    }
  }

  @keyframes slide3 {
    0%,
    100% {
      transform: rotate(-45deg);
    }

    50% {
      transform: rotate(45deg);
    }
  }

  @keyframes slide4 {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

.margl {
  margin-left: 20px;}

.slogan {
  font-size: 17px;}

.margtop40 {
  margin-top: 40px;}

.butown {
  border-radius: 27px;
  background-color: #e0e0e0;
  color: #535252;
  padding: 10px 25px 10px 25px;
  width: 180px;
  cursor: pointer;}

section li {
  margin-bottom: 10px;}

/********* BLOG *********/

.articles .article{
  border-radius: 5px;
  margin-bottom: 3em;
  background-color: #fff;}

.articles .article .article-img{
  width: 100%;
  height: 100%;
  display: block;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;}

.articles .article .article-title{
    padding: 2.5em 1.5em 1em 0em;}

.articles .article .article-title > h2{
  margin-bottom: .5em !important}

.articles .article .article-content > p{
  padding-right: 1.5em;
  color: #6c757d;}

/********* Product *********/
.productcard {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  background-color: #fff;}

.center {
  text-align: center;}

.h1blog {
  margin-bottom: 2em;}

.devis-anim {
  -webkit-box-shadow: 0 0 0 rgba(84, 94, 252, 0.6);
  box-shadow: 0 0 0 rgba(84, 94, 252, 0.6);
  -webkit-animation: devispulse 3s infinite;
  animation: devisanim 3s infinite}


@-webkit-keyframes devisanim {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(84, 94, 252, 0.6)
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(84, 94, 252, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(84, 94, 252, 0)
  }
}

@keyframes devisanim {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(84, 94, 252, 0.6);
    box-shadow: 0 0 0 0 rgba(84, 94, 252,, 0.6)
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(84, 94, 252, 0);
    box-shadow: 0 0 0 10px rgba(84, 94, 252, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(84, 94, 252, 0);
    box-shadow: 0 0 0 0 rgba(84, 94, 252, 0)
  }
}

.ctaexpedia {
  border: 2px solid #d8a569;
  border-radius: 4px;
  padding: 2rem;
  margin: 2rem;}

.fa-instagram::before {
    color: #637282;}

.fa-facebook-f {
    color: #637282;}

.content-article {
  background-color: white;
  padding: 2em;
  border-radius: 4px;}