/**** Header ****/
html {
    overflow-x: hidden;
}

/*** Gtranslate arabic ***/
html[lang="ar"][dir="rtl"] body {
    direction: ltr !important;
    text-align: left !important;
}
html[lang="ar"][dir="rtl"] .navbar {
    direction: ltr !important;
    text-align: left !important;
}
html[lang="ar"][dir="rtl"] .nav-link {
    direction: ltr !important;
    text-align: left !important;
}
/*** Fin Gtranslate arabic ***/


.tp-caption.boxshadow, .boxshadow {
    box-shadow: none !important;
}

img {
    max-width: 100%;
}

/** menu **/
nav {
    /**border-bottom: 1px solid #ccc;**/
}

.navbar-brand img {
    max-height: 42px;
}

.nav-item a {
    text-transform: uppercase;
    font-family: Poppins, serif;
    font-weight: 500;
    font-size: 13px;
    /**color: #076bb3 !important;**/
    color: #5897ad !important;
    
}

.navbar-light .navbar-toggler {
    border: 0;
    font-size: 27px;
}

.navbar-light .open .navbar-toggler-icon.login {
    background-image: url(../images/login.svg);
}

.navbar-light .open .navbar-toggler-icon {
    background-image: url(../images/menu.svg);
}

.closeNav {
    padding-right: 0;
}

.navbar-light .closeNav .navbar-toggler-icon {
    background-image: url(../images/icon-close-black.svg);
}

.connexion button, .sinscrire button {
    color: white;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 0;
    padding: 7px 25px;
    font-size: 12px;
}

.connexion button {
    background: url("../images/bg/bg-button-connexion.jpg") repeat-x;
}

.sinscrire button {
    background: url("../images/bg/bg-button-inscrire.jpg") repeat-x;
}

/**** Slider ****/
.img-register {
    max-width: 410px;
    margin-top: -185px;
}

.img-register2 {
    max-width: 410px;
    margin-top: -105px;
}

#slider-register span {
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    color: #115665;
    font-size: 40px;
    position: relative;
    top: -145px;
    left: -45px;
    text-transform: uppercase;
}

a#slider-register:hover {
    text-decoration: none;
}


#slider-register2 span {
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    color: #115665;
    font-size: 40px;
    position: relative;
    top: -115px;
    left: -45px;
    text-transform: uppercase;
}

a#slider-register2:hover {
    text-decoration: none;
}


/**** Body ****/
section {
    padding-bottom: 1.5rem !important;
}

section:not(#ccm) {
    padding-top: 1.5rem !important;
}

section#presse {
    background: #f5f5f5;
}

section#social-icons {
    padding: 10px !important;
}

section#ccm {
    margin-top: -35px;
    margin-bottom: 25px;
}

.home h2 {
    text-transform: uppercase;
    font-size: 32px;
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    color: #e7653f;
}

.home h2 span {
    color: #f29d49;
}

.home .headling {
    margin-bottom: 35px;
}

.home button.plus, .home button.decouvrir {
    margin-top: 35px;
    padding: 10px 35px;
    -webkit-border-radius: 30px; /*Safari, Chrome*/
    -moz-border-radius: 30px; /*Firefox*/
    border-radius: 30px;
    border: 0;
    color: #fff;
}

.home button.plus:hover {
}

/** Video **/
section#video {
    background: url("../images/bg-video.jpg") no-repeat center center;
}

#video iframe {
    -webkit-border-radius: 10px; /*Safari, Chrome*/
    -moz-border-radius: 10px; /*Firefox*/
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#fff)"; /*IE 8*/
    -moz-box-shadow: 0 0 0 10px #fff; /*FF 3.5+*/
    -webkit-box-shadow: 0 0 0 10px #fff; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 0 8px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); /*IE 5.5-7*/
}

.youtube-player-img {
    -webkit-border-radius: 10px; /*Safari, Chrome*/
    -moz-border-radius: 10px; /*Firefox*/
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#fff)"; /*IE 8*/
    -moz-box-shadow: 0 0 0 10px #fff; /*FF 3.5+*/
    -webkit-box-shadow: 0 0 0 10px #fff; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 0 8px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); /*IE 5.5-7*/
}
.youtube-player2-img {
    -webkit-border-radius: 10px; /*Safari, Chrome*/
    -moz-border-radius: 10px; /*Firefox*/
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#fff)"; /*IE 8*/
    -moz-box-shadow: 0 0 0 10px #f29d49; /*FF 3.5+*/
    -webkit-box-shadow: 0 0 0 10px #fff; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 0 8px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); /*IE 5.5-7*/
}




