/*
 Theme Name:   mesmerize-proChild
 Theme URI:    https://monsite.com
 Description:  mesmerize-proChild est le thème enfant de Mesmerize. Ce thème enfant permettra d'effectuer les modifications nécessaires afin de garder intact le thème parent.
 Author:       ExtendThemes
 Author URI:   https://extendthemes.com/mesmerize/
 Template:     mesmerize-pro
 Version:      1.0.0
*/

/* HEAD */
#scrollUp {
  opacity: 1 !important;
  height: 60px !important;
  width: 50px !important;
  border-radius: 15px !important;
  padding-top: 10px !important;
}
/* FIN HEAD */

/* BODY */

/* nav */
.mesmerize-front-page #main_menu > li > a {
  font-size: 0.9rem !important;
}

.mesmerize-inner-page ul.dropdown-menu>li{
  color: #2097bf !important;
}

.mesmerize-front-page
  ul.dropdown-menu.active-line-bottom
  > .current_page_item
  > a,
.mesmerize-front-page
  ul.dropdown-menu.active-line-bottom
  > .current-menu-item
  > a,
ul.dropdown-menu.default > .current_page_item > a,
.mesmerize-front-page ul.dropdown-menu.default > .current-menu-item > a {
  color: #e40429 !important;
  border-bottom-style: none !important;
}

.mesmerize-front-page ul.dropdown-menu>li{
  color: #2097bf !important;
}

.mesmerize-inner-page
  ul.dropdown-menu.active-line-bottom
  > .current_page_item
  > a,
.mesmerize-inner-page
  ul.dropdown-menu.active-line-bottom
  > .current-menu-item
  > a,
ul.dropdown-menu.default > .current_page_item > a,
.mesmerize-inner-page ul.dropdown-menu.default > .current-menu-item > a {
  color: #e40429 !important;
  border-bottom-style: none !important;
}

.mesmerize-inner-page #main_menu > li > a {
  font-size: 0.9rem !important;
}

.borderHover:hover {
  border-top-style: solid;
  border-top-color: #e40429;
  border-top-width: 5px;
  margin-top: -5px;
  /* -webkit-transition: all 650ms ease-out 0s; */
}

.bottom-border-color1 {
  border-color: #fcb912 !important;
  border-left-style: none !important;
  border-right-style: none !important;
  border-top-style: none !important;
}

.mesmerize-front-page #main_menu > li li > a {
  font-family: DinPro-Black !important;
  font-size: 0.9rem !important;
  color: #2097bf;
  font-size: 0.8rem !important;
}

.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.active-line-bottom
  > .current_page_item
  > a,
.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.active-line-bottom
  > .current-menu-item
  > a,
.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.default
  > .current_page_item
  > a,
.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.default
  > .current-menu-item
  > a {
  border-style: none !important;
}

.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.active-line-bottom
  > .current_page_item
  > a,
.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.active-line-bottom
  > .current-menu-item
  > a,
.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.default
  > .current_page_item
  > a,
.mesmerize-inner-page
  .fixto-fixed
  ul.dropdown-menu.default
  > .current-menu-item
  > a {
  border-bottom-color: white !important;
}

/* fin nav */

/* bg */
.bgbleu {
  background: #2097bf;
}

.bggreen {
  background: #c0ca09;
}

.bgred {
  background: #e40429;
}

.bgyellow {
  background: #fcb912;
}

.bggrey {
  background: #6b696a;
}

.bgWhite {
  background: white;
}
/* fin bg */

/* color */
.colorBleu {
  color: #2097bf;
}

.colorYellow {
  color: #fcb912;
}

.colorGreen {
  color: #c0ca09;
}

.colorRed {
  color: #e40429;
}

.colorGrey {
  color: #6b696a;
}

.colorWhite {
  color: white;
}
/* fin color */

/*title*/
.titleDescription {
  color: #2097bf !important;
  font-family: "Open sans";
  font-weight: bold;
}

