/*
Theme Name: yatab
Theme URI: http://localhost/yatab
Author: WAOUH MONDE - (Stéphane GANSETO)
Author URI: http://waouhmonde.com/
Description: yatab
Version: 1.0
*/
body {
    font-family: "Segoe UI", Arial, sans-serif;
}

::-moz-selection {
	color: #FFF;
	background: var(--blue);
}

.quel-formation {
	font-family: Segoe UI;
	font-size: 30px;
	font-weight: 700;
	line-height: 37px;
	text-align: left;
	color: #1C1937;
}


.lestypes {
	display: inline-block;
	padding: 3px 15px 3px 15px;
	gap: 10px;
	border-radius: 30px;
	border: 1px solid;
	cursor: pointer;
}

.categorie-8 {
	border-color: 1px #284597B2;
	color: #284597B2;
}

.categorie-8:hover {
	background-color: #2846975e;
}
.categorie-18 {
	border-color: 1px #284597B2;
	color: #284597B2;
}

.categorie-18:hover {
	background-color: #2846975e;
}

.categorie-9 {
	border-color: #5FA6A7;
	color: #5FA6A7;
}

.categorie-9:hover {
	background-color: #5fa6a77d;
}
.categorie-17 {
	border-color: #5FA6A7;
	color: #5FA6A7;
}

.categorie-17:hover {
	background-color: #5fa6a77d;
}

.categorie-10 {
	border-color: #C75818;
	color: #C75818;
}

.categorie-10:hover {
	background-color: #c758187b;
}
.categorie-11 {
	border-color: #C75818;
	color: #C75818;
}

.categorie-11:hover {
	background-color: #c758187b;
}

.categorie-19 {
	border-color: #CA2708;
	color: #CA2708;
}

.categorie-19:hover {
	background-color: #ca280877;
}
.categorie-12 {
	border-color: #CA2708;
	color: #CA2708;
}

.categorie-12:hover {
	background-color: #ca280877;
}

.categorie-20 {
	border-color: #131719;
	color: #0387CF;
}

.categorie-20:hover {
	background-color: #0388cf6f;
}
.categorie-13 {
	border-color: #0387CF;
	color: #0387CF;
}

.categorie-13:hover {
	background-color: #0388cf6f;
}

.categorie-21 {
	border-color: #284597;
	color: #284597;
}
.categorie-21:hover {
	background-color: #2846977e;
}
.categorie-14 {
	border-color: #284597;
	color: #284597;
}
.categorie-14:hover {
	background-color: #2846977e;
}

.categorie-22 {
	border-color: #7D4909B2;
	color: #7D4909B2;
}

.categorie-22:hover {
	background-color: #7d490973;
}
.categorie-15 {
	border-color: #7D4909B2;
	color: #7D4909B2;
}
.categorie-15:hover {
	background-color: #7d490973;
}

.categorie-23 {
	border-color: #545305;
	color: #545305;
}
.categorie-23:hover {
	background-color: #54530572;
}
.categorie-16 {
	border-color: #545305;
	color: #545305;
}
.categorie-16:hover {
	background-color: #54530572;
}


.categorie-all {
	border-color: #545305;
	color: #545305;
}
.categorie-all:hover {
	background-color: #54530572;
}

.categorie-all .categorie-16 .categorie-23 .categorie-15 .categorie-22 .categorie-14 .categorie-21 .categorie-13 .categorie-20 .categorie-19 .categorie-18 .categorie-17 .categorie-11 .categorie-10 .categorie-8 
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.le-trait {
	border-top: 1px solid #284597B2;
}
a {
    /*color: inherit !important; /* This will inherit the color from the parent element */
    text-decoration: none; /* This removes the underline */
}

.training-card {
	width: 350px;
	height: 280px;
	border-radius: 10px;
	border: 1.5px solid #CCCCCCB2;
	cursor: pointer;
}

.training-card:hover {
	box-shadow: 0px 4px 4px rgb(0 0 0 / 40%) !important;
}

.description-formation {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.description-formation:hover {
	color: none;
}
.les-offr3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
} 
.les-offr2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
} 
.les-offr1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
} 

