/* Add here all your CSS customizations */
.encart { background-color: #0DB8E8;
color: #FFF;
padding: 10px;
font-size: 26px;
text-align: center;
display: inline-block;
border-radius: 10px;
margin-bottom: 10px; }

.encart a { color: #FFF; }

:root {
	--color-bleu:#00a1cd;
	--color-bleu-hover:#00b5e7;
	--color-bleuf:#183f72;
	--color-bleuf-hover:#42559a;
	--color-bleu-footer:#364b9b;
	--color-vert:#bccf00;
	--color-vert-hover:#bdcd23;
	--color-orange:#f59c00;
	--color-orange-hover:#f5a720;
	--color-violet:#b91b7a;
	--color-violet-hover:#b14485;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/*
  {
	
}
*/

 
 
/*--------------------------------*/
/*----- GENERAL -----*/
/*--------------------------------*/
html .text_bleu {
	color: var(--color-bleu) !important;
}
html .text_bleu:hover {
	color: var(--color-bleu-hover) !important;
}
html .overlay-color-bleu:not(.no-skin):before {
	background-color: var(--color-bleu) !important;
}
html .text_bleuf {
	color: var(--color-bleuf) !important;
}
html .text_bleuf:hover {
	color: var(--color-bleuf-hover) !important;
}
html .text_vert {
	color: var(--color-vert) !important;
}
html .text_vert:hover {
	color: var(--color-vert-hover) !important;
}
html .text_orange {
	color: var(--color-orange) !important;
}
html .text_orange:hover {
	color: var(--color-orange-hover) !important;
}
html .text_violet {
	color: var(--color-violet) !important;
}
html .text_violet:hover {
	color: var(--color-violet-hover) !important;
}

.img-intext {
	margin: 0 20px 20px 0;
	float: left;
}
	/* md */
	@media (max-width: 768px) {
		.img-intext {
			float: initial;
		}
	}

/*--------------------------------*/
/*----- FOOTER -----*/
/*--------------------------------*/
#footer a:not(.btn):not(.no-footer-css) {
    color: #cbd9ec;
}
#footer p, #footer a:not(.btn), #footer span, #footer li, #footer .footer-copyright p {
    color: #cbd9ec;
}
#footer .social-icons li a {
    color: #cbd9ec !important;
}
html .bg-color-bleu-footer, html .bg-bleu-footer {
    background-color: var(--color-bleu-footer) !important;
}
footer .social-icons.social-icons-medium li a {
    font-size: 1.4rem;
}
#footer .social-icons li:hover a {
    background: #FFF;
    color: var(--color-bleu-footer) !important;
}

.social-icons li:hover.mail_icon a {
    background: var(--color-bleu)!important;
}



/*--------------------------------*/
/*----- ACCES RAPIDE -----*/
/*--------------------------------*/
#menu_rapide_position {
	position: fixed;
    z-index: 100;
    right: -290px;
	width: 300px;
    transition: ease 300ms;
	top: 50%;
}
#menu_rapide_position.montre {
    right: 0;
}

#menu_rapide_position:hover {
    right: -30px;
}
#acces_rapide {
	background: #FFF;
	overflow: hidden;
    font-size: 0.9em !important;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.4); 
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.4);
}
#acces_rapide .toggle > label, #acces_rapide .toggle > .toggle-title {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.4); 
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.4);
}
#acces_rapide .toggle > label::before, #acces_rapide .toggle > .toggle-title::before {
    right: 30px;
}
#acces_rapide.toggle.active > label::before, #acces_rapide.toggle.active > .toggle-title::before {
    right: 30px;
}
#acces_rapide.toggle.toggle-sm .toggle > label, #acces_rapide.toggle.toggle-sm .toggle > .toggle-title {
    font-size: 0.9em !important;
    padding: 6px 20px 6px 10px;	
}
#acces_rapide a:hover {
    text-decoration: none;
}
#acces_rapide.toggle .toggle {
    margin: 0;
}
#acces_rapide ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#acces_rapide li {
	color: #FFF;
	margin: 2px 0 0 0;
    padding: 4px 12px;
	background: #0bbbef;
}
#acces_rapide li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #FFF;
}
#acces_rapide li.vert {
    background: var(--color-vert) !important;
}
#acces_rapide li.orange {
    background: var(--color-orange) !important;
}