.titleDescription-type-company {
  color: #2097bf !important;
  font-family: "Open sans";
  font-weight: bold;
  margin-bottom:0 !important;
}

.titleDescription1 {
  font-family: "Open sans";
  font-weight: bold;
  color: #fcb912;
}

.titleDescriptionWhite {
  color: white;
  font-family: "Open Sans";
}

.titleSection {
  font-family: "Open Sans";
  font-size: 1rem;
  color: #fcb912;
}

.title-button{
    font-family: "Open sans";
    font-weight: 600;
    font-size: 1rem !important;
    line-height: 1.5rem;
    letter-spacing: normal;
    color: white;
}
/*fin title*/

/*content*/
.contentBleu {
  color: #2097bf;
  font-family: "Open Sans";
  font-weight: 300;
  letter-spacing: 0, 9rem;
}

.contentSubTitle {
  font-family: "Open Sans";
  color: rgb(240, 121, 48);
}

.small {
  font-size: 0.7rem !important;
}

.lead {
  font-family: "Open Sans";
  color: #6b696a;
  font-size: 0.97rem;
  line-height: 1.7rem;
}

.lead-type-company{
  font-family: "Open Sans";
  color: white;
  font-size: 0.8rem;
  line-height: 1.3rem;
}

.lead-type-company1{
  font-family: "Open Sans";
  color: #fcb912;
  font-size: 0.8rem;
  line-height: 1.3rem;
}

.lead1 {
  font-family: "Open Sans";
  color: #2097bf;
}

.justify {
  text-align: justify;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.section-title-col {
  margin-bottom: 2.5rem !important;
}

label {
  font-family: "Open Sans";
  color: rgb(9, 20, 67);
}

/* card type company */

 .card-type-company {
  position: relative;
	   min-height: 15em;

  perspective: 150em;
}
.card__side-type-company {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 15em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: all 0.6s ease;
  box-shadow: 1em 1em 2em rgba(0, 0, 0, .2);
}
.card__side--front {
  background-color: #fff;
}
.card__side--back {
  color: #fff;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(-180deg);
}

.card-type-company:hover .card__side--front {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
}
.card-type-company:hover .card__side--back {
  transform: rotate(0);
  -webkit-transform: rotateY(0);
}
.card__description {
  font-size: 5em;
}

.card__side--front .card__description{
  padding: 20px;
}

.card__side--back .card__description{
  padding: 30px;
}
/* card type company */
/*fin content*/

/* icon */
i.fa.icon.reverse.color8 {
  background-color: white !important;
  z-index: 0;
}

i.fa.icon.reverse {
  background-color: white !important;
}

i.fa.color1 {
  color: #fcb912 !important;
}

i.fa.icon.bordered,
i.fa.icon.card[class*="bottom-border-"] {
  border-color: rgb(240, 121, 48) !important;
}

.header-with-slider-wrapper .header-homepage-arrow > i {
  width: 50px !important;
  height: 50px !important;
  color: white !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #2097bf !important;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  border-radius: 15px !important;
  margin-top: -50px !important;
  background: #2097bf;
}

.header-slider-navigation .owl-nav .owl-next i,
.header-slider-navigation .owl-nav .owl-prev i {
  color: #2097bf !important;
}

.header-homepage-arrow > i.fa {
  width: 50px;
  height: 65px !important;
  border-radius: 20px;
}

.header-homepage-arrow i.fa {
  display: flex;
  align-items: center;
  justify-content: center;
  color:#2097bf;
}

.closeli:before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-weight: normal;
  padding-right: 0.35rem;
  font-size: 1rem;
  line-height: 2rem;
  color: #c72f26;
}
/* fin icon */

/* btn */
.btn {
  border-style: solid;
  color: white;
  border-color: #fcb912;
  background-color:#fcb912;
  font-family: "Open sans"!important;
  border-radius: 3px;
  padding: 5px;
  cursor: pointer;
}

.btn:hover {
  border-style: solid;
  border-color: #fcb912;
  color: #fcb912;
  background-color: transparent !important;
  font-family: "Open sans" !important;
}
/* fin btn */