.nom-formation {
	font-family: Segoe UI;
	font-size: 20px;
	font-weight: 700;
	line-height: 37px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.training-image {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	max-height: 128px !important;
}

.pagination {
	justify-content: center;
}
.titres-bleu{
	display: flex;
}
.bas-titre{
	font-family: Segoe UI;
font-weight: 400;
color: #000000c2;
}
.bas-titree{
	font-family: Segoe UI;
font-size: 20px;
font-weight: 400;
color: #000000c2;
}
.titre-lire-plus{
	color: #ffff !important;
	font-family: Segoe UI;
font-size: 20px;
font-weight: 700;
}
.lireplus {
    display: none; /* Cacher par défaut */
}
.modal-xl {
    max-width: 100%;
    /* Vous pouvez aller jusqu'à 100% si vous voulez qu'il prenne toute la largeur de l'écran */
    width: 95%;
    /* Ajustez selon vos besoins */
    height: auto;
    /* Pour éviter qu'il soit trop long */
}

.modal-dialog-centered{
	display: grid !important;
}
/*********************************************************************************************************************/
/*********************************************************************************************************************/
/*********************************************************************************************************************/

::selection {
	color: #FFF;
	background: var(--blue);
}

body {
	font-family: 'Segoe UI', sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#yatab-header.pt-2 {
	padding-top: 0px !important;
}

.container-fluid {
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.navbar {
	padding: 0px !important;
}

#logo-header {
	background: #fff !important;
}

.logo-after {
	position: absolute;
	right: -15px;
	z-index: 99;
}

#logo-header {
	position: relative;
	max-height: 86px !important;
}

@media only screen and (min-width: 769px) {
	.navbar-brand {
		position: relative;
		z-index: 10000;
		left: 80px;
		top: 5px;
	}
}

.navbar-toggler {
	position: absolute !important;
	right: 20px !important;
	top: 15px !important;
}

@media only screen and (max-width: 768px) {
	.navbar-brand {
		position: relative;
		z-index: 10000;
		left: 10px;
		top: 5px;
	}
}

@media only screen and (max-width: 768px) {
	#logo-header {
		position: relative;
		max-height: 75px !important;
		width: 50% !important;
	}
}

@media only screen and (max-width: 768px) {
	#logo-header img {
		width: 50% !important;
	}
}

@media only screen and (max-width: 768px) {
	#logo-header .logo-after {
		width: 50% !important;
		height: 85px !important;
	}
}



/*@media only screen and (max-width: 991px) {
#menu-menu-principal {
	line-height: 2;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
	position: absolute;
    top: 60px;
    background-color: #284597;
    right: 0;
	padding: 30px;
	z-index: 100000;
	}
}*/
#yatab-header-nav>ul>li:hover,
#yatab-header-nav>ul>li.current-menu-item {
	font-weight: bold;
}

#yatab-header-nav>ul>li:hover>a,
#yatab-header-nav>ul>li.current-menu-item>a {
	color: var(--white) !important;
}
.menu-item {
	padding-right: 40px;
	padding-left: 40px;
}

.menu-item a:hover {
	color: rgba(255, 255, 255, .5) !important;
	text-decoration: none !important;
}
.menu-item .dropdown-item:hover {
	color: rgba(16, 16, 16, 0.5) !important;
	text-decoration: none !important;
}

a:hover {
	color: #0056b3;
	text-decoration: none !important;
}

@media only screen and (min-width: 992px) {
	#menu-item-5 {
		margin-left: 40px;
	}
}

.mb-2 {
	text-align: center;
	font-weight: 700;
}

#yatab-about {
	padding-top: 20px;
}

#yatab-features {
	margin-top: 30px;
	padding: 10px;
	padding-bottom: 70px;
}

@media only screen and (min-width: 992px) {
	#yatab-features {
		background-image: url(assets/img/services.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media only screen and (max-width: 991px) {
	#yatab-features {
		background-image: url(assets/img/services-mobile.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

.ours-services {
	color: #fff !important;
}

#yatab-features p {
	color: #fff;
	text-align: center;
}

#ft-feat {
	margin-right: 40px;
}

#yatab-appointment {
	margin-top: 40px;
	margin-bottom: 30px;
}

.button-appoint {
	background-color: #5FA6A7;
	color: #fff;
	font-weight: 500;
	align-items: center;
	border: 1px solid #5FA6A7;
	border-radius: 5px;
	padding: 8px;
	cursor: pointer;
}

@media only screen and (max-width: 575px) {
	.button-appoint {
		font-weight: 300 !important;
		font-size: 13px !important;
	}
	.titres-bleu{
		font-size: 14px !important;
	}
	.bas-titre{
		font-size: 13px !important;
	}
}

.button-appoint:hover {
	background-color: #679495;
}

.Partners {
	color: #fff;
}

.title.h4 {
	font-weight: 700;
	color: #5FA6A7;
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 20px;
}

.partners-ico {
	margin-bottom: 100px;
}

#ft-nav {
	color: #1C1937;
	line-height: 2;
}

.dlist-align dd {
	color: #1C1937;
}