/*--------------------------------*/
/*----- HEADER DECOR -----*/
/*--------------------------------*/
#header_decor {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
}


/*--------------------------------*/
/*----- PROJECTEUR -----*/
/*--------------------------------*/
.projecteur_accueil.section.section {
    padding: 0;
}

#degrad_noir {
	width: 100%;
	position: inherit;
	padding: 50px 0 0 0;
	
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 20%);
	background: -o-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 20%);
	background: linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 20%);
	z-index:1;
}



/*--------------------------------*/
/*----- PREMENU -----*/
/*--------------------------------*/
#pre_menu .social-icons.social-icons-medium li a {
    font-size: 1.1rem;
}
#pre_menu .social-icons li a {
    color: var(--color-secondary) !important;
}
#pre_menu .social-icons li:hover a {
    color: #FFF !important;
}
#pre_menu .social-icons li:hover.social-icons-instagram a {
    background: #e13ea5 !important;
}
#pre_menu {
    justify-content: space-between !important;
}
#mainNav {
	font-weight: 600;
	text-transform: uppercase;
}
.header-row .custom-header-top-btn-style-1::after {
    top: 101%;
}
.vigilance_head .header-row .btn {
	display: flex;
	align-items: center;
	color: #000 !important;
}
.vigilance_head .header-row .btn i {
	color: var(--color-secondary) !important;
}

	/* sm 
	@media (min-width: 768px) and (max-width: 991px) {*/
@media (max-width: 767px) {
		.vigilance_head .header-row .btn span {
			    font-size: 0.6rem;
   				 width: 100px;
		}
		.vigilance_head .header-row .btn i {
			margin-right: 1rem !important;
		}
		.custom-header-top-btn-style-1::after {
			background: transparent;
		}
	}
.vigilance_head .header-row .btn::before {
	content: "\00a0";
}
	@media (max-width: 992px) {
		.header-row .d-md-block {
			display: none !important;
		}
	}

	#pre_menu .nav-link span {
		display: inline;
	}
	@media (max-width: 767px) {
		#pre_menu .nav-link {
			padding: .5rem 0.7rem;
		}
		#pre_menu .nav-link span {
			display: none;
		}
	}


/*--------------------------------*/
/*----- MENU CONTENT -----*/
/*--------------------------------*/
#header.header-effect-shrink .header-container {
    min-height: 80px;
}
#menu_content {
	-webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.4); 
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.4);	
}
#header #menu_content .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header #menu_content .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
    color: var(--color-secondary);
}
	@media (min-width: 992px) {
		#header #menu_content .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
			color: var(--color-primary);
		}
		#header #menu_content .header-nav.header-nav-links nav > ul li:hover > a {
			color: var(--color-primary);
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		#header #menu_content .header-nav-main nav > ul > li > a {
			font-size: 13px;
		}
	}


/*--------------------------------*/
/*----- MENU DEROULANT RESPONSIVE -----*/
/*--------------------------------*/
#header .header-nav-main {
    z-index: 2;
}


/*--------------------------------*/
/*----- BANDEAU POLLUTION -----*/
/*--------------------------------*/
#header .header-body {
	color: #000;
    border-bottom: 0px solid transparent;
}
#header #bandeau_pollution.header-top {
	border-bottom: 4px solid #FFF;
}
#bandeau_pollution.no_episode  {
	border-bottom-color: var(--color-vert) !important;
}

#bandeau_pollution.alertes_bandeau  {
	border-bottom-color: #ed1f28 !important;
}
#bandeau_pollution.information_bandeau  {
	border-bottom-color: #f7941d  !important;
}
#bandeau_pollution.no_episode .infos_bandeau i {
	color: var(--color-vert) !important;
}