#video h2 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 39px;
}

#video button {
    background-color: #f2ba44;
    color: #fff;
    font-family: "Poppins", serif;
    font-weight: 600;
    font-size: 21px;
}

#video button:hover {
    background: #f6a700;
}

/** Comment ça marche **/

#ccm iframe {
    -webkit-border-radius: 10px; /*Safari, Chrome*/
    -moz-border-radius: 10px; /*Firefox*/
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#fff)"; /*IE 8*/
    -moz-box-shadow: 0 0 0 15px #fff; /*FF 3.5+*/
    -webkit-box-shadow: 0 0 0 15px #fff; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 0 15px #fff; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); /*IE 5.5-7*/
}

#ccm button {
    background: #038cb8;
    font-size: 21px;
    font-family: Poppins, serif;
    padding: 10px 60px;
    background: -moz-linear-gradient(45deg, #19ADD2 22%, #038DB9 66%); /* FF3.6+ */
    background: -webkit-gradient(linear, 45deg, color-stop(22%, 19 ADD2), color-stop(66%, 038 DB9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #19ADD2 22%, #038DB9 66%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #19ADD2 22%, #038DB9 66%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #19ADD2 22%, #038DB9 66%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(45deg, #19ADD2 22%, #038DB9 66%); /* W3C */
}

#ccm button:hover {
    background: -moz-linear-gradient(45deg, #038DB9 22%, #19ADD2 66%); /* FF3.6+ */
    background: -webkit-gradient(linear, 45deg, color-stop(22%, 038 DB9), color-stop(66%, 19 ADD2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #038DB9 22%, #19ADD2 66%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #038DB9 22%, #19ADD2 66%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #038DB9 22%, #19ADD2 66%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background: linear-gradient(45deg, #038DB9 22%, #19ADD2 66%); /* W3C */
}

#ccm p {
    font-family: Poppins, serif;
    font-size: 20px;
    font-weight: 300;
}

#ccm p strong {
    font-weight: 600;
}

#ccm img {
    max-width: 80%;
}

/** Partners **/
.owl-carousel .owl-item img {
    width: initial;
}

.owl-prev {
    margin-left: 2px;
}

.owl-next {
    right: 2px;
}

.owl-next, .owl-prev {
    top: -20%;
    width: 15px;
    height: 100px;
    position: absolute;
    display: block !important;
    border: 0px solid black;
}

.owl-prev i, .owl-next i {
    transform: scale(1, 6);
    color: #ccc;
}

.owl-nav img {
    max-height: 15px;
}

.owl-stage-outer img {
    max-height: 70px;
}

/** Presse **/
.presse img {
    max-height: 60px;
}

.logo {
    margin-bottom: 25px;
}

.presse h2 {
    color: #000;
}

/** Social icons **/
.social a {
    display: inline-flex;
    padding: 4px;
}

.social a img {
    max-height: 43px;
}

.social #app img {
    max-height: 76px;
}

/**** footer ****/
footer.bg-blue {
    background-color: #6dbdd9;
}

footer.py-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
}

footer .menu {
    margin-bottom: 15px !important;
}

footer .menu a {
    color: white;
    font-size: 17px;
    font-weight: 600;
}

footer p.copyright {
    /**font-family: "Montserrat", serif;**/
	font-family: Poppins, serif;
    font-size: 16px;
    font-weight: normal;
	
}

/***** sticky header ***/
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.sticky + .content {
    padding-top: 102px;
}

/************* Mobile Menu ******************/
.nav-link .fa-long-arrow-alt-right {
    float: right;
}

.fa-long-arrow-alt-right:before {
    content: "🠒";
    font-size: 40px;
    line-height: 27px;
}

#myHeader {
    z-index: 1001;
}

.mobile-menu li {
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
    padding: 0.5rem 1rem;
}

.mobile-menu li.btns-first {
    border: 0;
    margin-top: 20px;
}

.mobile-menu li.btns-last {
    padding-bottom: 25px;
}

.mobile-menu li.active {
    background: white;
    border: 3px solid #fbc30c;
    border-left: 0;
    border-right: 0;
}

.mobile-menu li.active a {
    color: #4dc0dd !important;
}

.mobile-menu li.active span {
    color: #fbc30c !important;
}

.mobile-menu li span.icon-long-right-arrow {
    float: right !important;
}

.mobile-menu li > a {
    color: #fff !important;
    font-size: 20px;
    font-weight: 300;
    padding: 0;
}