/* img */
.placementImg {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}

.inverted1 {
  margin-top: -110px;
  color: #fcb912 !important;
  font-family: "Open Sans";
  font-weight: bold !important;
}
/* fin img */

/* counters */
.circle-counter.greenColor .circle-bar {
  stroke: #c0ca09;
  stroke-width: 5px;
}

.circle-counter.redColor .circle-bar {
  stroke: #e40429;
  stroke-width: 5px;
}

.circle-counter.blueColor .circle-bar {
  stroke: #2097bf;
  stroke-width: 5px;
}

.circle-counter.yellowColor .circle-bar {
  stroke: #fcb912;
  stroke-width: 5px;
}

.titleCounters {
  font-family: "Open sans";
  font-size: 1.8rem;
  line-height: 3rem;
  color: #6b696a;
}

.contentCountersBlue {
  color: #2097bf;
  font-family: "Open Sans";
  font-size: 1rem;
  text-align: center;
  margin-bottom: -0.1rem;
  margin-top: -1.3rem;
}

.circle-counter {
  margin-bottom: 30px !important;
}
/* fin counters */

/* gallery img */
.contentswap-effect{
  cursor: default !important;
}
/* end gallery img */

/* team list */
.avatar .placementImg{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 10px !important;
  margin-bottom: 30px !important;
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
max-width: 100%;}

.team-template-default .hero-title{
  display: none;
}

.bloc-zone {
  background: white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  border-radius: 7px;
  padding: 20px;
}

.bloc-zone .avatar .placementImg {
  margin-bottom: 15px !important;
}

.members-link{
  text-decoration: none;
}
.member-region{
  font-family: "Open Sans";
  color: #2097bf;
  letter-spacing: 1px !important;
  margin-bottom: 1px;
text-transform:uppercase;
}
.member-name{
  font-family: "Open Sans";
  color: #2097bf;
  letter-spacing: 1px !important;
  margin: 0px 0px 20px;
	font-size:1.1rem;
}

.member-job{
  font-family: "Open Sans";
  color: #fcb912;
  letter-spacing: 1.5px !important; 
  margin-bottom : 5px !important;
}
.correspondant{
	font-family: "Open Sans";
  color: #6b696a;
  font-size: 0.8rem;
	font-weight:800;
	margin-bottom:0;
}
.member-contact{
  font-family: "Open Sans";
  color: #6b696a;
  font-size: 0.8rem;
  line-height : 20px;
}

.member-contact:last-child{
  margin-bottom:10px;
}

.member-contact-mail::before{
  content: "\f0e0";
  font-family: "FontAwesome";
  font-weight: 400;
}
.member-contact-phone{
	font-size:0.9rem;
	color:#6b696a;
}

.member-contact-phone::before{
  content: "\f095";
  font-family: "FontAwesome";
  font-weight: 400;
}

.member-social::after{
  content: "\f08c";
  font-family: "FontAwesome";
  font-weight: 400;
	font-size:0.3em;
}

.coordonnees{
  padding: 2rem;
}

/* Flip card */
 .card {
  position: relative;
  height: 18em;
  perspective: 150em;
}

.card__side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: all 0.6s ease;
  box-shadow: 1em 1em 2em rgba(0, 0, 0, .2);
}
.card__side--front {
  background-color: #fff;
}

.card__side--back {
  color: #fff;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(-180deg);
}

.card:hover .card__side--front {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
}
.card:hover .card__side--back {
  transform: rotate(0);
  -webkit-transform: rotateY(0);
}
.card__description {
  font-size: 5em;
}

.card__side--front .card__description{
  padding: 20px;
}

.card__side--back .card__description{
  padding: 30px;
}

.title-section{
  color: #fcb912;
  font-family: "Open sans";
  font-size: 0.7rem;
  margin-bottom: -10px !important;
}

.title-job{
  color: #fcb912;
  font-family: "Open sans";
  font-size: 1rem;
  font-weight: 700;
}

