/*------ Vendor CSS --------*/
@import url('css/bootstrap.min.css');
@import url('css/elegant.css');
@import url('css/slick.css');
@import url('css/slick-theme.css');
@import url('css/font-awesome.min.css');
/*------ Fonts --------*/
@import url('css/fonts.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,500,600,700');


body {
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
	margin: 0;
	line-height: 1.3;
}

img {
    height: auto;
	max-width: 100%;
}

a,
button {
    transition: 0.3s all linear;
	-webkit-transition: 0.3s all linear;
	-moz-transition: 0.3s all linear;
	-o-transition: 0.3s all linear;
	-ms-transition: 0.3s all linear;
}

a {
    color: #00b4c7;
}

a:hover,
a:focus {
    color: #018f9e;
	text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

h4 {
	margin-bottom: 15px;
}

p:last-child {
	margin-bottom: 0;
}

.btn {
    background-color: #00b4c7;
    border: none;
    border-radius: 0;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;

    position: relative;
    text-align: center;
    line-height: 1;

    font-weight: 600;
    font-size: 15px;
    padding: 15px 22px 13px 20px;

    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
}
.outline-btn {
    color:  #fff;
    font-size:  30px;
    font-weight:  500;
    line-height:  1;
    letter-spacing: 0.03em;
    display: inline-block;
    padding:  9px 21px 8px 17px;
    border: solid 2px #fff;
}
.outline-btn span {
    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    margin-top: -8px;
    vertical-align: middle;
}
.outline-btn:hover{
    color: #f4ad0d;
    background-color: #fff;
}
.outline-btn.blue {
    border-color: #20d1e4;
}
.outline-btn.blue:hover,
.outline-btn.blue:focus{
    background-color: #20d1e4;
    color: #fff;
}
.large-btn {
    display: block;
    text-align:  center;
    font-size: 26px;
    font-weight:  600;
    text-transform:  uppercase;
    padding: 1.85em 1em;
    color:  #fff;
    background-color:  #018f9e;
}
.large-btn.light{
    background-color: #04d1e7;
}
.large-btn:hover,
.large-btn:focus{
    color: #fff;
}
.large-btn.light:hover,
.large-btn.light:focus{
    background-color: #018f9e;
}
.btn:hover,
.btn:focus{
    color: #fff;
    background-color: #018f9e;
}
button:focus,
.btn:focus{
    outline: none;
    box-shadow: none;
}

/*========================================
							Global Header
==========================================*/
.navbar-toggler {
    padding:  0;
    border: none;
}
.navbar-toggler-icon {
    display:  block;
    width:  auto;
    height:  auto;
}
.icon-bar {
    display:  block;
    width: 32px;
    height:  2px;
    background-color:  #fff;
}
.icon-bar+.icon-bar {
    margin-top: 4px;
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
}
.navbar{
    padding: 0;
}
.visible-small-device{
    display: none;
}
.top-header {
    padding:  38px 0 15px;
}
.header-title,
.header-item h2 {
    font-weight: bold;
    font-size:  36px;
    color:  #00b4c7;
    margin-bottom:  20px;
}
.header-item {
    text-align:  right;
}
.header-item .link {
    display:  inline-block;
    position:  relative;
    padding: 0 23px;
    font-weight:  600;
}
.global-header {
    font-size:  14px;
}
.top-header a {
    color: #5f6971;
}
.header-item .link:before {
    position:  absolute;
    content: '';
    width: 1px;
    height: 85%;
    background-color: #5f6971;
    right: -3px;
    top: 1px;
}
.header-item .link:last-child {
    padding-right:  0;
}
.header-item .link:first-child {
    padding-left:  0;
}
.header-item .link:last-child:before {
    content: none;
}
.top-header a:hover, .top-header a:focus {
    color:  #00b4c7;
}
.site-navigation {
    background-color:  #00b4c7;
    position: relative;
    z-index: 11;
}
.site-navigation.sticky{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}
.site-navigation a {
    color:  #fff;
}
.navbar-nav{
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.nav-item {
    text-align:  center;
    font-weight:  600;
    font-size:  17px;
    padding: 12px;
    line-height: 1.25;
    display: table;
}
.nav-item a{
    height: 42px;
    display: table-cell;
    vertical-align: middle;
}






/*=============================================
				Banner Section
===============================================*/
.slick-dotted.slick-slider {
    margin-bottom:  0;
}
.slick-dots li button,
.slick-dots li {
    width:  25px;
    height:  25px;
}
.slick-dots li button:before {
    width: 68%;
    height: 68%;
    left: 50%;
    top: 50%;
    background-color:  transparent;
    content:  '';
    opacity:  1 !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s all linear;
    -moz-transition: .3s all linear;
    -o-transition: .3s all linear;
    -ms-transition: .3s all linear;
    transition: .3s all linear;
}
.slick-dots li button:hover:before{
    background-color:  rgba(144, 144, 144, 0.7);
}
.slick-dots li.slick-active button:before{
    background-color: #d40808;
}
.slick-dots li button{
    background-color:  #000000;
}
.slick-dots li {
    margin: 0 6px;
}
.slick-dots {
    padding:  64px 0 93px;
    bottom: 0;
    background-color: rgba(211, 204, 198, 0.51);
}
.height-672 .slick-slide img {
    height:  672px;
    width: 100%;
    object-fit: cover;
}
.banner-block {
    position:  relative;
}
.banner-block .slider-content {
    position:  absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    z-index:  10;
}
.slider-content .container,
.slider-content .row,
.slider-content .text {
    height:  100%;
}
.slider-content .text {
    color:  #fff;
}
.slider-content h2 {
    font-family: 'BebasNeueBold', sans-serif;
    font-size: 96px;
    line-height: 0.9;
    letter-spacing: 0.01em;
}
.slider-content p {
    font-size:  23px;
    margin-bottom:  12px;
}
.slider-content .text .inner {
    padding-top: 42px;
}
.slick-next {
    right: 50%;
    transform: translateX(18px);
}
.slick-prev {
    left:  50%;
    transform: translateX(-18px);
}
.slick-prev, .slick-next {
    bottom: 13px;
    top: auto;
    z-index: 2;
}
.slick-prev:before, .slick-next:before {
    color:  #000;
    opacity:  1;
    font-family:  FontAwesome;
}
.slick-prev:hover:before,
.slick-next:hover:before{
		color: #ec1f27;
}
.slick-prev:before {
    content: "\f104";
}
.slick-next:before {
    content: "\f105";
}
.banner-block.height-672 .outline-btn span,
.cta-block .outline-btn span{
    font-size: 0.7666em;
    margin-top: 0;
}

/*=============================================
                Intro Section
===============================================*/
.intro-block{
    position: relative;
    z-index: 10;
}
.button-slider .row{
    margin: 0;
}
.button-slider [class*='col']{
    padding: 0;
}
.button-slider {
    margin-top: -25px;
}
.intro-wrapper {
    padding:  80px 0 70px;
}
.icon-block {
    text-align:  center;
    cursor:  default;
}
.icon-block .hover-visible {
    display:  none;
}
.icon-block:hover .hover-visible {
    display:  inline;
}
.icon-block:hover .me-visible {
    display:  none;
}
.icon-block .img-wrap {
    margin-bottom: 25px;
}
.icon-block__label,
.icon-block h4 {
    font-size:  18px;
    font-weight: bold;
}
.icon-block__label:last-child,
.icon-block h4:last-child {
    margin-bottom:  0;
}
.icon-block__label a ,
.icon-block h4 a {
    color:  #141311;
}
.icon-block.blue:hover .icon-block__label,
.icon-block.blue:hover h4,
.icon-block.blue:hover a {
    color:  #00b4c7;
}

.icon-block.green:hover .icon-block__label,
.icon-block.green:hover h4,
.icon-block.green:hover a {
    color:  #bbd230;
}

.icon-block.red:hover .icon-block__label,
.icon-block.red:hover h4,
.icon-block.red:hover a {
    color:  #da2845;
}


/*=============================================
                Prevention Section
===============================================*/
.prevention-week {
    padding:  84px 0 70px;
    background-color:  #f3f4f4;
}
.prevention-week h3 {
    font-size:  30px;
    text-transform:  uppercase;
    font-weight:  700;
    margin: 0 0 20px;
}
.prevention-week p {
    line-height: 1.5;
    margin-bottom:  25px;
}
.prevention-week p:last-child {
    margin-bottom:  0;
}
.iframe-wrap {
    margin-bottom:  25px;
}
.youtube-video p {
    font-size:  17px;
    font-weight:  500;
}

/*=============================================
                CTA Block
===============================================*/
.cta-block {
    padding:  72px 0 80px;
    background-color:  #fec00e;
    color:  #fff;
}
.cta-block h5 {
    font-size:  32px;
    font-weight:  400;
    margin: 10px 0 18px;
}
.cta-block .outline-btn {
    font-size:  38px;
    border-width:  3px;
    padding: 13px 28px 10px;
	margin-top:20px;
}
.cta-block p {
    font-size:  25px;
    margin-bottom:  12px;
}
.cta-block p:last-child {
    margin-bottom:  0;
}
.cta-block .img-wrap {
    margin-left: -35px;
}


/*=============================================
                    Site Footer
===============================================*/
.main-footer {
    padding:  40px 0 55px;
    background-color:  #212121;
    color:  #ffffff;
}
.footer-widget {
    max-width:  360px;
    font-size: 14px;
}
.footer-widget p {
    margin-bottom:  30px;
    line-height:  1.7;
}
.footer-widget p:last-child {
    margin-bottom:  0;
}
.footer-widget ul {
    list-style:  none;
    padding:  0;
    margin: 0;
}
.footer-widget li {
    padding: 6px 0 5px;
    border-bottom: solid 1px #474646;
}
.footer-widget a {
    color:  #fff;
}
.footer-widget a:hover,
.footer-widget a:focus{
    color: #00b4c7;
}
.footer-widget li:last-child {
    border-bottom: none;
}
.footer-social {
    padding-top: 15px;
}
.footer-social__menu,
.footer-widget h5 {
    font-size:  25px;
    margin-bottom:  20px;
}
.footer-social__menu a,
.footer-widget h5 a {
    margin-right: 5px;
}
.footer-social__menu a:last-child,
.footer-widget h5 a:last-child {
    margin-right: 0;
}
.footer-widget .footer-social p {
    font-size:  16px;
    font-weight:  500;
    margin-bottom: 0;
}
.legal-footer {
    padding: 34px 0 32px;
    background-color:  #0f0f0f;
    color:  #fff;
    font-size:  14px;
}

/*=============================================
                    Inner Page
===============================================*/
.nav-item {
    position: relative;
}

.submenu {
    background: #f2f3f3;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 12px;
    list-style: none;
    padding-left: 0;
    position: absolute;
    z-index: 2;
    top: 100%;
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    width: 360px;
}

.nav-item:hover .submenu {
    display: block;
}

.submenu li {
    border-bottom: 1px solid #c8c7c7;
}

.submenu li:last-child {
    border-bottom: none;
}

/*ul.submenu li a {
    color: #161513;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: auto;
    line-height: 20px;
    padding: 15px!important;
    text-align: left;
}*/

ul.submenu li a {
    color: #161513;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: auto;
    line-height: 20px;
        padding: 20px 15px 20px 55px !important;
    text-align: left;
    position: relative;
}

.submenu li a:hover,
.submenu li a.active {
    background: #b2e2e7;
}

.submenu li a span {
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 25px;
}

.banner {
    background: linear-gradient(180deg, #bbd230, #5ad230);
    padding: 60px;
    position: relative;
    text-align: center;
}

.banner:before {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 25px solid #5ad230;
    position: absolute;
    left: 50%;
    top: 99%
}

.blue-banner {
    background: linear-gradient(180deg, #018f9e, #00b4c7);
}

.blue-banner:before {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 25px solid #00b4c7;
}

.yellow-banner {
    background: linear-gradient(180deg, #ffc20e, #e7920d);
}

.yellow-banner:before {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 25px solid #e7920d;
}

.banner__title,
.banner h2 {
    color: #ffffff;
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 70px;
    text-transform: uppercase;
}

.medias-wrap {
    padding: 50px 0;
}

.medias-wrap p {
    color: #000000;
    font-size: 17px;
    line-height: 26px;
}

.medias-info-wrap {
    margin-top: 100px;
}

.like-title {
    background: linear-gradient(180deg, #bbd230, #4ec22a);
    padding-bottom: 15px;
    text-align: center;
}

.unlike-wrap .like-title {
    background: linear-gradient(180deg, #da2845, #8b0f23);
}

.like-icon {
    background: #ffffff;
    border: 3px solid #bbd230;
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    line-height: 96px;
    position: relative;
    text-align: center;
    top: -50px;
    width: 100px;
}

.unlike-wrap .like-icon {
    border: 3px solid #da2845;
}

.like-title h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    margin-top: -40px;
}

.medias-info-wrap ul {
    list-style: none;
    padding-left: 0;
}

.like-wrap ul {
    border: 2px solid #bbd230;
    border-top: none;
}

.unlike-wrap ul {
    border: 2px solid #da2845;
    border-top: none;
}

.medias-info-wrap ul li {
    color: #000000;
    font-size: 16px;
    line-height: 26px;
    padding: 30px;
    padding-left: 55px;
    position: relative;
}

.medias-info-wrap ul li strong {
    color: #bbd230;
    font-weight: 600;
}

.medias-info-wrap ul li:before {
    color: #bbd230;
    content: '\35';
    font-family: 'ElegantIcons';
    font-size: 25px;
    left: 25px;
    position: absolute;
    top: 30px;
}

.medias-info-wrap .unlike-wrap ul li:before {
    color: #da2845;
}

.medias-info-wrap .like-wrap ul li:nth-child(even) {
    background: rgba(179, 209, 48, 0.2);
}

.medias-info-wrap .unlike-wrap ul li:nth-child(even) {
    background: rgba(249, 144, 144, 0.2);
}

.medias-info-wrap p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 15px;
}

.green-circle-wrap {
    padding-top: 60px;
    text-align: center;
}

.green-circle {
    background: linear-gradient(180deg, #bbd230, #5ad230);
    border-radius: 50%;
    display: inline-block;
    min-height: 300px;
    width: 300px;
}

.green-circle h3 {
    color: #ffffff;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    margin-top: 85px;
    text-align: center;
    text-transform: uppercase;
}

.green-circle p {
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.green-circle p strong {
    color: #ffffff;
    font-weight: 600;
}

.plus-icon {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 70px;
    font-weight: 300;
    line-height: 80px;
}

.intro-text-wrap {
    padding: 60px 0;
}

.intro-text-wrap p {
    color: #000000;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
}

.intro-text-wrap .highlight-text {
    color: #00b4c7;
    font-weight: 600;
    padding-top: 15px;
    position: relative;
}

.intro-text-wrap .highlight-text:before {
    background: #00b4c7;
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
}

.second-banner {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

.second-banner-text {
    float: right;
    text-align: left;
    width: 45%;
}

.second-banner-text p {
    color: #ffffff;
    font-size: 22px;
    line-height: 30px;
    margin-top: 100px;
}

.comment-section {
    padding: 60px 0;
}

.section-title {
    margin-bottom: 40px;
    text-align: center;
}

.icon-frame {
    border: 4px solid #00b4c7;
    border-radius: 50%;
    color: #00b4c7;
    display: inline-block;
    height: 100px;
    line-height: 92px;
    margin-bottom: 20px;
    text-align: center;
    width: 100px;
}

.section-title h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
}

.comment-list-wrap {
    margin-left: -30px;
}

.comment-list {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    list-style: none;
    padding-left: 0;
}

.comment-list li {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    padding-left: 60px;
    position: relative;
}

.comment-list li:before {
    color: #00b4c7;
    content: '\35';
    font-family: 'ElegantIcons';
    font-size: 25px;
    left: 30px;
    position: absolute;
    top: 0;
}

.resources-wrap a {
    color: #015e68;
    font-weight: 600;
	text-decoration: underline;
}
.resources-wrap a:hover {
    color: #fff;
    font-weight: 600;
	text-decoration: underline;
}

.testimonial-section {
    background-position: center center;
    padding: 60px 0;
    position: relative;
}

.overlay {
    background-color: rgba(226, 228, 228, 0.6);
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.testimonial-section-inner {
    position: relative;
    z-index: 1;
}

.section-title p {
    color: #000000;
    font-size: 17px;
    line-height: 27px;
    margin-top: 20px;
}

.testimonial-section .icon-frame {
    border: 4px solid #ffc20e;
}

.image-wrap {
    text-align: center;
}

.resources-wrap {
    background: #00b4c7;
    color: #ffffff;
    padding: 60px 0;
}

.resources-wrap .icon-frame {
    border: 4px solid #ffffff;
}

.resources-wrap .comment-list li:before {
    color: #ffffff;
}

.comments-wrapper {
    padding-bottom: 180px;
    position: relative;
}

.comments-wrapper .green-circle-wrap,
.quelques-wrap .green-circle-wrap {
    left: 0;
    position: absolute;
    width: 100%;
    bottom: -165px;
    z-index: 2;
}

.comments-wrapper .comment-list a {
    border-bottom: 1px solid #00b4c7;
    color: #00b4c7;
    font-weight: 600;
}

.intro {
    background: #0392a3;
    font-size: 16px;
    line-height: 26px;
    margin-top: 40px;
    padding: 30px 50px;
}

.que-fault-wrap {
    padding: 60px 0;
}

.que-fault-wrap .icon-frame {
    border: 4px solid #ffc20e;
}

.que-fault-wrap .comment-list li:before {
    color: #ffc20e;
}

.yellow-wrap {
    background: linear-gradient(180deg, #ffc20e, #e7920d);
    margin-top: 40px;
    padding: 30px 50px;
    text-align: center;
}

.yellow-wrap a {
    background: #000000;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin: 10px 10px 0;
    padding: 15px;
}

.yellow-wrap a:hover {
    background: #ffffff;
    color: #000000;
}

.third-banner,
.fourth-banner {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
    position: relative;
}

.third-banner-left {
    bottom: 15px;
    color: #ffffff;
    float: left;
    font-size: 22px;
    line-height: 30px;
    position: absolute;
    width: 35%;
	text-shadow: 2px 2px 4px #000000;
	font-weight: 600;
}

.third-banner-right {
    border: 3px solid #ffffff;
    color: #ffffff;
    float: right;
    margin-top: 60px;
    padding: 30px;
    width: 50%;
}

.third-banner-right h2 {
    color: #ffc20e;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.third-banner-right p {
    font-size: 16px;
    line-height: 26px;
}

.reseaux-wrap,
.mileiu-scolaire-wrapper {
    background: #fec10d;
    padding: 60px 0;
    position: relative;
}

.reseaux-wrap:before,
.mileiu-scolaire-wrapper:before {
    background-image: url(images/yellow-pattern.png);
    background-position: center center;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 250px;
    width: 100%
}

.reseaux-inner,
.mileiu-scolaire-inner {
    position: relative;
    z-index: 1;
}

.reseaux-wrap .icon-frame,
.mileiu-scolaire-wrapper .icon-frame {
    border: 4px solid #ffffff;
}

.reseaux-wrap h3,
.quelques-wrap h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px;
}

.reseaux-wrap p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.reseaux-wrap .comment-list li:before {
    color: #ffffff;
}

.reseaux-wrap .comment-list li {
    font-weight: 500;
}

.reseaux-wrap span {
    display: block;
    font-weight: 400;
    font-style: italic;
}

.reseaux-wrap p.important-note,
.quelques-wrap p.important-note {
    border: 2px solid #ffffff;
    font-size: 17px;
    font-style: initial;
    font-weight: 600;
    line-height: 27px;
    padding: 15px;
    text-transform: uppercase;
    width: 48%;
}

.reseaux-wrap .comment-list {
    margin-bottom: 0;
}

.comments-wrapper p {
    margin-bottom: 40px;
}

.blue-circle {
    background: linear-gradient(180deg, #00afc1, #0195a5);
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
}

.blue-circle p {
    margin: 0 auto;
    width: 70%;
}

.blue-circle:hover {
    background: linear-gradient(180deg, #ffc20e, #e7920d);
}

.second-testimonial-section,
.mileiu-scolaire-wrapper {
    padding-top: 200px;
}

.cta-second-block h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    text-transform: uppercase;
}

.contact-wrap {
    padding-right: 20px;
}

.cta-second-block .icon-frame {
    background: #ffffff;
    border: none;
    color: #ffc20e;
    float: left;
    font-size: 30px;
    height: 67px;
    line-height: 72px;
    margin-right: 20px;
    width: 67px;
}

.contact-icon {
    margin-bottom: 25px;
}

.cta-second-block p {
    font-size: 21px;
    line-height: 35px;
}

.cta-second-block a {
    background: #none;
    border: 2px solid #ffffff;
    color: #fff;
    display: block;
    font-size: 21px;
    font-weight: 600;
    line-height: 36px;
    padding: 30px 8px 30px 16px;
    text-align: left;
}

.cta-text {
    color: #fff;
    font-weight: 400 !important;
    line-height: 36px;
    padding: 15px;
    text-align: left;
}

.cta-second-block a:hover {
    background: #ffffff;
    color: #ffc20e;
}

.cta-second-block .outline-btn {
    font-size: 36px;
}

.quelques-wrap {
    padding-bottom: 180px;
    position: relative;
}

.fourth-banner {
    height: 315px;
}

.quelques-wrap .green-circle-wrap {
    bottom: -362px;
}

.quelques-wrap .green-circle-wrap h3 {
    margin-bottom: 10px;
    margin-top: 60px;
}

.quelques-wrap .comment-list li a {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-weight: 600;
}

.quelques-wrap .comment-list li a:hover {
    border-bottom: 1px solid #00b4c7;
    color: #00b4c7;
}

.quelques-wrap .important-note {
    border: 3px solid #00b4c7;
    width: 50%;
}

.quelques-wrap .important-note {
    border: 3px solid #00b4c7 !important;
    float: right;
    width: 100% !important;
}

.mileiu-scolaire-wrapper:before {
    top: 0;
}

.mileiu-scolaire-wrapper p {
    font-weight: 600;
}

.comment-list-wrap h3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 27px;
    margin: 50px 0 40px;
    text-align: center;
    text-transform: uppercase;
}

.comment-list-wrap h3 span {
    border: 3px solid #ffffff;
    display: inline-block;
    padding: 10px 30px;
}

.mileiu-scolaire-wrapper .comment-list li:before {
    color: #ffffff;
}

.source .plus-icon {
    background: #ffffff;
    border-radius: 50%;
    color: #ffc20e;
    float: left;
    font-size: 30px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
}

.source-title {
    float: left;
    margin-left: 15px;
}

.source-title a {
    color: #000000;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px;
    text-transform: uppercase;
	text-decoration: underline;
}
.source-title a:hover {
    color: #00b4c7;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px;
    text-transform: uppercase;
	text-decoration: underline;
}

.source {
    float: left;
    padding-left: 38px;
    width: 100%;
}

.source p {
    margin-bottom: 0;
    margin-left: 0 !important;
    text-transform: uppercase;
}

.comment-list-wrap p {
    margin-left: 30px;
}

.mileiu-scolaire-wrapper .comment-list-wrap ul li {
    font-weight: 600;
}

.comment-list-wrap ul li ul {
    padding-left: 0;
    list-style: disc;
    list-style-position: inside;
}

.comment-list-wrap ul li ul li {
    padding-left: 0;
}

.comment-list-wrap ul li ul li:before {
    display: none;
}

.vous-intro-wrap .highlight-text {
    color: #ffc20e;
}

.vous-intro-wrap .highlight-text:before {
    background: #ffc20e;
}

.quelques-pistes-wrap {
    padding-top: 0;
}

.quelques-pistes-wrap .icon-frame {
    border: 4px solid #ffc20e;
}

.quelques-pistes-wrap .comment-list li:before {
    color: #ffc20e;
}

.fifth-banner {
    height: 280px;
}

.pourquoi-wrapper {
    position: relative;
}

.pourquoi-wrapper:before,
.formation-wrapper:before {
    background-image: url('images/blue-pattern.png');
    background-position: center center;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 200px;
    width: 100%
}

.pourquoi-inner {
    position: relative;
    z-index: 1;
}

.pourquoi-inner p {
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}

.pourquoi-wrapper .comment-list li {
    font-weight: 600;
}

.pourquoi-inner .intro {
    background: #ffffff;
    color: #00b4c7;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding: 40px 80px;
}

.contact-inner {
    border: 4px solid #ffffff;
    padding: 30px;
}

.cta-third-block .cta-second-block-inner {
    color: #000000;
}

.cta-third-block .contact-wrap {
    padding-right: 0;
}

.cta-third-block .outline-btn {
    color: #000000;
    padding: 13px 10px 10px;
}

.cta-third-block .outline-btn:hover {
    background: #000000;
    border: 4px solid #000000;
    color: #ffffff;
}

.contact-wrap-right .contact-icon {
    background: none;
    border: 4px solid #ffffff;
    color: #000000;
    display: block;
    font-weight: 400;
    margin-bottom: 0;
    padding: 30px;
    text-align: left;
}

.contact-wrap-right .contact-icon:hover {
    background: #000000;
    border: 4px solid #000000;
    color: #ffffff;
}

.contact-wrap-right .contact-icon:hover .icon-frame {
    color: #000000;
}

.contact-info {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 30px 30px 0;
}

.contact-wrap-right .comment-list {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    margin-top: 30px;
    padding-left: 0;
}

.contact-wrap-right .comment-list li {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding-left: 40px;
}

.contact-wrap-right .comment-list li:before {
    color: #000000;
    left: 10px;
}

.third-testimonial-section {
    overflow: auto;
    padding-bottom: 0;
}

.third-testimonial-section .icon-frame {
    border: 4px solid #00b4c7;
}

.testimonial-video-wrap {
    margin-bottom: 60px;
}

.third-testimonial-section .testimonial-video-wrap p {
    color: #000000;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
    text-align: center;
}

.citoyens-intro-text .highlight-text {
    color: #da2845;
}

.citoyens-intro-text .highlight-text:before {
    background: #da2845;
}

.pendre-wrapper {
    padding-top: 0;
}

.pendre-wrapper .icon-frame {
    border: 4px solid #da2845;
}

.pendre-wrapper .comment-list li:before {
    color: #da2845;
}

.pendre-wrapper .source .plus-icon {
    background: #da2845;
    color: #ffffff;
}

.formation-wrapper {
    background: #bbd230;
    padding: 60px 0;
    position: relative
}

.formation-wrapper:before {
    background-image: url('images/green-pattern.png');
}

.formation-image-wrap {
    position: relative;
}

.formation-image-frame {
    border-radius: 50%;
    height: 470px;
    overflow: hidden;
    width: 470px;
}

.formation-icon-wrap {
    background: linear-gradient(180deg, #da2845, #8b0f23);
    border-radius: 50%;
    display: inline-block;
    height: 238px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 80%;
    width: 238px;
}
.formation-icon-wrap:hover{
    background: linear-gradient(180deg, #ffc20e, #e7920d);
	    border-radius: 50%;
    display: inline-block;
    height: 238px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 80%;
    width: 238px;}

.formation-icon-wrap h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 60px;
    text-transform: uppercase;
}

.formation-icon-wrap .plus-icon {
    font-weight: 300;
}

.formation-info .icon-frame {
    border: 4px solid #ffffff;
}

.formation-info h2 span {
    font-style: italic;
}

.formation-info p {
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
}

.realiser-wrapper {
    padding-top: 120px;
}

.realiser-wrapper .icon-frame {
    border: 4px solid #bbd230;
}

.realiser-wrapper p {
    font-size: 16px;
    line-height: 26px;
}

.realiser-wrapper h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 30px 0 20px;
}

.realiser-wrapper .comment-list li:before {
    color: #bbd230;
}

.realiser-wrapper .green-circle h3 {
    margin-top: 70px;
}

.cta-fourth-block .outline-btn {
    background: none;
    color: #ffffff;
}

.cta-fourth-block .outline-btn:hover {
    background: #ffffff;
    color: #ffc20e;
}

.cta-fourth-block .contact-wrap-right .contact-icon {
    background: #ffffff;
    color: #ffc20e;
}

.cta-fourth-block .contact-wrap-right .icon-frame {
    background: #ffc20e;
}

.cta-fourth-block .contact-wrap-right .icon-frame span {
    color: #ffffff;
}

.cta-fourth-block .contact-wrap-right .contact-icon:hover {
    background: #000000;
    color: #ffffff;
}

.propos-intro {
    padding: 80px 0;
}

.propos-inner {
    margin-bottom: 60px;
}

.propos-left {
    margin-top: 60px;
}

.propos-right {
    float: right;
}

.propos-icon-frame {
    border: 4px solid #da2845;
    border-radius: 50%;
    color: #da2845;
    float: left;
    height: 190px;
    margin-left: 50px;
    margin-bottom: 20px;
    text-align: center;
    width: 190px;
}

.propos-right .propos-icon-frame:first-child {
    margin-left: 0;
}

.propos-icon-frame .icon-image {
    display: inline-block;
    margin-top: 30px;
}

.propos-icon-frame p {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 10px;
}

.propos-icon-frame p span {
    display: block;
    font-size: 38px;
    font-weight: 600;
    line-height: 38px;
}

.yellow-frame {
    border: 4px solid #ffc20e;
    color: #ffc20e;
}

.blue-frame {
    border: 4px solid #00b4c7;
    color: #00b4c7;
}

.intro-text .highlight-text {
    color: #bbd230;
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 20px;
    padding-bottom: 25px;
    position: relative;
}

.intro-text .highlight-text:after {
    background: #bbd230;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 47px;
}

.intro-text p {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
}

.list-wrap p {
    margin-bottom: 10px;
}

.list-wrap ul {
    padding-left: 0;
    list-style: none;
}

.list-wrap ul li {
    color: #000000;
    font-size: 17px;
    line-height: 27px;
    padding-left: 20px;
    position: relative;
}

.list-wrap ul li:before {
    color: #bbd230;
    content: '\35';
    font-family: 'ElegantIcons';
    font-size: 25px;
    left: -8px;
    position: absolute;
    top: 0;
}

.propos-link-section {
    margin: 60px 0 20px;
}

.icon-wrap,
.pink-icon-wrap:hover {
    background: linear-gradient(180deg, #bbd230, #5ad230);
    border-radius: 50%;
    display: inline-block;
    color: #ffffff;
    height: 238px;
    margin-right: 30px;
    text-align: center;
    width: 238px;
}

.pink-icon-wrap,
.green-icon-wrap:hover {
    background: linear-gradient(180deg, #da2845, #8b0f23);
    color: #ffffff;
}

.icon-wrap span {
    display: inline-block;
    font-size: 40px;
    margin-top: 45px;
    margin-bottom: 10px;
}

.icon-wrap p,
.icon-wrap h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}

.objectifs-section {
    padding-top: 0;
}

.objectifs-section .icon-frame {
    border: 4px solid #da2845;
}

.objectifs-section .comment-list li:before {
    color: #da2845;
}

.semaine-banner {
    min-height: 850px;
}

.semaine-banner .third-banner-left {
    bottom: 30px;
    left: 200px;
    width: 30%;
}

.semaine-banner .third-banner-right h2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 55px;
}

.semaine-banner .third-banner-right h2 span {
    color: #ffffff;
    display: block;
    font-size: 27px;
    font-weight: 300;
    line-height: 35px;
    text-transform: capitalize;
}

.action-wrapper {
    background: #00b4c7;
    color: #ffffff;
    padding-top: 60px;
}

.action-wrapper:before {
    background-image: url('images/blue-pattern.png');
    top: 300px;
}

.action-wrapper .comment-list-wrap h3 {
    text-transform: unset;
}

.action-wrapper .comment-list-wrap h3 span {
    border: none;
    padding: 0;
}

.action-wrapper .source {
    color: #ffffff;
}

.action-wrapper .source-title a {
    color: #ffffff;
}
.action-wrapper .source-title a:hover {
    color: #fec00e;
}

.partners-section {
    padding: 60px 0;
}

.partner-logo-image {
    line-height: 150px;
    text-align: center;
}

.partner-logo-image img {
 width: 200px;
}

.semaine-testimonial-wrapper .icon-frame {
    border: 4px solid #da2845;
}

.semaine-testimonial-left .image-wrap {
    margin-bottom: 15px;
}

.semaine-testimonial-left .image-wrap img {
    width: 100%;
}

.semaine-testimonial-left p {
    color: #000000;
    font-size: 17px;
    line-height: 26px;
}

.semaine-video-list {
    border-bottom: 1px solid #dedede;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.semaine-video-list:hover {
    border: 3px solid #da2845;
}

.semaine-testimonial-right .semaine-video-list:last-child {
    border-bottom: none;
}

.semaine-video-image {
    float: left;
    width: 40%;
}

.semaine-video-title {
    float: left;
    padding-left: 20px;
    padding-top: 30px;
    width: 60%;
}

.semaine-video-title h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.semaine-video-title h3 a {
    color: #000000;
}

.commander-material-wrapper {
    background: #00b4c7;
    padding-top: 60px;
	padding-bottom: 60px;
}

.commander-material-inner {
    padding-bottom: 60px;
    position: relative;
}

.commander-material-inner h3 a {
    background: #000000;
    bottom: -30px;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    left: 170px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 70%;
	margin-top: 50px;
}
.commander-material-inner h3 a:hover {
    background: #da2845;
}

.commander-material-inner h3 a {
    color: #ffffff;
    display: block;
    padding: 15px 0;
}

.semaine-link-section {
    padding: 100px 0 80px;
    overflow: auto;
    text-align: center;
}

.semaine-link-section .icon-wrap {
    background: linear-gradient(180deg, #00b4c7, #018f9e);
    float: left;
    height: 322px;
    margin: 0 40px;
    width: 322px;
}

.semaine-link-section .icon-wrap span {
    font-size: 50px;
}

.semaine-link-section .icon-wrap h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-transform: unset;
}

.semaine-link-section .pink-icon-wrap:hover {
    background: linear-gradient(180deg, #00b4c7, #018f9e);
    color: #ffffff;
}

.semaine-link-section .pink-icon-wrap,
.semaine-link-section .blue-icon-wrap:hover {
    background: linear-gradient(180deg, #da2845, #8b0f23);
    color: #ffffff;
}

.semaine-link-section .blue-icon-wrap {
    margin-left: 200px;
}


/*============================================
                Media Page
==============================================*/
.intro-text-wrap .btn-wrap {
    text-align:  center;
    padding:  60px 0;
}
.red-btn,
.green-btn {
    color:  #000000;
    font-weight:  700;
    font-size:  35px;
    text-transform:  uppercase;
}
.red-btn{
    border-color:  #da2845;
    padding: 12px 200px 16px;
}
.green-btn{
    border-color: #bbd230;
    padding: 16px 194px 12px;
}
/*.red-btn:hover,
.red-btn:focus {
    background-color: #da2845;
    color: #000;
}
.green-btn:hover,
.green-btn:focus {
    background-color: #bbd230;
    color: #000;
}*/
.intro-text-wrap.red .highlight-text:before{
    background-color: #da2845;
}
.intro-text-wrap.red .highlight-text{
    color: #da2845;
}
.media-page .comment-section {
    padding: 0 0 78px;
}
.icon-frame.green {
    border-color:  #bbd230;
    color:  #bbd230;
}
.fix-spacing .section-title p {
    margin-top: 15px;
}
.fix-spacing .section-title {
    margin-bottom:  50px;
}
.comment-list.green li:before {
    color: #bbd230;
}
.media-page .source .plus-icon {
    background-color:  #bbd230;
    color:  #fff;
}
.media-page .reseaux-wrap{
    background-color: #bbd230;
}
.media-page .reseaux-wrap:before{
    background-image: url(images/texture.png);
}
.media-page .comment-list-wrap ul li ul li {
    padding-left:  20px;
}
.comment-list-wrap ul li ul li {
    padding-left:  20px;
}
.media-page .comment-list-wrap ul li ul {
    list-style:  none;
}
.media-page .comment-list-wrap ul li ul li:before {
    width: 6px;
    height: 6px;
    border-radius:  50%;
    background-color: #000;
    content: '';
    display:  inline-block;
    left:  0;
    top: 9px;
}
.comment-list-wrap ul li ul li:before {
    width: 6px;
    height: 6px;
    border-radius:  50%;
    background-color: #000;
    content: '';
    display:  inline-block;
    left:  0;
    top: 9px;
}
.media-page .reseaux-wrap p.important-note {
    width: 96%;
    margin-left: 22px;
    font-size: 16px;
}
ul.comment-list.onecol {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
}
.reseaux-wrap .bg-white .comment-list li:before {
    color:  #000;
    left: -8px;
}
.bg-white .comment-list li {
    max-width:  90%;
    padding-left:  20px;
    margin-bottom:  10px;
}
.media-page .intro h5 {
    text-transform:  uppercase;
    font-weight:  700;
    margin-bottom:  15px;
    font-size:  16px;
}
.button-wrap {
    padding:  90px 0 0;
    text-align:  center;
}

.button-wrap__label,
.button-wrap h4 {
    font-size: 1.5rem;
    text-transform:  uppercase;
    font-weight: 700;
    margin-bottom:  25px;
}
.bg-red{
    background-color: #da2845;
}
.button-wrap .btn {
    text-align:  left;
}
.reseaux-wrap .button-wrap span {
    font-weight:  600;
    font-style: normal;
    display:  table-cell;
}
.reseaux-wrap .button-wrap .btn {
    font-size:  18px;
    margin-bottom: 15px;
}
.btn.bg-red:hover,
.btn.bg-red:focus{
    background-color: #00b4c7;
}
/*.button-wrap .btn.padix {
    padding-top: 25px;
}*/
.button-wrap .btn:first-child{
    margin-right: 16px;
}
.creatures-block {
    padding: 100px 0 70px;
}
.creatures-block .btn-wrap {
    padding-bottom:  80px;
}
.creatures-block .green-btn {
    padding: 16px 194px 12px;
}
.creatures-block p {
    line-height:  1.6;
    margin-bottom:  25px;
}
.reseaux-wrap [class*='col-']:nth-child(2) .comment-list.onecol>li:first-child:before {
    content:  none;
}
.media-page .reseaux-wrap .section-title {
    margin-bottom:  60px;
}
.media-page .cta-second-block p {
    font-size:  21px;
}
.media-page .cta-fourth-block .contact-wrap-right .icon-frame {
    background-color:  #fff;
}
.media-page .cta-fourth-block .contact-wrap-right .icon-frame span {
    color: #ffc20e;
}
.media-page .cta-fourth-block .contact-wrap-right .contact-icon {
    background-color:  transparent;
    color:  #fff;
    padding: 60px 35px 57px;
}
.media-page .cta-fourth-block .contact-wrap-right .contact-icon:hover {
    background-color:  #fff;
    color:  #FEC00E;
    border-color:  #fff;
}
.media-page .cta-fourth-block .contact-wrap-right .contact-icon:hover .icon-frame span {
    color:  #fff;
}
.media-page .cta-fourth-block .contact-wrap-right .contact-icon:hover .icon-frame {
    background-color: #FEC00E;
}
.loved-one-page .third-banner,
.semaine-page .third-banner {
    min-height:  650px;
    height:  auto;
    padding-bottom: 55px;
}
.propos-page .icon-wrap{
    margin-bottom: 15px;
}
.semaine-page .semaine-link-section .icon-wrap{
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 0 40px 15px;
}
.semaine-page .semaine-link-section .blue-icon-wrap{
    margin-left: 40px;
}



/*subham css*/
.header-item li.menu-item {
    display: inline-block;
}
.comment-list li{
    list-style: none;
}
.testimonial-video-wrap p{
    text-align: center;
}

.footer-widget ul.menu li{
 display:block;
}
ul.submenu li:hover{
    background: #b2e2e7;
}
li.arrow-none:before {
    display: none;
}
li.arrow-none .source{
    padding-left: 0;
}
/*adding image icon to headers*/
/*.item-comment {
background-image: url('images/menu-icon1.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
    padding-left: 20px;
    margin-left: 15px;
}*/
.item-comment a:before,
 .item-imp a:before,
 .item-cross a:before,
  .item-age a:before,
  .item-social a:before,
   .item-comments a:before,
   .item-scolaire a:before,
    .item-post a:before,
     .item-announce a:before,
      .item-bulb a:before,
      .item-threemen a:before,
      .item-temoi a:before,
      .item-phone a:before,
.item-thumb a:before,
.item-certificat a:before,
.item-plus a:before,
.item-objectif a:before,
.item-theme a:before,
.item-actions a:before

{

    padding: 0 10px 0 0;
    top: 18px;
    left: 15px;
    height: 100%;
    position: absolute;
}
.item-comment a:before{
    content: url(images/menu-icon1.png);
}

.item-imp a:before{
    content: url(images/menu-icon2.png);
}

.item-cross a:before{
    content: url(images/menu-icon3.png);
}

.item-age a:before{
    content: url(images/menu-icon4.png);
}

.item-social a:before{
    content: url(images/menu-icon5.png);
}

.item-comments a:before{
    content: url(images/menu-icon6.png);
}

.item-scolaire a:before{
    content: url(images/menu-icon8.png);
}

.item-post a:before{
    content: url(images/menu-icon9.png);
}

.item-announce a:before{
    content: url(images/medias.png);
}


.item-bulb a:before{
    content: url(images/createurs.png);
}


.item-threemen a:before{
    content: url(images/menu-icon10.png);
}

.item-temoi a:before{
    content: url(images/menu-icon12.png);
}

.item-phone a:before{
    content: url(images/menu-icon11.png);
}
.item-thumb a:before{
    content: url(images/menu-icon13.png);
}
.item-certificat a:before{
    content: url(images/menu-icon14.png);
}
.item-plus a:before{
    content: url(images/menu-icon15.png);
}
.item-objectif a:before{
    content: url(images/menu-icon16.png);
}
.item-theme a:before{
    content: url(images/menu-icon17.png);
}
.item-actions a:before{
    content: url(images/menu-icon18.png);
}

/*2018/2/1*/
.third-banner.semaine-banner .third-banner-left,
.loved-one-page .third-banner .third-banner-left{
    bottom:90px;
}
.third-banner.semaine-banner{
    padding-bottom: 60px;
    height: auto;
    min-height: 1px;
}
.semaine-page .commander-material-inner h3 a{
    left: 50%;
    transform: translateX(-50%);
}
.green-circle:hover{
    background: linear-gradient(180deg, #ffc20e, #e7920d);
}
.media-page .intro-text-wrap .outline-btn:hover,
.media-page .creatures-block .outline-btn:hover {
    color: #000;
}
.intervenant {
	font-size: 21px !important;
	margin-top: 15px;
}
.slider-content h2 {
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.slider-content p {
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.outline-btn {
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}