.mobile-menu .dropdown-toggle:after {
    float: right;
    margin-top: 15px;
}

.mobile-menu .dropdown-menu {
    position: static;
    float: none;
    transform: none !important;
    position: unset !important;
    padding: 0;
    background: none;
    border: none;
}

.mobile-menu .dropdown-menu a.nav-link {
    color: #fff !important;
    font-size: 20px;
    padding-top: 0;
}

.mobile-menu .connexion button, .mobile-menu .sinscrire button {
    color: white;
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    padding: 15px 25px;
    font-size: 17px;
    width: 335px;
}

/* The Overlay (background) */
.overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: -100%;
    top: 0;
    background-color: #4dc0dd;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    z-index: 100;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 10%;
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #4dc0dd;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: -30px;
    right: 0;
    font-size: 60px;
}

/*************** Gagnants ****************/
#gagnants img {
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=124, Color=#C4C4C4)"; /*IE 8*/
    -moz-box-shadow: 2px 3px 10px 2px #C4C4C4; /*FF 3.5+*/
    -webkit-box-shadow: 2px 3px 10px 2px #C4C4C4; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 2px 3px 10px 2px #C4C4C4; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#C4C4C4); /*IE 5.5-7*/
}

#gagnants .col-sm-6 {
    margin: 15px 0;
    padding: 5px 35px;
}

#gagnants h3 {
    font-family: "Montserrat", serif;
    font-weight: 500;
    font-style: italic;
    margin-top: 15px;
    font-size: 27px;
}

/************* Comment ça marche **************/
#ccmp h1 {
    color: #f1c126;
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    font-size: 56px;
    text-align: right;
    line-height: 47px;
}

#ccmp h1 span {
    /**color: #1472b3;**/
    color:#6dbdd9;
}

#ccmp h2 {
    color: #f2d5b6;
    text-align: right;
    font-size: 27px;
    padding-top: 26px;
}

#ccmp img {
    max-width: 100%;
}

#ccmp h3 {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-size: 27px;
    margin-bottom: 20px;
}

#ccmp h3 b {
    font-weight: 700;
    text-transform: uppercase;
}

#ccmp p {
    font-family: "Poppins", serif;
    font-size: 21px;
}

#ccmp .row {
    margin-bottom: 50px;
}


/*** login ****/

#login h1 {
    color: #f1c126;
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    font-size: 56px;
    text-align: center;
    line-height: 47px;
}

#login h1 span {
    color: #1472b3;
}

#login h2 {
    color: #f2d5b6;
    text-align: right;
    font-size: 27px;
    padding-top: 26px;
}

#login img {
    max-width: 100%;
}

#login h3 {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-size: 27px;
    margin-bottom: 20px;
}

#login h3 b {
    font-weight: 700;
    text-transform: uppercase;
}

#login p {
    font-family: "Poppins", serif;
    font-size: 21px;
}

#login .row {
    margin-bottom: 50px;
}


#pubs h3 {
    font-size: 21px;
    padding: 5px;
    font-family: "Geeza Pro", serif;
}

#pubs {
    font-family: "poppins", serif;
}

#pubs img {
    max-width: 100%;
}

#pubs .pts {
    display: block;
    font-size: 67px;
    font-weight: 900;
}

#pubs .points {
    margin-top: -15px;
    display: block;
}

#pubs .duration {
    display: block;
    margin-top: 25px;
    background: #fafafa;
    padding: 15px;
}

#pubs .col-sm-4 {
    margin-bottom: 25px;
    padding: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#000000)"; /*IE 8*/
    -moz-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.3); /*FF 3.5+*/
    -webkit-box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.3); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 0 18px 2px rgba(0, 0, 0, 0.3); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#000000); /*IE 5.5-7*/
}

#loginModal .modal-content, #registerModal .modal-content {
    font-family: "Poppins", serif;
}

#loginModal h1, #registerModal h1 {
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    color: #f8c627;
    font-size: 39px;
    margin-bottom: 35px;
}

#loginModal input, #registerModal input, #registerModal select {
    background: #f1f1f1;
    border: 0;
    font-size: 21px;
    padding: 15px 25px;
}

#registerModal select {
    min-height: 55px;
    padding: 6px 27px !important;
    color: #6c757d;
}

#registerModal input, #registerModal select {
    background: #ffffff;
    padding: 25px 27px;
    border: 1px solid;
    -webkit-border-radius: 15px; /*Safari, Chrome*/
    -moz-border-radius: 15px; /*Firefox*/
    border-radius: 15px;
}