.lead-card{
  font-family: "Open Sans";
  color: #6b696a;
  font-size: 0.7rem;
  line-height: 17px; 
}

.fixed-bottom{
  position: fixed;
  bottom: 20px;
  right: 20px;
} 
/* end flip card */

/* pills  */
.pills { 
  border-radius: 7px;
  width: 100%;
  color: white !important;
  padding: 7px;
  box-shadow: 1em 1em 2em rgba(0, 0, 0, .2);
  cursor: pointer;
}

.activePills {
  border-bottom-style: solid;
  border-bottom-color: #6b696a;
  border-bottom-width: 0.7rem;
}
/* end pills  */
/* end team list */

/* BLOG  */
.titleBlogList {
  color: #2097bf;
  font-family: "Open Sans";
  font-weight: bold;
}

.titleBlogList:hover {
  color: #fcb912;
}

.titleBlog {
  font-family: "Open Sans";
  color: #2097bf;
}

.post-item {
  border-style: none !important;
}

.post-list .post-list-item .card:hover {
  border-style: solid !important;
  border-width: 3px !important;
  border-color: #fcb912 !important;
}

.nav-links {
  border-color: #fcb912 !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.post-title {
  line-height: 1rem !important;
}

.blog .header-wrapper .hero-title {
  display: none !important;
}

.post-template-default .header-wrapper .hero-title {
  display: none !important;
}
/* FIN BLOG */

/* Form */
.btnsubmit {
  border-style: solid;
  border-color: #2097bf;
  background-color: #2097bf ;
  font-family: "Open Sans" !important;
  color: white;
  cursor: pointer;
}

.btnsubmit:hover {
  border-style: solid;
  border-color: #2097bf;
  background-color: transparent !important;
  color: #2097bf;
  font-family: "Open Sans" !important;
  cursor: pointer;
}



.btnsubmit1 {
  border-style: solid;
  border-color: #fcb912;
  background-color: #fcb912 ;
  font-family: "Open Sans" !important;
  color: white;
  cursor: pointer;
}

.btnsubmit1.activePills {
  border-style: solid;
  border-color: #fcb912;
  background-color: transparent !important;
  color: #fcb912;
  font-family: "Open Sans" !important;
  cursor: pointer;
}

.nf-form-fields-required {
  display: none !important;
}

.nf-form-title {
  display: none !important;
}

input {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
  border-radius: 0 !important;
}

textarea {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
  border-radius: 0 !important;
}

.card-contact {
  padding: 24px 40px;
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);
}

.card-contact .no-padding {
  padding: 0 0 1rem;
}
.card-contact {
  padding: 24px 40px;
  background-color: #fff;
  box-shadow: 0px 0px 3px 0 rgba(189,189,189,.4), 0px 2px 3px 0 rgba(189,189,189,.3), 0 2px 3px rgba(0,0,0,.08);
}

.contact-form-wrapper label{
  font-family: "Open sans" !important;
  color: #2097bf !important;
  font-weight: 400 !important;
}
/* end Form */
.card[class*="bottom-border-"] {
  border-bottom-width: 5px !important;
}

