/**
* Main CSS file
* @package Articles News Pro
* @Copyright (C) 2020-2021 Ameen Mansoor
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: ANP 1.0 $
**/

.js-fadeable {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility .1s linear .2s, opacity .2s ease-out;
	transition: visibility .1s linear .2s, opacity .2s ease-out
}

.js-fadeable--show {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.js-fadeable--hide {
	visibility: hidden;
	opacity: 0
}

.js-no-overflow {
	overflow: hidden;
	position: relative;
	height: 100%
}

.teaser__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	color: #000;
	border: none;
	width: 100%;
	height: 100%
}

.teaser--small .teaser__link {
	height: auto
}

.wl-tile {
	

/*

background: #fff; */
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	height: calc(100% - 15px);
	width: auto;
	

/*100rem;*/


overflow: hidden;
	margin-bottom: 7px;
	-webkit-box-shadow: 0 1px 0 #d4d4d4;
	box-shadow: 0 1px 0 #d4d4d4
}

#sp-tags .wl-tile {
	-webkit-box-shadow: 0 0 0 #d4d4d4;
	box-shadow: 0 0  0 #d4d4d4
}

#sp-tags  .teaser__title--small {
	color: #ffffff;
}

.teaser--moudle-background .wl-teaser--basic {
	height: calc(100% - 30px);
}

.teaser--basic.teaser--typographyset-basicalt.teaser--has-horizontal-element-direction .teaser__content-wrapper {
	padding-bottom: 0
}

@media (min-widthssssssss: 640px) {

.wl-tile {
	position: absolute;
	height: 280px;
	width: 280px;
	overflow: visible;
	max-width: 1240px;
	-webkit-box-shadow: none;
	box-shadow: none
}

}

.wl-tile--fixed-height {
	height: 100rem
}

/*-- this not use --*/

.wl-tile--fixed-height .wl-teaser, .wl-tile--fixed-height .wl-teaser--basic {
	height: 100%
}

@media (max-width: 640px) {

.wl-tile--fixed-height .wl-teaser, .wl-tile--fixed-height .wl-teaser--basic {
	height: 100%
}

}

/*-- to here --*/

.wl-tile--fixed-height:last-child {
	overflow: visible
}

:root {
	--teaser-subtitle: #000
}

.teaser__header {
	z-index: 2;
	padding: 0
}

.teaser__title {
	display: inline;
	font-weight: 300;
	font-size: 28px;
	font-size: 31px;
	color: #000;
	margin: 0 0 10px
}

.teaser__title b, .teaser__title bold, .teaser__title strong {
	font-weight: normal
}

.teaser__title em, .teaser__title italic {
	font-style: italic
}

.teaser__title b, .teaser__title bold, .teaser__title strong {
	font-weight: normal
}

.teaser__title sub, .teaser__title sup {
	font-style: italic
}

.wl-teaser--basic:hover .teaser__title {
	background: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor)) repeat-x 0 91%;
	background: linear-gradient(90deg, currentColor, currentColor) repeat-x 0 91%;
	background-size: 1px 1px
}

.teaser__title strong {
	font-weight: normal
}

.teaser__subtitle {
	font-family: Museo, Arial, Helvetica Neue, Helvetica, "sans-serif";
	font-size: 13px;
	font-weight: 900;
	line-height: inherit;
	margin: 0 0 5px;
	color: var(--teaser-subtitle);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width: 640px) {

.teaser__subtitle {
	margin-bottom: 5px
}

}

.teaser__plus-label:not(:empty) {
	display: inline;
	margin: 0;
	background-color: initial;
	font-family: Museo, Arial, Helvetica Neue, Helvetica, "sans-serif";
	font-size: 15px;
	font-weight: 500;
	padding: 0;
	line-height: inherit;
	color: #ff0000
}

.teaser__plus-label:not(:empty).teaser__plus-label--after {
	margin: 0 0 0 4px
}

.teaser__label {
	margin-left: 0;
	font-family: 'TheSansArabic-Bold';
}

.teaser__sublabel {
	color: #000;
	font-family: 'TheSansArabic-Plain';
	font-weight: 300
}

.teaser__image {
	width: 100%
}

.teaser__image img, .teaser__image source {
	width: 100%;
	height: auto;
	display: block
}