.container-fluid.py-4.image-size-cover {
	padding-bottom: 0px !important;
}

@media only screen and (min-width: 991px) {
	.w-20.logo-footer {
		margin-top: 30px;
		margin-bottom: 20px
	}
}

.dlist-align {
	display: flex;
}

.dlist-align dt {
	white-space: nowrap;
	width: 32px;
}

.dlist-align dd {
	color: #1C1937;
	line-height: 1.8;
	font-size: 14px;
}

#yatab-footer .footer-nav li {
	margin-bottom: .8rem;
}

#yatab-footer .footer-nav li a:hover {
	color: #5FA6A7;
}

@media only screen and (min-width: 991px) {
	#yatab-footer-bottom .col-12 {
		border-right: 1px solid #5FA6A7;
		display: inline-block;
		height: 250px;
		padding-left: 35px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
	.vertical-line {
		border-top: 1px solid #5FA6A7;
		margin-left: 40px;
		width: 500px;
		padding-bottom: 20px;
	}
}

@media only screen and (min-width: 575px) and (max-width: 768px) {
	.vertical-line {
		border-top: 1px solid #5FA6A7;
		margin-left: 40px;
		width: 400px;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 575px) {
	.vertical-line {
		border-top: 1px solid #5FA6A7;
		margin-left: 40px;
		width: 250px;
		padding-bottom: 20px;
	}
}

#follow-us.col-12 {
	border-right: 0px !important;
}

#follow-us-row .col-12 {
	border-right: 0px !important;
	padding-left: 0px !important;
}

.footer-ancre {
	padding-left: 15px;
	position: absolute;
	bottom: 0;
}

.page-banner {
	height: 391px;
}

#banner-content {
	padding-top: 100px;
	text-align: center;
	color: #fff;
}

@media only screen and (min-width: 992px) {
	#training-item .col-12.col-lg-1.col-md-3.col-sm-6.col-xl-1 {
		margin-right: 25px;
		padding: 0px;
	}
}

.section-title h3 {
	font-family: "Segoe UI", sans-serif;
	font-size: 20px;
	font-weight: 700;

}

#yatab-services p {
	text-align: justify;
}

#training-item p {
	text-align: left !important;
}

.yatab-footer-contact i {
	color: #5fa6a7 !important;
}

.card-body dd {
	line-height: .1;
}

.card-body dl {
	list-style-type: none;
}

.les-offres1 {
	border-left: 12px solid #5FA6A7;
}

.le-niveau1 {
	background-color: #5FA6A7;
	padding: 20px 40px 20px 40px;
	border-radius: 10px 10px 0px 0px;
	color: #F6F6F6 !important;

	font-family: Segoe UI;
	font-size: 20px;
	font-weight: 700;
	line-height: 26.6px;
}
.les-offres2 {
	border-left: 12px solid #274596;
}

.le-niveau2 {
	background-color: #274596;
	padding: 20px 40px 20px 40px;
	border-radius: 10px 10px 0px 0px;
	color: #F6F6F6 !important;

	font-family: Segoe UI;
	font-size: 20px;
	font-weight: 700;
	line-height: 26.6px;
}
.les-offres3 {
	border-left: 12px solid #CA2708;
}

.le-niveau3 {
	background-color: #CA2708;
	padding: 20px 40px 20px 40px;
	border-radius: 10px 10px 0px 0px;
	color: #F6F6F6 !important;

	font-family: Segoe UI;
	font-size: 20px;
	font-weight: 700;
	line-height: 26.6px;
}
.descrip-unique{
	background-color: #D9D9D9;
padding: 20px 40px 20px 40px;
justify: space-between;
}
.niveau-unique{
	background-color: #274596;
	padding: 20px 40px 20px 40px;
	border-radius: 10px 10px 0px 0px;
	color: #F6F6F6 !important;

	font-family: Segoe UI;
	font-size: 20px;
	font-weight: 700;
	line-height: 26.6px;
}
.offres-unique{
	border-left: 12px solid #274596;
	border-right: 12px solid #274596;
}
.suscribe-title{
	background-color: #FBB020;
	border-radius: 40px;
padding: 10px 10px 10px 10px;
gap: 3px;
font-family: Segoe UI;
font-size: 17px;
font-weight: 600;
line-height: 30px;
text-align: left;
align-items: center;
color: #000000;
}

.labarre{
	border-left: 1px solid;
	border-color: #000000;
	height: 30px;
}

.card {
	border: 0px !important;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 20%) !important;
}

#sub-feat1 dd:before {
	content: '• ';
	padding-right: 8px;
	color: #258789;
}

