::selection { background: #0276B5; color: #fff; text-shadow: none; }

/* Links */
a {
  color: #0276B5;
  text-decoration: none;
  transition: all .15s ease-in-out;
}
a:hover,
a:focus { color: #015F90; }

/* Buttons - restyling Bootstrap buttons with only simple CSS, no CSS variables (custom properties) */
.btn.bak-btn-primary { background-color: #0276B5; border-color: #0276B5; }

.btn.bak-btn-primary:hover { background-color: #015F90; border-color: #015F90; }
.btn.bak-btn-primary:active { background-color: #015F90; border-color: #015F90; }
.btn.bak-btn-primary:focus { background-color: #015F90; border-color: #015F90; color: #fff; }
.btn.bak-btn-primary:active:focus { background-color: #015F90; border-color: #015F90; color: #fff; }

.btn.bak-btn-primary:focus-visible {
  background-color: #015F90;
  border-color: #015F90;
  box-shadow: 0 0 0 0.25rem rgba(2, 118, 181, .5); /* #0276B5 */
}

.btn.bak-btn-outline-light:focus { color: #f8f9fa; }

.btn.bak-btn-outline-light:hover,
.btn.bak-btn-outline-light:active,
.btn.bak-btn-outline-light:active:focus,
.btn.bak-btn-outline-light:focus-visible { color: #3d3d3d; }

.btn-close:focus { box-shadow: 0 0 0 0.25rem rgba(2, 118, 181, .5); /* #0276B5 */ }

/* Bouton outline primary */
.btn.bak-btn-outline-primary {
  color: #0276B5;
  border-color: #0276B5;
  background-color: transparent;
}

.btn.bak-btn-outline-primary:hover {
  color: #fff;
  background-color: #0276B5;
  border-color: #0276B5;
}

.btn.bak-btn-outline-primary:active {
  color: #fff;
  background-color: #015F90;
  border-color: #015F90;
}

.btn.bak-btn-outline-primary:focus {
  color: #fff;
  background-color: #015F90;
  border-color: #015F90;
}

.btn.bak-btn-outline-primary:active:focus {
  color: #fff;
  background-color: #015F90;
  border-color: #015F90;
}

.btn.bak-btn-outline-primary:focus-visible {
  color: #fff;
  background-color: #015F90;
  border-color: #015F90;
  box-shadow: 0 0 0 0.25rem rgba(2, 118, 181, .5); /* #0276B5 */
}



/* Custom utility classes */

.bak-spacer {}

.bak-divider { width: 200px; border-bottom: 3px dashed #ddd; }

.bak-color-444 { color: #444; }
.bak-color-666 { color: #666; }
.bak-color-888 { color: #888; }
.bak-color-0276B5 { color: #0276B5; }
.bak-color-ccc { color: #ccc; }
.bak-grey { color: #aaa; }

.bak-font-size-1-15 { font-size: 1.15rem; }

.bak-line-height-2-5 { line-height: 2.5rem; }

.bak-border-dashed { border-bottom: 1px dashed; }

.bak-grey-background { background-color: #f8f8f8; }
.bak-background-3d3d3d { background-color: #3d3d3d; }
.bak-background-444 { background-color: #444; }
.bak-background-0276B5 { background-color: #0276B5; }

.bak-list-style-none { list-style: none; }


/* Navbar */
.navbar.bg-dark.bak-navbar {
  background-color: #3d3d3d !important;
  transition: all .6s ease-in-out;
}

.navbar.bg-dark.bak-navbar.bak-navbar-transparency { background-color: rgba(51, 51, 51, .4) !important; }

.navbar.bg-dark.bak-navbar .dropdown-menu { background-color: #3d3d3d; }

.bak-navbar .navbar-brand {
	width: 109px;
	height: 46px;
	background: url(assets/logo.png) left top no-repeat;
	text-indent: -99999px;
}

.bak-navbar .navbar-nav .nav-link {
  font-size: 1.15rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.bak-navbar .dropdown-menu { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }


/* Header */
#header {
  background-image: url(assets/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#header h1 { text-shadow: 0 1px 6px rgb(51 51 51 / 75%); }
#header p { text-shadow: 0 1px 5px rgb(51 51 51 / 75%); }

#header .carousel-indicators [data-bs-target] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 50%;
}


/* Main Features */
#propos .icon { font-size: 4rem; color: #0276B5; }
#propos .icon-darker { color: #015F90; }

#propos .icon i { transition: all .15s ease-in-out; }
#propos .icon i:hover { text-shadow: 0 0.5rem 1rem rgb(51 51 51 / 30%); }

#propos .bak-border-dashed { border-color: #aaa; }

#propos img { transition: all .15s ease-in-out; }

#propos img:hover {
  transform: translateY(-0.2rem);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* More Features */
#more-features .icon2 { font-size: 3rem; }


/* Cloud features */
#cloud-features img { transition: all .15s ease-in-out; }

#cloud-features img:hover { transform: translateY(-0.2rem); }

.cloud-features-icon { font-size: 5rem; color: #0276B5; }

.cloud-features-icon i { transition: all .15s ease-in-out; }
.cloud-features-icon i:hover { text-shadow: 0 0.5rem 1rem rgb(51 51 51 / 30%); }


/* How it works */
#avis h3 i { color: #0276B5; }



/* Prices */
#prices .table th {
  border-bottom: 1px dashed #eee;
}
#prices .table.best-value th { border: 0; }

#prices .table { transition: all .15s ease-in-out; }

#prices .table:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}

.best-value-icon {
  font-size: 5rem;
}


/* Testimonials */
#testimonials {
  background-image: url(assets/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#testimonials .tab-pane a {
  color: #fff;
  border-bottom: 1px dashed #fff;
  border-color: rgba(255, 255, 255, .75);
}

#testimonials .tab-pane a:hover,
#testimonials .tab-pane a:focus { border: 0; }

#testimonials .nav-pills .nav-item a { opacity: 0.6; width: 80px; }

#testimonials .nav-pills .nav-item a.active { opacity: 1; }

#testimonials .nav-pills .nav-item a:hover,
#testimonials .nav-pills .nav-item a:focus { opacity: 1; }

#testimonials .nav-pills .nav-item a img { transition: all .15s ease-in-out; }

#testimonials .nav-pills .nav-item a.active img,
#testimonials .nav-pills .nav-item a:hover img,
#testimonials .nav-pills .nav-item a:focus img {
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.3) !important;
}


/* Contact */
.contact-visit i { vertical-align: middle; }

.contact-social a:hover,
.contact-social a:focus { outline: 0; color: #fff; }

.contact-social a i { transition: all .15s ease-in-out; vertical-align: middle; }

.contact-social a:hover i,
.contact-social a:focus i { color: #fff; }

.contact-description p { border: 5px solid #4d4d4d; }

.form-control,
.form-control:focus {
  background-color: #444;
  border-color: #888;
  color: #fff;
}

.form-control:focus {
  border-color: #0276B5;
  box-shadow: 0 0 0 0.25rem rgba(2, 118, 181, .5); /* #0276B5 */
}

.form-control::placeholder { color: #888; }


/* Footer */
footer a.bak-border-dashed:hover,
footer a.bak-border-dashed:focus { outline: 0; color: #fff; }

.to-top a:hover,
.to-top a:focus { outline: 0; color: #fff; }



/* Media queries */

@media (min-width: 992px) and (max-width: 1199px) {
  
  .cloud-features-icon { font-size: 3.7rem; }
  	
}

@media (max-width: 991px) {
	
  .navbar.bg-dark.bak-navbar.bak-navbar-transparency { background-color: #3d3d3d !important; }
  
}

/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
  /* logo */
  .bak-navbar .navbar-brand {
    background-image: url(assets/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 109px 45px !important;
  }
	
}