.borderCard {
  border-color: #fcb912 !important;
  border-style: solid !important;
  border-top-width: 1px !important;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

/* POSITION */
.alignSelfCenter {
  align-self: center;
}

.text-left {
  text-align: left;
}
/* END POSITION */

/* MARGIN */
.marginBottom {
  margin-bottom: 3rem;
}

.marginBottom1 {
  margin-bottom: 2rem;
}

.middle-sm {
  align-items: flex-start !important;
  margin-bottom: 4rem !important;
}

.margin-button{
  margin-right: 0.5rem;
}
/* end margin*/


/* PADDING */ 
.padding-job{
  padding: 1rem;
}
/* END PADDING */ 

/*  MAP */
.wsp-pages-title {
  display: none !important;
}

.wsp-posts-title {
  display: none !important;
}

.wsp-category-title {
  color: #fcb912 !important;
}

.wsp-post > a {
  color: #2097bf !important;
  cursor: pointer;
}

.wsp-post > a:hover {
  color:#fcb912 !important;
}

.wsp-category-title > a {
  color: #2097bf !important;
}

.page_item li a {
  text-decoration: none !important;
}
/* END MAP */

.mapp-layout .mapp-left .mapp-leaflet  .mobile .mapp-align-center{
  width: 100%;
}

.shadow-job{
  -webkit-box-shadow: 7px 6px 10px -5px rgba(105,107,106,1);
  -moz-box-shadow: 7px 6px 10px -5px rgba(105,107,106,1);
  box-shadow: 7px 6px 10px -5px rgba(105,107,106,1);
}

/* END BODY */

/* FOOTER */
.footer a {
  color: #9b9b9b !important;
}

.footer a:hover {
  color: #fcb912 !important;
}

.footer a .fa,
.footer .fa {
  color: white;
}

.fa.fa-linkedin-square {
  color: #0077b5 !important;
  font-size: 3rem;
}

.copyright {
  color: #8e9dae !important;
}

.hoverFooterLink {
  color: #9b9b9b !important;
  text-decoration: none;
  font-size: 0.8rem;
  margin-top: -5px !important;
}
.hoverFooterLink:hover {
  color: #fcb912 !important;
}

.widgettitle {
  font-family: Muli, Helvetica, Arial, sans-serif;
  color: white !important;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  font-size: 0.8rem !important;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #414042 !important;
  text-decoration: none;
  margin-bottom: -0.1px;
}

.titleCard {
  color: #2097bf !important;
  font-family: "Open Sans";
}

.titleCard1 {
  color: #fcb912 !important;
  font-family: "Open Sans";
}

#text-18 #text-13 #text-15 {
  min-height: 170px;
}

.bottom-bar .footer-bg-accent {
  background-color: #e6e7e8 !important;
}

.footer .bottom-bar {
  background-color: #e6e7e8 !important;
  margin-top: 1rem;
}

.copyright {
  font-size: 0.8rem !important;
  color: #414042 !important;
}
/* FIN FOOTER */

/* MEDIA QUERIES */
@media screen and (max-width: 1024px) {
	.card, .card__side {
  height: 24em;
	}
}
@media screen and (max-width: 768px) {
	.card, .card__side {
  height: 28em;
	}
  .lead {
    font-family: "Open Sans";
    color: rgb(9, 20, 67);
    font-size: 0.97rem;
    line-height: 1.7rem;
    text-align: center;
  }

  #scrollUp {
    opacity: 1 !important;
    height: 40px !important;
    width: 30px !important;
    border-radius: 7px !important;
    padding-top: 10px !important;
    line-height: 10px !important;
  }

  .icon-up-open {
    margin-top: -10px;
    font-size: 1rem;
  }

  .text-left {
    text-align: center !important;
  }

  .space-bottom-xs,
  .navigation-c,
  .section-title-col > *:last-child {
    margin-bottom: 0.3rem;
  }

}


@media screen and (max-width: 600px) {

  #button-need{
    display: none !important;
  }

  .header-homepage h1.hero-title{
    font-size: 2.9rem !important;
  }

  .pills { 
    border-radius: 7px;
    width: 100%;
    color: white !important;
    padding: 7px;
    cursor: pointer;
    box-shadow: 0em 0em 0em rgb(255, 255, 255);
    min-height: 100px;
    min-width: 120px;
  }

  .scrolling-wrapper-flexbox {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .scrolling-wrapper-flexbox .pills {
    flex: 0 0 auto;
    margin-right: 3px;
    flex-basis: 30%;
  }
  
  .scrolling-wrapper-flexbox {
    min-height: 80px;
    margin-bottom: 20px;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .scrolling-wrapper-flexbox::-webkit-scrollbar {
    display: none;
  }
}
/* FIN MEDIA QUERIES */

/* SCROLL HORIZONTAL VIEW */
.scrolling-wrapper-flexbox {
  display: none;
}
/* SCROLL HORIZONTAL VIEW */