.teaser__image + .teaser__header {
	margin-top: 5px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.teaser--element-direction-vertical .teaser__image {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.wl-teaser--basic {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	

/* height: calc(100%

- 30px)!important;*/
    height: 100%;
	text-decoration: none;
	z-index: 1;
	margin: 10px 0 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (min-widthssssssss: 640px) {

.wl-teaser--basic {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	overflow: hidden;
	padding: 0
}

}

.wl-teaser--basic.wl-teaser--has-padding .teaser__header {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 20px 20px 20px
}

@media (max-width: 640px) {

.teaser--size-s .wl-teaser--basic.wl-teaser--has-padding .teaser__header {
	padding: 10px
}

.teaser--size-xw .wl-teaser--basic.wl-teaser--has-padding .teaser__header {
	padding: 10%
}

.teaser--size-l .wl-teaser--basic.wl-teaser--has-padding .teaser__header, .teaser--size-m .wl-teaser--basic.wl-teaser--has-padding .teaser__header, .teaser--size-xl .wl-teaser--basic.wl-teaser--has-padding .teaser__header {
	padding: 20px
}

}

.wl-teaser--basic.teaser--header-alignment-left .teaser__header {
	text-align: left
}

.wl-teaser--basic.teaser--header-alignment-center .teaser__header {
	text-align: center
}

.wl-teaser--basic.teaser--header-alignment-center .teaser__subtitle {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.wl-teaser--basic.teaser--header-alignment-right .teaser__header {
	text-align: right
}

.wl-teaser--basic.teaser--header-alignment-right .teaser__subtitle {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.wl-teaser--basic.teaser--header-alignment-left .teaser__subtitle {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.wl-teaser--basic.teaser--element-direction-horizontal.teaser--header-position-vertical-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.wl-teaser--basic.teaser--element-direction-horizontal.teaser--header-position-vertical-middle .teaser__header:first-child:last-child {
	padding-top: 20% !important;
	padding-bottom: 20% !important
}

.wl-teaser--basic.teaser--element-direction-vertical.teaser--header-position-vertical-middle .teaser__header {
	padding-top: 10% !important;
	padding-bottom: 10% !important
}

.wl-teaser--basic.teaser--element-direction-vertical.teaser--header-position-vertical-top {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.wl-teaser--basic .teaser__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.wl-teaser--basic.teaser--header-position-horizontal-left .teaser__header {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.wl-teaser--basic.teaser--header-position-horizontal-center .teaser__header {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.wl-teaser--basic.teaser--header-position-horizontal-right .teaser__header {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.wl-teaser--basic.teaser--element-direction-horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width: 640px) {

.wl-teaser--basic.teaser--element-direction-horizontal {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

}

.wl-teaser--basic.teaser--element-direction-vertical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.dossier__title__container {
	width: 100%;
	z-index: 2;
	text-decoration: none
}

.teaser--dossier__articles {
	position: absolute;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2;
	text-align: right;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	bottom: 20px;
	left: 0
}

.teaser--dossier__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 0 20px 20px 20px;
	overflow-x: scroll;
}

.teaser--dossier__list::-webkit-scrollbar {
	display: none;
}

.teaser--dossier__list {
	-ms-overflow-style: none;
	/

* IE and Edge */
  scrollbar-width: none;


/*

Firefox */
}

@media (max-width: 640px) {

.teaser--dossier__list {
	margin-right: 15px;
	padding-bottom: 15px;
	overflow-x: hidden
}

}

.teaser--dossier__list__teaser {
	background-color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 19px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 0;
	min-width: 286px;
	max-width: 286px;
}

.teaser--dossier__list__teaser:not(:last-child) {
	padding-bottom: 10px
}

.teaser--dossier__list__title__value--short {
	display: inline
}

@media (min-widthssssssss: 640px) {

.teaser--dossier__list__title__value--short {
	display: none
}

}

.teaser--dossier__list__title__value--long {
	display: inline
}

@media (max-width: 640px) {

.teaser--dossier__list__title__value--long {
	display: inline
}

}

.teaser--dossier__list__teaser__container {
	padding: 0 15px;
	height: 100%
}

.teaser--dossier__list__teaser:not(:first-child) .teaser--dossier__list__teaser__container {
	border-left: 1px solid #eaeaea;
	text-align: right;
}

.teaser--dossier__list__arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	bottom: 20px;
	width: 21px;
	background-color: transparent;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2;
}

.teaser--dossier__list__arrow.js-fadeable--show {
	visibility: visible;
}

@media (max-width: 640px) {

.teaser--dossier__list__arrow.js-fadeable--show {
	visibility: visible
}

}

.teaser--dossier__list__arrow--right {
	right: 0
}

.teaser--dossier__list__arrow:hover {
	cursor: pointer
}

.teaser--dossier__list__arrow:hover path {
	fill: #000
}

.teaser--dossier__list__arrow--left {
	left: 0
}

.teaser--dossier__subtitle {
	font-size: 13px;
	font-weight: 900;
	line-height: 16px;
	margin: 0 15px;
	padding-bottom: 10px
}

.teaser--dossier__subtitle, .teaser--dossier__subtitle a {
	text-decoration: none;
	color: #fff
}

.teaser--dossier_subtitle__right-icon {
	width: 1em;
	height: 1em;
	top: .134em;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	fill: #fff;
	position: relative
}

.teaser--dossier__list__label {
	font-size: 13px;
	font-weight: 900;
	line-height: 16px;
	margin-right: 2px
}

.teaser--dossier__list__link {
	border: 0;
	color: #000;
	text-decoration: none
}

.teaser--dossier__list__link:hover {
	background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)) repeat-x 0 95%;
	background: linear-gradient(90deg, currentColor 0, currentColor) repeat-x 0 95%;
	background-size: 1px 1px;
	display: inline
}

.teaser__title--small:hover {
	background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)) repeat-x 0 95%;
	background: linear-gradient(90deg, currentColor 0, currentColor) repeat-x 0 95%;
	background-size: 1px 1px;
	display: inline
}

.teaser--with-image-background {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	text-decoration: none;
	z-index: 1;
	margin: 10px 0 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	overflow: hidden;
	height: calc(100% - 30px)
}

@media (min-widthssssssss: 640px) {

.teaser--with-image-background {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	overflow: hidden;
	padding: 0
}

}

.teaser-block--horizontal .teaser--with-image-background {
	width: 100%;
	margin: 0
}

.teaser--with-image-background.teaser--header-position-vertical-bottom:not(.wl-teaser--dossier) {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	overflow: hidden
}

.teaser--with-image-background.teaser--header-position-vertical-bottom:not(.wl-teaser--dossier) .teaser__header {
	padding-top: 20% !important
}

.teaser--with-image-background.teaser--header-position-vertical-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.teaser--with-image-background.teaser--header-position-vertical-middle .teaser__header {
	padding-top: 20% !important;
	padding-bottom: 20% !important
}

.teaser--with-image-background.teaser--header-position-vertical-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.teaser--with-image-background.teaser--header-position-vertical-top .teaser__header {
	padding-bottom: 20% !important
}

.teaser--with-image-background .teaser__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.teaser--with-image-background.teaser--header-position-horizontal-left .teaser__header {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.teaser--with-image-background.teaser--header-position-horizontal-center .teaser__header {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.teaser--with-image-background.teaser--header-position-horizontal-right .teaser__header {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.teaser--with-image-background.teaser--header-alignment-left .teaser__header {
	text-align: left
}

.teaser--with-image-background.teaser--header-alignment-right .teaser__header {
	text-align: right
}

.wl-teaser--basic.teaser--header-alignment-center .teaser__header {
	text-align: center
}

.wl-teaser--basic.teaser--header-alignment-center .teaser__subtitle {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.teaser--with-image-background.teaser--header-alignment-center .teaser__header {
	text-align: center
}

.teaser--with-image-background.teaser--header-alignment-center .teaser__subtitle {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.teaser--with-image-background.teaser--header-alignment-right .teaser__subtitle {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.teaser--with-image-background.teaser--header-alignment-left .teaser__subtitle {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.teaser--with-image-background.wl-teaser--has-padding .teaser__header {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px
}

@media (max-width: 640px) {

.teaser--size-s .teaser--with-image-background.wl-teaser--has-padding .teaser__header {
	padding: 10px
}

.teaser--size-xw .teaser--with-image-background.wl-teaser--has-padding .teaser__header {
	padding: 10%
}

.teaser--size-l .teaser--with-image-background.wl-teaser--has-padding .teaser__header, .teaser--size-m .teaser--with-image-background.wl-teaser--has-padding .teaser__header, .teaser--size-xl .teaser--with-image-background.wl-teaser--has-padding .teaser__header {
	padding: 20px
}

}

.teaser--with-image-background.title-weight--light .teaser__title,
.wl-teaser--basic.title-weight--light .teaser__title {
	font-family: 'TheSansArabic-Plain';
}

.teaser--with-image-background.title-weight--regular .teaser__title,
.wl-teaser--basic.title-weight--regular .teaser__title {
	font-family: 'TheSansArabic-SemiBold';
}

.teaser--with-image-background.title-weight--bold .teaser__title,
.wl-teaser--basic.title-weight--bold .teaser__title {
	font-family: 'TheSansArabic-Bold';
	font-size: 1.2rem;
}

.teaser--with-image-background.title-weight--black .teaser__title,
.wl-teaser--basic.title-weight--black .teaser__title {
	font-family: 'TheSansArabic-Black';
}

.teaser--with-image-background .teaser__image--background {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.teaser--with-image-background .teaser__title {
	margin-bottom: 0
}

.teaser--with-image-background .teaser__header {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 20px;
	width: 100%
}

.teaser--with-image-background:not(.teaser--dossier):hover .teaser__title {
	background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)) repeat-x 0 90%;
	background: linear-gradient(90deg, currentColor 0, currentColor) repeat-x 0 85%;
	background-size: 1px 1px;
	display: inline
}

:root {
	--teaser-list-title: #00425f
}

.wl-tile__teaser-list {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	text-decoration: none;
	z-index: 1;
}

@media (max-width: 640px) {

.wl-tile__teaser-list {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	overflow: hidden;
	padding: 0
}

}

.wl-tile__teaser-list.hide-labels .wl-teaser__labels, .wl-tile__teaser-list.teaser-subteasers-counter--hide .teaser__counter--small {
	display: none
}

.teaser-list__header {
	position: relative;
	margin: 0 0 15px;
	line-height: 24px
}

.teaser-list__title {
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	display: inline-block;
	color: #00425f;
	margin: 0
}

.teaser-list__header-link {
	color: #00425f;
	text-decoration: none
}

.teaser-list--align-left {
	text-align: left
}

.teaser-list__more {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	margin: 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0
}

.teaser-list__more svg {
	fill: currentColor
}

.teaser-list__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	overflow: hidden;
	padding: 0
}

@media (max-width: 640px) {

.teaser--size-s .teaser-list__items {
	max-height: 245px
}

}

@media (max-width: 640px) {

.teaser--size-v .teaser-list__items {
	max-height: 565px
}

}

.hide-image .wl-teaser__image, .hide-labels .wl-teaser__labels {
	display: none
}

.teaser--small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 0 15px;
	max-width: 100%;
	padding: 0
}

.anp_row .col-md-12:nth-child(1) .teaser--small {
	margin: 10px 0 15px;
}

.teaser__title--small {
	font-family: "IBM Plex Arabic";
	display: inline;
	font-size: 17px;
	line-height: 18px
}

.teaser--small.title-weight--light .teaser__title--small {
	font-weight: 300;
}

.teaser--small.title-weight--regular .teaser__title--small {
	font-weight: 400;
}

.teaser--small.title-weight--bold .teaser__title--small {
	font-weight: 500;
}

.teaser--small.title-weight--black .teaser__title--small {
	font-weight: 700;
}

.teaser--small .teaser__sublabel {
	font-family: "IBM Plex Arabic";
	font-weight: 400;
}

.teaser__counter--small {
	color: #eaeaea;
	font-family: Museo, Arial, Helvetica Neue, Helvetica, "sans-serif";
	font-size: 41px;
	font-style: normal;
	font-weight: 300;
	margin-top: -5px;
	min-width: 35px
}

.teaser--small:hover .teaser__counter--small,
.teaser__counter--small:hover {
	color: #000;
}

.teaser__header--small {
	margin-bottom: 0;
	margin-top: 0
}

.teaser__header--align-left {
	text-align: right;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.teaser__labels--align-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.teaser__subtitle--small {
	position: relative;
	bottom: -4px
}

.teaser__sublabel--small {
	color: #727272;
	font-size: 13px;
	line-height: 12px
}

.date-space {
	padding-left: 7px;
}

.teaser--small.image-position-horizontal--right .teaser__image--small {
	margin-left: 10px
}

.teaser--small.image-position-horizontal--left .teaser__image--small {
	margin-right: 10px
}

.teaser__header--align-left {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.teaser__header--align-center {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.teaser__header--align-right {
	text-align: right;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.teaser__labels--align-left {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.teaser__labels--align-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.teaser__labels--align-right {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.teaser--small.image-position-horizontal--right .teaser__link {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: auto;
}

.teaser--small.image-position-horizontal--left .teaser__link {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: auto;
}

.image-position-horizontal--none .teaser__image--small {
	display: none
}

.teaser__plus-label {
	position: relative;
	font-size: 13px
}

@supports (-webkit-overflow-scrolling: touch) {
	.teaser__plus-label {
        font-size: 18px;
	top: 1px;
	margin-right: 0
}

}

.teaser--typographyset-basic .teaser__title {
	font-size: 1.26667rem;
	line-height: 1.66667rem
}

@media (max-width: 640px) {

.teaser--typographyset-basic .teaser__title {
	font-size: 20px;
	line-height: 22px
}

.teaser--size-m .teaser--typographyset-basic .teaser__title {
	font-size: 1.36667rem!important;
	line-height: 1.96667rem!important;
}

.teaser--moudle-background .teaser--typographyset-basicalt .teaser__title {
	font-size: 32px;
	line-height: 35px;
}

.wl-teasssser__image.teaser__image--small.fjs-teaser-image {
	width: 65px;
	height: 65px;
}

.teaser--typographyset-basicalt .teaser__title {
	font-size: 1.66667rem;
	line-height: 1.66667rem
}

}

@media (max-width: 640px) {

.teaser--typographyset-basicalt .teaser__title {
	font-size: 22px;
	line-height: 25px
}

.teaser--size-l .teaser--typographyset-basicalt .teaser__title, .teaser--size-m .teaser--typographyset-basicalt .teaser__title, .teaser--size-xl .teaser--typographyset-basicalt .teaser__title {
	font-size: 42px;
	line-height: 43px
}

}

@media (max-width: 960px) {

.teaser--size-l .teaser--typographyset-basicalt .teaser__title, .teaser--size-xl .teaser--typographyset-basicalt .teaser__title {
	font-size: 42px;
	line-height: 43px
}

}

@media (max-width: 1320px) {

.teaser--size-xl .teaser--typographyset-basicalt .teaser__title {
	font-size: 42px;
	line-height: 43px
}

}

.teaser--typographyset-basicbrandedcontent .teaser__title {
	font-size: 5.86667rem;
	line-height: 6.66667rem
}

@media (max-width: 640px) {

.teaser--typographyset-basicbrandedcontent .teaser__title {
	font-size: 22px;
	line-height: 25px;
	letter-spacing: -.2px
}

.teaser--size-l .teaser--typographyset-basicbrandedcontent .teaser__title, .teaser--size-m .teaser--typographyset-basicbrandedcontent .teaser__title, .teaser--size-xl .teaser--typographyset-basicbrandedcontent .teaser__title {
	font-size: 42px;
	line-height: 44px;
	letter-spacing: -.3px
}

}

.teaser--typographyset-image .teaser__title {
	font-size: 1.36667rem;
	line-height: 1.56667rem
}

.teaser--size-m .teaser--typographyset-image .teaser__title,
.teaser--size-m .teaser--typographyset-basic .teaser__title {
	font-size: 2.16667rem;
	line-height: 2.76667rem
}

@media (max-width: 640px) {

.teaser--typographyset-image .teaser__title {
	font-size: 22px;
	line-height: 24px
}

.teaser--size-l .teaser--typographyset-image .teaser__title, .teaser--size-m .teaser--typographyset-image .teaser__title, .teaser--size-xl .teaser--typographyset-image .teaser__title {
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0
}

.teaser--size-xl .teaser--typographyset-image .teaser__title {
	font-size: 32px;
	line-height: 34px;
	letter-spacing: 0
}

}

.teaser--typographyset-imagebrandedcontent .teaser__title {
	font-size: 1.66667rem;
	line-height: 7.46667rem
}

@media (max-width: 640px) {

.teaser--typographyset-imagebrandedcontent .teaser__title {
	font-size: 25px;
	line-height: 28px;
	letter-spacing: -.2px
}

}

.teaser__subtitle--small {
	bottom: 0;
	margin-bottom: 0
}

.teaser__sublabel--small {
	line-height: 1
}

.wl-teaser--basic.teaser--image-position-before_title {
	height: calc(100% - 30px)
}

.teaser--element-direction-vertical.teaser--image-position-after_title .teaser__header {
	margin-bottom: 10px
}

.section__header {
	display: block
}

@media (max-width: 640px) {

.section__header {
	margin-bottom: 20px
}

}

.section-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 25px;
	color: #000;
	font-family: 'TheSansArabic-Plain';
	margin: 0 0 10px;
	text-align: right;
	width: 100%;
	padding: 13px 0;
	white-space: nowrap;
}

.section--horizontal .section-title {
	text-align: left;
	padding: 30px 15px 10px;
	width: auto;
	margin-bottom: 0
}

.section-title__link {
	color: inherit
}

.section-title__wrapper {
	font-size: 46px;
	font-weight: 100;
	line-height: 49px;
	display: block;
	font-family: 'TheSansArabic-Bold';
	padding: 13px 0;
	text-align: right;
	border-bottom: 3px solid #000
}

@media (max-width: 640px) {

.section-title__wrapper {
	font-size: 34px;
	font-weight: 100;
	line-height: 57px;
	padding-bottom: 10px;
	padding-right: 20px;
	text-align: center;
}

}

.section-title__link:enabled:hover, .section-title__link:focus, .section-title__link:hover, .section-title__link:not([disabled]):hover {
	background: linear-gradient(90deg, currentColor 0, currentColor) repeat-x 0 1.05em;
	background-size: 1px 1px;
	display: inline
}

.section-title__connector {
	font-family: Museo, Arial, Helvetica Neue, Helvetica, "sans-serif";
	color: #000;
	font-weight: 100
}

.section__anchor {
	background-color: #fff;
	height: 10px
}

/* FIXINg */

.wl-teaser--basic.teaser--element-direction-horizontal .teaser__image {
	max-width: 35%;
	order: 0;
}

.wl-teaser--basic.teaser--element-direction-horizontal.teaser--typographyset-basic .teaser__title {
	font-size: 3.26667rem;
	line-height: 3.36667rem;
}

@media (max-width: 640px) {

.wl-teaser--basic.teaser--element-direction-horizontal .teaser__image {
	max-width: 100%;
	order: 0;
}

.wl-teaser--basic.teaser--element-direction-horizontal.teaser--typographyset-basic .teaser__title {
	font-size: 5.86667rem;
	line-height: 6.66667rem;
}

}

.wl-teaser--basic.teaser--element-direction-horizontal.teaser--header-position-vertical-bottom:not(.wl-teaser--dossier) {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	overflow: hidden
}

.teaser--size-s,
.teaser--size-h {
	width: auto;
	height: 300px;
}

.teaser--size-w {
	width: 920px;
	height: 615px;
}

.teaser--size-m,
.teaser--size-v {
	height: 615px;
}

@media (max-width: 1280px) {

.teaser--size-m {
	height: 480px;
}

.teaser--size-v {
	height: 480px;
}

.teaser--size-s,
.teaser--size-h {
	width: auto;
	height: 240px;
}

.teaser__image--small {
	display: none;
}

.teaser--typographyset-basic .teaser__title {
	font-size: 16px;
	line-height: 17px;
}

.teaser--typographyset-image .teaser__title {
	font-size: 18px;
	line-height: 12px;
}

.teaser--size-m .teaser--typographyset-image .teaser__title {
	font-size: 1.66667rem;
	line-height: 1.96667rem;
}

.anp_row .col-md-12:nth-child(6) .teaser--small {
	display: none;
}

}

@media (max-width: 990px) {

.teaser--size-m,
.teaser--size-v {
	height: 605px;
}

.teaser--size-s,
.teaser--size-h {
	width: auto;
	height: 320px;
}

.teaser__image--small {
	display: block;
}

.teaser--typographyset-image .teaser__title {
	font-size: 1.36667rem;
	line-height: 1.56667rem;
}

.teaser--typographyset-basic .teaser__title {
	font-size: 1.26667rem;
	line-height: 1.66667rem;
}

.anp_row .col-md-12:nth-child(6) .teaser--small {
	display: block;
}

.teaser--size-m .teaser--typographyset-image .teaser__title {
	font-size: 2.66667rem;
	line-height: 2.96667rem;
}

}

@media (max-width: 768px) {

.teaser--size-m {
	height: 605px;
}

.teaser--size-s {
	width: auto;
	height: 300px;
}

.teaser--size-h {
	height: 280px;
}

.teaser--typographyset-image .teaser__title {
	font-size: 1.66667rem;
	line-height: 1.56667rem;
}

.teaser--typographyset-basic .teaser__title {
	font-size: 1.26667rem;
	line-height: 1.66667rem;
}

.teaser__title--small {
	font-size: 18px;
	line-height: 17px;
}

.teaser--size-m .teaser--typographyset-image .teaser__title {
	font-size: 1.66667rem;
	line-height: 1.96667rem;
}

}

@media (max-width: 640px) {

.teaser--size-m {
	height: 405px;
}

.teaser--size-s {
	width: auto;
	height: 340px;
}

.teaser--size-h {
	width: auto;
	height: 280px;
}

.teaser--typographyset-image .teaser__title {
	font-size: 1.66667rem;
	line-height: 1.56667rem;
}

.teaser--typographyset-basic .teaser__title {
	font-size: 1.46667rem;
	line-height: 1.66667rem;
}

.teaser--size-m .teaser--typographyset-basic .teaser__title {
	font-size: 2.36667rem;
	line-height: 2.96667rem;
}

}

@media (max-width: 414px) {

.teaser--size-m {
	height: 405px;
}

.teaser--size-s {
	height: 340px;
}

.teaser--size-h {
	height: 220px;
}

.teaser--typographyset-image .teaser__title {
	font-size: 1.36667rem;
	line-height: 1.26667rem;
}

.teaser--typographyset-basic .teaser__title {
	font-size: 1.26667rem;
	line-height: 1.46667rem;
}

}

.teaser--size-m #exampleSlider,
.teaser--size-m #exampleSlider2,
.teaser--size-m #exampleSlider3 {
	position: relative;
	border: 0 solid black;
	padding: 0;
	background: none;
}

.teaser--size-m #exampleSlider .MS-content .item,
.teaser--size-m #exampleSlider2 .MS-content .item,
.teaser--size-m #exampleSlider3 .MS-content .item {
	display: inline-block;
	width: 49.333%;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: normal;
	padding: 0 0;
}

.teaser--size-m #exampleSlider .MS-content,
.teaser--size-m #exampleSlider2 .MS-content,
.teaser--size-m #exampleSlider3 .MS-content {
	margin: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	background-color: #fff;
	margin-bottom: 20px;
}

.teaser--size-m #exampleSlider .MS-controls button,
.teaser--size-m #exampleSlider2 .MS-controls button,
.teaser--size-m #exampleSlider3 .MS-controls button {
	position: absolute;
	border: none;
	background: transparent;
	font-size: 15px;
	outline: 0;
	top: 15px;
	width: 20px;
}

.teaser--size-m #exampleSlider .MS-controls button:hover,
.teaser--size-m #exampleSlider2 .MS-controls button:hover,
.teaser--size-m #exampleSlider3 .MS-controls button:hover {
	cursor: pointer;
}

.teaser--size-m #exampleSlider .MS-controls .MS-left,
.teaser--size-m #exampleSlider2 .MS-controls .MS-left,
.teaser--size-m #exampleSlider3 .MS-controls .MS-left {
	left: 0;
}

.teaser--size-m #exampleSlider .MS-controls .MS-right,
.teaser--size-m #exampleSlider2 .MS-controls .MS-right,
.teaser--size-m #exampleSlider3 .MS-controls .MS-right {
	right: 0;
}

@media (max-width: 640px) {

.teaser--size-m #exampleSlider .MS-content .item,
.teaser--size-m #exampleSlider2 .MS-content .item,
.teaser--size-m #exampleSlider3 .MS-content .item {
	width: 100%;
}

.teaser--dossier__list__teaser {
	min-width: 360px;
	max-width: 360px;
}

}

.teaser--size-m .item:not(:nth-child(2)) {
	border-left: 1px solid #ddd;
	text-align: right;
}