#bandeau_pollution .alertes_bandeau i {
	color: #ed1f28 !important;
}

#bandeau_pollution .information_bandeau i {
	color: #f7941d !important;
}

#bandeau_pollution img{display:inline-block; margin-right:4px;}

	@media (max-width: 767px) {
		#bandeau_pollution .btn i {
			display: none;
		}
		#bandeau_pollution .btn {
			font-size: 12px;
		}
		#header #bandeau_pollution {
			font-size: 12px !important;
			line-height: 0px;
		}
		#bandeau_pollution {
			height: 50px !important;
		}
	}



/*--------------------------------*/
/*----- ACTUALITES -----*/
/*--------------------------------*/
#actualite h4 {
    font-size: 1.3em;
}
#actualite .card {
	min-height: initial;
}
	/* xl */ 
	@media (min-width: 1400px) {
		#actualite .card {
			min-height: 540px;
		}
	}
	/* lg */
	@media (min-width: 1200px) and (max-width: 1399px) {
		#actualite .card {
			min-height: 540px;
		}
	}
	/* md */
	@media (min-width: 992px) and (max-width: 1199px) {
		#actualite .card {
			min-height: 570px;
		}
	}
	/* sm */
	@media (min-width: 768px) and (max-width: 991px) {
		#actualite .card {
			min-height: 595px;
		}
	}
#actualite .custom-carousel-box-shadow-1:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 65%;
	height: 0px;
	box-shadow: 0 0 110px 180px rgba(0, 0, 0, 0.07);
	transform: translate3d(-50%, -50%, 0);
	z-index: 0;
}

.custom-card-style-1 {
	border-color: #efefef
}
.custom-card-style-1 img, .bon_geste img {
    border: 1px solid #efefef;
}


/*--------------------------------*/
/*----- AGENDA -----*/
/*--------------------------------*/
#agenda_accueil .date_agenda {
	color: #FFF;
	padding-top: 15px;
	text-align:center;
}
	#agenda_accueil.agenda_list .date_agenda {
		padding-top: 0;
	}
#agenda_accueil .date_agenda .day {
	font-size: 1.4em;
}
#agenda_accueil .date_agenda .month {
	font-size: 0.8em;
}
	#agenda_accueil.agenda_list .date_agenda .month {
		font-size: 1.2em;
	}
	#agenda_accueil.agenda_list p a {
		text-decoration: none;
		color: #777;
	}
	/* md */
	@media (min-width: 992px) and (max-width: 1199px) {
		#agenda_accueil .date_agenda .day {
			font-size: 2.6em;
		}
		#agenda_accueil .date_agenda .month {
			font-size: 1.2em;
		}
	}
	/* sm */
	@media (min-width: 768px) and (max-width: 991px) {
		#agenda_accueil .date_agenda {
			padding-top: 25px;
		}
		#agenda_accueil .date_agenda .day {
			font-size: 4.7em;
		}
		#agenda_accueil .date_agenda .month {
			font-size: 2.2em;
		}
	}
	/* xs */
	@media (max-width: 767px) {
		#agenda_accueil .date_agenda {
			padding-top: 10px;
		}
		#agenda_accueil .date_agenda .day {
			font-size: 2.7em;
			margin: 0 5px 0 0;
		}
		#agenda_accueil .date_agenda .month {
			font-size: 1.8em;
		}
	}

#agenda_accueil .image_agenda img {
	width: 100%;
	height: auto;
}
#agenda_accueil article.bleuf i {
	color: var(--color-bleuf); 
}
#agenda_accueil article.bleuf .date_agenda {
	background: var(--color-bleuf);
}
#agenda_accueil article.orange i {
	color: var(--color-orange); 
}
#agenda_accueil article.orange .date_agenda {
	background: var(--color-orange);
}