#sub-feat1 dd {
	color: #258789;
}

#sub-feat2 dd:before {
	content: '• ';
	padding-right: 8px;
	color: #284597;
}

#sub-feat2 dd {
	color: #284597;
}

#sub-feat3 dd:before {
	content: '• ';
	padding-right: 8px;
	color: #CA2708;
}

#sub-feat3 dd {
	color: #CA2708;
}

#subscribe-1 {
	background-color: #258789 !important;
	border: 1px solid #258789 !important;
}

#subscribe-2 {
	background-color: #284597 !important;
	border: 1px solid #284597 !important;
}

#subscribe-3 {
	background-color: #CA2708 !important;
	border: 1px solid #CA2708 !important;
}

.col-lg-6.col-md-7.col-xl-6.col-sm-10.mx-auto.px-5.py-5.contact-form {
	padding-top: 0px !important;
	margin-top: -20px;
}

.btn-success {
	width: 100%;
	background-color: #284597 !important;
	border: 1px solid #284597 !important;
}

.input-group input {
	border: 1px solid #6B6C7E !important;
	border-radius: 8px !important;
	box-sizing: border-box;
}

.form-control.w-100 {
	border: 1px solid #6B6C7E !important;
	border-radius: 8px !important;
	box-sizing: border-box;
}

.form-control {
	line-height: 2 !important;
}

.modal {
	display: block;
	position: relative;
	z-index: 1000000 !important;
}

.modal-content {
	font-family: "Segoe UI", sans-serif !important;
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 10px !important;
}

@media only screen and (min-width: 1100px) {
	.modal-content {
		width: 200% !important;
		margin-left: -250px;
	}
}

.modal-tete {
	height: 120px;
}

.modal-body {
	padding-left: 30px !important;
	padding-right: 30px !important;
	padding-top: 20px !important;
	padding-bottom: 50px !important;
	font-weight: 600px !important;
}

@media only screen and (min-width: 1100px) {
	.modal-titre {
		margin-left: 350px !important;
	}
}

@media only screen and (min-width: 576px) and (max-width: 1100px) {
	.modal-titre {
		margin-left: 70px !important;
	}
}

@media only screen and (min-width: 447px) and (max-width: 576px) {
	.modal-titre {
		margin-left: 50px !important;
	}
}

@media only screen and (max-width: 446px) {
	.modal-titre {
		margin-left: 0px !important;
	}
}

.modal-titre {
	text-align: center !important;
	color: #fff !important;
	font-weight: 700;
	margin-top: 30px !important;
}

/*.form-group label {
	font-size: 14px;
	font-weight: 600px !important;
}*/

.form-group input {
	border-radius: 8px;
}

.form-group input::-webkit-input-placeholder {
	height: 30px;
	opacity: .2;
}

.form-group textarea {
	border-radius: 8px !important;
}


.form-group textarea::-webkit-input-placeholder {
	opacity: .2;
}

.close {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	background-color: #fff !important;
	opacity: 1 !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 0px !important;
	padding-bottom: 4px !important;
	margin-top: 12px !important;
	margin-right: 12px !important;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
	border-radius: 5px !important;
}

@media only screen and (max-width: 680px) {
	.carousel-item img {
		height: 200px !important;
	}
}

@media only screen and (max-width: 379px) {
	.carousel-caption {
		background-color: #1c193799;
		width: 50%;
		text-align: left !important;
		padding-left: 10px;
		padding-bottom: 20px !important;
		top: 30px;
		left: 15px !important;
		height: 65% !important;
	}
}

@media only screen and (min-width: 991px) {
	.carousel-caption {
		background-color: #1c193799;
		width: 35%;
		text-align: left !important;
		padding: 20px;
		top: 100px;
		left: 120px !important;
		height: 50% !important;
	}
}

@media only screen and (min-width: 380px) and (max-width: 990px) {
	.carousel-caption {
		background-color: #1c193799;
		width: 40%;
		text-align: left !important;
		padding: 10px;
		top: 40px;
		left: 15px !important;
		height: 60% !important;
	}
}

@media only screen and (max-width: 990px) {
	.carousel-caption h3 {
		font-size: 13px !important;
		font-weight: 300 !important;
	}
}

@media only screen and (min-width: 991px) {
	.carousel-caption h3 {
		font-weight: 500;
	}
}

.carousel-control-next,
.carousel-control-prev {
	width: 5% !important;
}

@media only screen and (max-width: 575px) {
	#head-mob .col-lg-9.col-md-6.col-sm-5.col-xl-9 {
		max-width: 50% !important;
	}
}

