@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
* {
	font-family: 'Montserrat', sans-serif;
}
body {
	/* background: #f1fbff; */
  background-image: url("/css/imag/background1.jpg");
  background-size: 150px;
  
  background-repeat: repeat;
  background-attachment: fixed;
  /* padding-top: 100px; */
  /* opacity: 0.5; */
  
}

html {
	scroll-behavior: smooth;
  }

/*--- Navbar starts ----*/

@font-face{
	font-family: myFont;
	src: url("font/bradhitc.ttf") format("trueType");
}

.caquot-text-logo{
	font-family:myFont;
	font-size: 30px;
	font: weight 400px;
}

/* .navbar .getstarted {
	background: #106eea;
	margin-left: 30px;
	border-radius: 4px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	padding: .5rem 1rem;
	line-height: 2.3;
} */

.navbar-nav a {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
}

.navbar-light .navbar-brand {
	color: #000;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bolder;
	letter-spacing: 0px;
  padding-bottom: 10px;

}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: #000;
}
.navbar-light .navbar-nav .nav-link {
	color: #000;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #000;
}

.navbar-toggler {
	padding: 1px 5px;
	font-size: 18px;
	line-height: 0.3;
	background: #fff;
}

/*--- Navbar Ends ----*/


/*--- Carousel Start ----*/

.carousel-item-about {
	height: 100vh;
	min-height: 300px;
}
.carousel-caption-about {
	bottom: 220px;
	z-index: 2;
}
.carousel-caption h5 {
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;
}
.carousel-caption p {
	width: 60%;
	margin: auto;
	font-size: 18px;
	line-height: 1.9;
}
.carousel-inner-about:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-caption {
		bottom: 370px;
	}
	.carousel-caption p {
		width: 100%;
	}
	.card {
		margin-bottom: 30px;
	}
	.img-area img {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.navbar-nav {
		text-align: center;
	}
	.carousel-caption {
		bottom: 125px;
	}
	.carousel-caption h5 {
		font-size: 17px;
	}
	.carousel-caption a {
		padding: 10px 15px;
		font-size: 15px;
	}
	.carousel-caption p {
		width: 100%;
		line-height: 1.6;
		font-size: 12px;
	}
	.about-text {
		padding-top: 50px;
	}
	.card {
		margin-bottom: 30px;
	}
}
	/*--- Carousel Ends ----*/


/*--- Section Start ----*/

.section-padding {
	padding: 100px 0 0 0;
}
/*--- Section Ends ----*/


.w-100 {
	height: 100vh;
}

/*--------------------------------------------------------------
# Titles sections
--------------------------------------------------------------*/

.section-header .lg-title-section{
  background-color: white;
  border: #dad4d4;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 10px;
  text-shadow: 2px 2px 5px rgb(209, 198, 198);
  font-weight: bolder;
}

.section-header .sm-title-section{
  /* background-color: yellow; */
  font-weight: bold;
  text-shadow: 2px 2px 5px rgb(209, 198, 198);
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.services .card-title {	

	/* font-size: 18px; */
	padding-top: 20px;
	padding-bottom: 5px;
  /* background-color: #cc1616; */

}
.services .lead {

	font-size: 17px;

  /* background-color: #cc1616; */

}

.services .card-body {

  text-align: center;
	  background-color: rgb(255, 255, 255);
    color: #000;
    /* border: #e9e9e9; */
    /* border-style: solid; */
    /* border-width: 1px; */
    /* background-color: #e82d2d; */

}

.services .card-img{

  padding: 50px;
  border: #e9e9e9;
  border-style: solid;
  border-width: 1px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
	background: white;

	border: 1px solid rgb(225, 221, 221);
}

.contact .info-box  i {
  font-size: 40px;
  color: #cc1616;
  /* border-radius: 50%; */
  padding: 8px;
  /* border: 2px dotted #f5a0a0; */
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input::focus,
.contact .php-email-form textarea::focus {
  background-color: #cc1616;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #cc1616;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type=submit]:hover {
  background: #e82d2d;
}
.contact .ifram-map{
	border: 1px solid rgb(225, 221, 221);
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

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

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #efefef;
}

.breadcrumbs h2 {
  font-size: 26px;
  font-weight: 600;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #333333;
  content: "/";
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  /* background: rgb(81, 179, 240); */
  margin: 100px 0 30px 0;
  color: #fff;
  font-size: 14px;
  background-image: url("imag/imag_pont.jpg");
  background-size: cover;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
}


#footer .footer-top .footer-info h3 {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}




#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgb(131, 129, 127);
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: rgb(44, 162, 231);
  color: #fff;
  text-decoration: none;
}


#footer .footer-top .social-links {
	border-top-style: solid;
	border-color:rgba(128, 128, 128, 0.578);
	border-width: 2px;
	padding-top: 20px;
  margin-bottom: 20px;
}

#footer .footer-top .footer-info {
  background: white;
	color: black;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
  border-radius: 15px;
	
}

#footer .copyright {
  /* border-top: 1px solid gray; */
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  background-color: #00000073;
}


/*--------------------------------------------------------------
# Cards horizontal
--------------------------------------------------------------*/

#carriere .card-title{

  
}

#carriere .card-text{

  font-size: small;
}

#carriere .card-text-list{

  font-size: small;
  font-weight: bold;
}

.card-img-carrier {
  padding: 1em;
  /* object-fit: ; */
  width: 200px;
  height: 200px;
  flex: auto;
}