#agenda_accueil .owl-carousel {
    margin-bottom: 0px;
}
#agenda_accueil .owl-carousel .owl-nav {
    top: -10%;
}
#agenda_accueil .owl-carousel .owl-nav button.owl-prev {
    left: initial;
    right: 8%;
}

	/* sm */
	@media (min-width: 768px) and (max-width: 991px) {
		#agenda_accueil .owl-carousel .owl-nav {
			top: -3%;
		}
	}
	/* xs */
	@media (max-width: 767px) {
		#agenda_accueil .owl-carousel .owl-nav {
			top: -4%;
		}
		#agenda_accueil .owl-carousel .owl-nav button.owl-prev {
			right: 12%;
		}
	}


/*--------------------------------*/
/*----- NEWSLETTER -----*/
/*--------------------------------*/
#newsletter .check_inline {
	display: flex;
	align-items: flex-start;
}
#newsletter .check_inline input {
}
#newsletter .check_inline span {
}


/*--------------------------------*/
/*----- DIVERS -----*/
/*--------------------------------*/
.flex_content {
	display: flex;
}
.flex_content #agenda_accueil, .flex_content #inventaire_regional_graphique {
	display: flex;
	align-content: stretch;
}
#inventaire_regional_graphique {
	height: 100%;
}

.flex_content #newsletter {
	display: flex;
	align-content: stretch;
}

a.list_polluant:hover, a.result_search:hover {
	text-decoration: none;
}
html a.list_polluant .bg-secondary {
	transition: ease 300ms;
}
html a.list_polluant:hover .bg-secondary {
    background-color: var(--color-primary) !important;
}


/*--------------------------------*/
/*----- CONTACT -----*/
/*--------------------------------*/
.cercle-1 {
	border:8px solid #F00;
	border-color: var(--color-primary);
}
.cercle-2 {
	border:4px solid #FFF;
}

/*--------------------------------*/
/*----- ARTICLE -----*/
/*--------------------------------*/

.twitter-share-button {
	width: inherit !important;
	height: inherit !important;
}

.btn-o {
	width: inherit !important;
}

.addthis_counter a.atc_s {
    font-size: inherit !important;
    font-weight: 700 !important;
    color: #000 !important;
    padding: 0 !important;
    line-height: inherit !important;
	text-transform: uppercase !important;
}

.addthis_counter .atc_s {
    background: none;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
    background-size: 10px;
    background-color: inherit !important;
    display: inline-block;
    border-radius: 2px;
    min-width: 25px;
    text-decoration: none;
}


/*--------------------------------*/
/*----- TOGGLE -----*/
/*--------------------------------*/
a.toggle-title:hover {
    text-decoration: none;
}
.toggle > label, .toggle > .toggle-title {
    background: #e0e0e0;
}
.toggle.active > label, .toggle.active > .toggle-title {
   color: #FFF !important;
}

/*--------------------------------*/
/*----- HEADER CONTENT -----*/
/*--------------------------------*/
.page-header {
    background-color: #212529;
    margin: 0;
    margin-top: 0px;
    padding: 30px 0;
    position: relative;
    text-align: left;
}

.page-header.page-header-modern.page-header-background.page-header-background-md,
.page-header.page-header-modern.page-header-lg {
    padding: 60px 0;
}

#list_article {
	display: flex;
	align-items: stretch;
}

.spip_documents_center {
    margin: 0 auto;
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
}

.card-body .spip_documents img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	width:100% !important;
	height: auto;
}

#newsletter .custom-form-style-2 .form-control {
    height: calc(1.8em + 1.85rem + 2px);
    padding: 15.6px 20px;
    padding: 0.975rem 1.25rem;
    background: #f7f7f7;
    border-color: #f7f7f7;
    line-height: 1.5 !important;
}

.grecaptcha-badge { visibility: hidden; }
#stationList, #polluantList, #stationList li, #polluantList li{list-style:none; padding:0; margin:0;}

@media only screen and (max-width: 640px){
	#menu_rapide_position{display:none;}
}

.addthis_counter a {
	font-family: "Poppins", sans-serif !important;
}
.addthis_counter a.atc_s {
	font-size: inherit !important;
	font-weight: 700 !important;
	color: #000 !important;
	padding: 0 !important;
	line-height: inherit !important;
	text-transform: uppercase !important;
}

