@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
  background: url(/themes/dmdev-blank/assets/img/bc.jpg) fixed top no-repeat;
  background-size: cover;
}


/* for bootstrap icons padding*/
i.bi {padding-right:0.25em;}

a {
  text-decoration: none;
  color:#00135c;
}
a:hover {
  color:#ff0000;
}


h1 {
  font-size: 40px;;
}
h2 {
  font-size: 40px;;
}




.btn-success {
  color: black;
  background-color: #8dc73f;
  border-color: #8dc73f;
}
.btn-success:hover {
  color: black;
  background-color: #9eda29;
  border-color: #9eda29;
}
.btn-danger {
  background-color: #78001c;
  border-color: #78001c;
}


/* HEADER */
header.container, header.container-fluid, header.container-lg, header.container-md, header.container-sm, header.container-xl, header.container-xxl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.phone a {
  font-size:22pt;
  font-weight: bolder;
  line-height: 1.2em;
  color:black;
}
.phone a:hover {
  color:black;
  text-decoration: underline;
}
.icons {
  margin-top:-10px;
}
.icons a {color:#218583;}
.icons a:hover {color:#78001c;}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #ffc107 !important;    
    
  }
  .dropdown-menu-dark {
    color: black;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .navbar-dark .navbar-nav .nav-link {
    font-size:1.2em;
    color: black;
  }
  .navbar-dark .navbar-nav .nav-link:hover {
    color:black;
    background-color: #d6d6d6;
  }
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
    color: black;
    background-color: #d6d6d6;
  }

  .title .container {
    background-color: #d6d6d6  !important;
  }



.slider {
  padding-left:0px;
  padding-right:0px;
}
.caption {
  color:white;
  font-size:30px;
}
.caption .marker, h3 {
  font-weight: bold;
  font-size:50px;
}
.carousel-caption p {
  margin-top:20px;
  padding-left:1.75em;
  font-size:1.5em;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 25%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
}

@media (max-width: 767px) {	
  .w-100 { height:175px;}
  .caption h3 {font-size:30px;}
  .caption p {font-size:24px;line-height: 1.2em;}
  h1,h2,h3 {font-size:22px;margin-bottom:1em}
  p {font-size:16px;}
  .pro .container {background: #ffc107 !important;}
  .pro h3 {font-size:50px !important;}
  .feedback {background: none !important;background-color: #ffc107 !important;}
}
@media (min-width: 768px) {

}

@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {
  header .nav-link {
    background-color: #ffcd07;
  }
}


.blocs .card {
  border: none;
}
.blocs .card-header {
  background-color: #ffb41f;
  color:white;
}
.blocs .card-header:first-child {
  border-radius:0;
}

.products .card {
  min-height:400px;
}
.products .card img {
  max-height: 270px;
}
.products .card-body {
  position:absolute;
  top:16rem;
}
.products .card-text {
  color:#00135c;
}

.pro .container {
  background: url(/themes/dmdev-blank/assets/img/bc-pro.png) repeat-x center;
}
.pro h3 { 
  color:white;
  font-size: 76px;
}
.pro p { 
  color:black;
  font-size: 19px;
}
/* FEEDBACK */
.feedback {
    background: #ffc107 url(/themes/dmdev-blank/assets/img/bc-feedback.jpg) no-repeat center;
    background-size: cover;
    min-height: 354px;
    color:black;
}
.feedback h3 {
  color:white;
  font-size:47px;
}
.feedback p {
  font-size: 19px;
}


/* FOOTER */
footer {
    background: #cdcdcd url(/themes/dmdev-blank/assets/img/bc-footer.jpg);
    color:white;
    font-size:18px;
    line-height: 1.3em;
}

.copy {
  font-size:12px;
  color:white;
}
.copy a {
  color:white;
  text-decoration: underline;
}
footer .copy img {
    padding-left:0.25em;
}

footer a {font-size:2em;color:white;}
.red {
    color:red
}