#loginModal .modal-dialog {
    max-width: 500px;
    top: 10%;
}

#registerModal .modal-dialog {
    max-width: 650px;
    top: 10%;
}

.input-group-text {
    border: 0;
    background: #f1f1f1;
    -webkit-border-radius: 0 7px 7px 0; /*Safari, Chrome*/
    -moz-border-radius: 0 7px 7px 0; /*Firefox*/
    border-radius: 0 7px 7px 0;
}

#loginModal .modal-body button, #registerModal .modal-body button {
    font-size: 21px;
    border: 0;
    background: #497eba;
    color: #fff;
    padding: 7px 65px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.modal-header {
    border: 0;
}

#loginModal a {
    color: #497eba;
    font-weight: 500;
}

#registerModal a {
    font-weight: 600;
    color: #f1c126;
}

.modal-footer {
    background: #f1f1f1;
    color: #7d7d78;
    display: unset;
}

.modal-backdrop.show {
    opacity: .7;
}

.modal-backdrop {
    background-color: #fff;
}

body.modal-open .body-content {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

#parrainage {
    padding-bottom: 150px !important;
}

#parrainage p {
    font-family: "Montserrat", serif;
    font-size: 24px;
    font-weight: 600;
    color: #a2a2a2;
    line-height: 27px;
    margin-bottom: 5px;
}

#parrainage p.seconde {
    color: #e1b33d;
}

#parrainage p.code {
    margin-top: 25px;
}

#parrainage p.code span.txt {
    color: #1d447e;
    display: block;
}

#parrainage p.code span.nbr {
    color: #f3c94e;
    display: block;
    font-size: 80px;
    line-height: 73px;
}

#parrainage .row.msg {
    padding-top: 75px;
}

#parrainage .alert-msg {
    background: url("../images/parrainage-msg-bg.png") center center no-repeat;
    background-size: cover;
    font-family: "Montserrat", serif;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 20px;
}

#parrainage table {
    color: #7e7e7e;
    font-family: "Montserrat", serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

#parrainage table .pts {
    color: #e1b33d;
    font-family: "Montserrat", serif;
    font-style: italic;
    text-transform: none;
}

.navigation span {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 5px;
    -webkit-border-radius: 50px; /*Safari, Chrome*/
    -moz-border-radius: 50px; /*Firefox*/
    border-radius: 50px;
}

.navigation span.current {
    background: #e7643f;
}

.navigation span.next {
    background: #e69884;
}

.navigation span.next-1 {
    background: #f4d3ca;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

button.close {
    font-size: 37px;
}

.modal {
    padding-right: 0 !important;
}

/***************** Responsive ***************/
@media screen and (max-width: 576px) {
    .img-register {
        max-width: 210px;
        margin-top: -85px;
    }
    .img-register2 {
        max-width: 210px;
        margin-top: -85px;
    }

    .home h2 {
        font-size: 24px;
    }

    .home .headling {
        margin-bottom: 5px;
    }

    .presse img {
        max-height: 50px;
    }

    .home .headling:not(#ccm .headling) {
        margin-bottom: 25px;
    }

    #ccm button {
        padding: 10px 95px;
    }

    #video iframe {
        height: 350px;
    }
    #ccm iframe {
        height: 350px;
    }

    #slider-register span {
        font-size: 20px;
        top: -75px;
        left: -20px;
    }
     #slider-register2 span {
        font-size: 20px;
        top: -75px;
        left: -20px;
    }

/** ajouté par mh µµ	***/

	#video h2 {		
		font-size: 29px;
	}
	
	#ccmp h1 {
        text-align: left;
		font-size : 42px;
    }
	#ccmp h2 {        
		font-size : 20px;
    }
	#ccmp img {        
		width : 220px;
    }
	#ccmp h3 {        
		font-size : 20px;
    }
	#ccmp p {        
		font-size : 17px;
    }

}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .img-register {
        max-width: 310px;
        margin-top: -115px;
    }
    
    .img-register2 {
        max-width: 310px;
        margin-top: -115px;
    }
    

    #slider-register span {
        font-size: 28px;
        top: -98px;
        left: -35px;
    }
    
    #slider-register2 span {
        font-size: 28px;
        top: -98px;
        left: -35px;
    }
}