.addthis_counter .atc_s {
	background: none;
		background-color: rgba(0, 0, 0, 0);
		background-position-x: 0%;
		background-position-y: 0%;
	background-size: 10px;
	background-color: inherit !important;
	display: inline-block;
	border-radius: 2px;
	min-width: 25px;
	text-decoration: none;
}

.addthis_counter .atc_s::after {
	font-family: "Font Awesome 5 Free";
	content: "\00a0\00a0\f1e0";
}

#at15s.atm {
	display: none !important;
}

.addthis_toolbox{
	margin-top:16px;
}

.projecteur_accueil{
	position: relative; 
	overflow: hidden;
}

.text-1 {
    font-size: .7em !important;
}



/*--------------------------------*/
/*----- DATA -----*/
/*--------------------------------*/
#mesure #map1 {
	height: 500px !important;
}
#polluantList li {
	margin: 0 0 10px 0;
}
#polluantList a {
	border-radius: 35px;
	padding: 0.2rem 0.5rem;
	color: #FFF;
	background-color: var(--color-bleuf);
	border-color: var(--color-bleuf);
}




/*--------------------------------*/
/*----- CARTE POPUP -----*/
/*--------------------------------*/
.leaflet-popup p {
    line-height: 16px;
}

.text_big h3 {
    font-size: 2em !important;
}
.text_big p {
    font-size: 2em !important;
}
.text_big p span {
    font-size: 2.5em !important;
}

.tab_intern .tab-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}

.process-shapes .process-step-content a:hover {
    text-decoration: none;
}

.process.process-shapes .process-step-circle .process-step-circle-content, .process.process-shapes .process-step-circle::before, .process.process-shapes .process-step-circle::after {
    background-color: var(--color-secondary);
}

.leaflet-popup-content strong{
	color:#000;
}

.leaflet-popup-content h4{
	margin:8px 0;
}

.leaflet-popup-content img.img-fluid{
	width:100%;
	height:auto;
}

.legend_station img {
	width: auto;
	height: 48px;
	margin: 0 0 10px 0;
}
.legend_station p {
	margin: 0;
	line-height: normal;
}
.scroll_card {
	/*height: 950px;*/
	height: 620px;
	overflow: scroll;
}

	@media (max-width: 767px) {
		.scroll_card {
			height: initial;
		}
	}


.result_placeholder .feature-box{
	align-content:center;
	justify-content:center;
}

.result_placeholder .feature-box .feature-box-info{
	align-self: center;
}

.result_placeholder .feature-box .feature-box-icon{
	top:auto;
}

.process.process-shapes .process-step-circle.active .process-step-circle-content, .process.process-shapes .process-step-circle.active::before, .process.process-shapes .process-step-circle.active::after {
    background-color: rgb(245, 167, 32);
}

.accordion .card-header .accordion-recommandation i[class*="fa-"]{
	margin:0;
}

.accordion-recommandation .rotate{
	transform: rotate(-90deg);
	transition: transform 0.15s ease;
}

.accordion-recommandation:hover .rotate,
.accordion-recommandation.collapsed .rotate{
	transform: rotate(0);
}

.leaflet-container .legend {
    line-height: 18px;
    color: #555;
}
.leaflet-container .info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,1); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; } .info h4 { margin: 0 0 5px; color: #777; }
.leaflet-container .legend { text-align: left; line-height: 18px; color: #555; } .legend i { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.7; }

.leaflet-container .legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 1;
}

.leaflet-container .legend strong,
.leaflet-container .change-region strong,
.leaflet-container .change-region label{
	display:block;
}

.leaflet-container .change-region strong{
	margin-bottom:6px;
}

.separator::after, .separator::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}


.separator::after {
    background-position: left 1em top 50%;
}

.separator::before {
    background-position: right 1em top 50%;
}

.separator::after, .separator::before {

    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;

}
.separator {
	display: table;
	white-space: nowrap;
	height: auto;
	margin: '';
	line-height: 1;
	text-align: center;
}