@media only screen and (max-width: 768px) {
	#ft-feat {
		max-width: 50% !important;
	}
}

@media only screen and (max-width: 991px) {
	#card {
		align-content: center !important;
	}
}

@media only screen and (max-width: 991px) {
	#card-1 {
		align-content: center !important;
	}
}

@media only screen and (max-width: 991px) {
	#ft-feat.col-12 {
		align-content: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media only screen and (max-width: 575px) {
	#partners-vide {
		display: none !important;
	}
}

@media only screen and (max-width: 575px) {
	.partners-ico .col-12 {
		max-width: 33% !important;
	}
}

@media only screen and (max-width: 575px) {
	#yatab-footer-cont .col-12 {
		max-width: 80% !important;
	}
}

@media only screen and (max-width: 575px) {
	#footer-anc-col.col-12 {
		max-width: 20% !important;
	}
}

@media only screen and (max-width: 575px) {
	#foot-menu.col-12 {
		max-width: 50% !important;
	}
}

@media only screen and (max-width: 575px) {
	#follow-us-1.col-12 {
		max-width: 20% !important;
	}
}

@media only screen and (max-width: 991px) {
	#yatab-footer-row {
		padding: 0px 0px;
	}
}

@media only screen and (max-width: 991px) {
	#foot-menu {
		padding-left: 30px !important;
	}
}

@media only screen and (min-width: 992px) {
	#follow-us-1 {
		display: none !important;
	}
}

@media only screen and (max-width: 991px) {
	#follow-us-2-1 {
		display: none !important;
	}
}

@media only screen and (max-width: 991px) {
	#contact-us {
		padding-left: 30px !important;
	}
}

@media only screen and (max-width: 575px) {
	#yatab-appointment .section-content {
		text-align: center !important;
	}
}

@media only screen and (max-width: 575px) {
	.consulting-ico .w-100 {
		width: 50% !important;
	}
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
	.consulting-ico {
		text-align: center !important;
	}
}

@media only screen and (max-width: 575px) {
	.consulting-ico {
		text-align: center !important;
	}
}

@media only screen and (max-width: 575px) {
	.training-ico .w-100 {
		width: 50% !important;
	}
}

@media only screen and (max-width: 575px) {
	.training-ico .yatab {
		font-size: 12px !important;
	}
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
	.training-ico .w-100 {
		width: 50% !important;
	}
}

@media only screen and (max-width: 575px) {
	#training-item .col-12 {
		max-width: 50% !important;
	}
}

@media only screen and (max-width: 575px) {
	#training-item .col-12.col-lg-1.col-md-0.col-sm-0.col-xl-1 {
		display: none !important;
	}
}

@media only screen and (max-width: 575px) {
	.training-ico {
		text-align: center !important;
	}
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
	.training-ico {
		text-align: center !important;
	}
}


@media only screen and (max-width: 1190px) {
	#appointment-ordi {
		display: none;
	}
}

@media only screen and (min-width: 1191px) {
	#appointment-mobile {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#formulaire {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.contact-form form {
	margin-top: 0px !important;
}

@media only screen and (max-width: 991px) {
	#sub-feat1 {
		margin-bottom: 30px !important;
	}
}

@media only screen and (max-width: 991px) {
	#sub-feat2 {
		margin-bottom: 30px !important;
	}
}

@media only screen and (max-width: 991px) {
	#sub-feat3 {
		margin-bottom: 30px !important;
		margin-right: auto;
		margin-left: auto;
	}
}

@media only screen and (min-width: 768px) {
	.training-ico-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 769px) {
	.training-ico-pc {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	.consulting-ico-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 769px) {
	.consulting-ico-pc {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.consulting-ico img {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.consulting-ico-pc img {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.consulting-ico-mobile img {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.training-ico-pc img {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.training-ico-mobile img {
		width: 50% !important;
	}
}

@media only screen and (max-width: 575px) {
	#follow-us-2 {
		margin-left: 60px !important;
	}
}

@media only screen and (max-width: 575px) {
	#follow-us-2-2 img {
		width: 30% !important;
	}
}

#yatab-suscribe .section-title .dlist-align dd {
	text-align: center !important;
}

.yatab-others-services a {
	color: #284597 !important;
}

.fas.fa-angle-down {
	color: #284597 !important;
}

.fas.fa-angle-up {
	color: #284597 !important;
}

.carousel-indicators {
	bottom: 30px !important;
}

.carousel-caption a:hover {
	color: #fff !important;
}

@media only screen and (min-width: 768px) {
	#carouselExampleIndicators {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	#multi-item-example {
		display: none !important;
	}
}