@media screen and (max-width: 767px) {
    .presse img {
        max-height: 50px;
    }

    ul.navbar-nav.ml-auto {
        padding-top: 15px;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        max-width: 750px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-collapse {
        border-top: 1px solid #cecaca;
        margin-top: 5px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .nav-item a {
        font-size: 15px;
    }

    img.connexion, img.register {
        max-height: 30px;
    }
}

@media screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .7rem;
        padding-left: .7rem;
    }

    .connexion, .sinscrire {
        padding-top: 0;
    }

    .active.nav-item a {
        color: #fbc30c !important;
        border-bottom: 2px solid;
    }

    .nav-item a:hover {
        color: black !important;
    }
}

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

    #ccmp .container {
        max-width: 750px;
    }
}

@media (min-width: 576px) {
    #pubs .offset-sm-2 {
        margin-left: 11.11111111%;
    }

    #parrainage .right {
        padding: 50px 15px 15px 45px;
    }
}



/**** login et subscription ****/

#loginModal2 .modal-content, #registerModal2 .modal-content {
    font-family: "Poppins", serif;
	border:0;
}

/**#loginModal2 h1, #registerModal2 h1 {
    font-family: "Fieldwork Hum", serif;
    font-weight: 900;
    font-style: italic;
    color: #f8c627;
    font-size: 59px;
    margin-bottom: 35px;
}**/


#loginModal2 h1, #registerModal2 h1 {
    color: #f1c126;
    font-family: "Montserrat", serif;
    font-weight: 900;
    font-style: italic;
    font-size: 39px;    
    line-height: 47px;
	margin-bottom: 55px;
}

#loginModal2 h1 span,  #registerModal2 h1 span{
    color: #1472b3;
}


#loginModal2 input, #registerModal2 input, #registerModal2 select {
    background: #f1f1f1;
    border: 0;
    font-size: 21px;
    padding: 15px 25px;
}

#registerModal2 select {
    min-height: 55px;
    padding: 6px 27px !important;
    color: #6c757d;
}

#registerModal2 input, #registerModal2 select {
    background: #ffffff;
	/**background:#f1f1f1;**/
    padding: 25px 27px;
    border: 1px solid;
	border:1;
    -webkit-border-radius: 15px; /*Safari, Chrome*/
    -moz-border-radius: 15px; /*Firefox*/
    border-radius: 15px;
}
#loginModal2 input, #loginModal2 select {
   background:#f1f1f1;
   border:0;
   font-size:21px;
}

#loginModal2 .modal-dialog {
    max-width: 500px;
    top: 10%;
}

#registerModal2 .modal-dialog {
    max-width: 650px;
    top: 10%;
}

.input-group-text {
    border: 0;
    background: #f1f1f1;
    -webkit-border-radius: 0 7px 7px 0; /*Safari, Chrome*/
    -moz-border-radius: 0 7px 7px 0; /*Firefox*/
    border-radius: 0 7px 7px 0;
}

#loginModal2 .modal-body button, #registerModal2 .modal-body button {
    font-size: 21px;
    border: 0;
    /**background: #497eba;**/
    background:#19add2;
    color: #fff;
    padding: 7px 65px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.modal-header {
    border: 0;
}

#loginModal2 a {
    /**color: #497eba;**/
    color: #5897ad;
    font-weight: 500;
}

#registerModal2 a {
    font-weight: 600;
    color: #f1c126;
}

.modal-footer {
    /**background: #f1f1f1;**/
	background: #fff;
    color: #7d7d78;
    display: unset;
}

.modal-backdrop.show {
    opacity: .7;
}

.modal-backdrop {
    background-color: #fff;
}

.card-header{
	background: url(../images/fond_collapse.png) repeat-x;
	height:80px;
	border:0;
}
.card{border:0;margin-bottom:10px;}
.card-body{color:#7b7d7c;background-color: #fff9ed;}

#parrainage2 {
    padding-bottom: 10px !important;
    margin-top: 25px !important;
}

#parrainage2 p {
    font-family: "Montserrat", serif;
    font-size: 24px;
    font-weight: 600;
    color: #a2a2a2;
    line-height: 27px;
    margin-bottom: 5px;
}
.btn-collapse{color:#fff;font-family: Poppins, serif;font-weight: 500;}

 
 /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
 
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
} 
.instagram{
	background: #c53e7c;
	color:white;
}

/**** Gtranslate *********/
.gt-lang-code {
font-size:11pt!important;
}
.gt-current-lang img {
width:18px!important;
}
.gt-current-lang {
padding: 5px 8px!important;
}
.gt_options a {
font-size:11pt!important;
padding: 8px 10px!important;
}
.gt_options a img {
width:25px!important;
}
.gt_float_switcher {
font-size:16px!important;
}