/** tishreen maps **/
.parallax-container.full-width {
    height: 400px;
    width: 100%;
    position: absolute;
}
.full-column article .after-parallax.e-content {
    margin-top: 420px;
    padding-top: 60px;
	padding-bottom: 40px;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    display: inline-block;
    float: none;
    overflow: hidden;
    text-align: left;
    text-anchor: end;
}
.card.amman,
.card.aqaba,
.card.tafilah,
.card.karak,
.card.madaba,
.card.zarqa,
.card.jerash,
.card.ajloun,
.card.irbid,
.card.maan,
.card.balqaa,
.card.mafraq{
	display: none;
}

.Amman .card.amman,
.Aqaba .card.aqaba,
.Ma_an_-_gray .card.maan,
.Tafilah .card.tafilah,
.Karak .card.karak,
.Madaba .card.madaba,
.Zarqa .card.zarqa,
.Jerash .card.jerash,
.Balqaa .card.balqaa,
.Ajloun .card.ajloun,
.Irbid .card.irbid,
.Mafraq-_red .card.mafraq,
.card.start{
	display: inline-block;
}
.Amman .card.start,
.Aqaba .card.start,
.Ma_an_-_gray .card.start,
.Tafilah .card.start,
.Karak .card.start,
.Madaba .card.start,
.Zarqa .card.start,
.Jerash .card.start,
.Balqaa .card.start,
.Ajloun .card.start,
.Irbid .card.start,
.Mafraq-_red .card.start
{
	display: none;
}
.col.l6.cards {

    height: 450px;
    overflow-y: scroll;

}
.col.l6.cards.start {
    overflow-y: unset;
}
.full-column article .parallax-container h1 span {

    display: inline-block;
    text-align: center;
    width: 100%;

}
.full-column article .parallax-container h1 {

    width: 100%;
    text-align: center;
    position: relative;
/*    bottom: 70px;
*/
}
.parallax-container p.center-align.white-text {
    position: relative;
    bottom: 0;
    text-align: center;
    padding: 10px;
}
.hide-on-scroll {

    position: absolute;
    bottom: 0;
    overflow: hidden;

}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #c31f2f;
    color: white;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
}
#back-to-top:hover {
    background: darkgray;
}
#back-to-top.show {
    opacity: 1;
}
.col.l6.m6.s12.map {

    overflow: hidden;

}
.col.l6.cards.start,
.col.s12.m6.l6.cards.MAP{
	/*display: none;*/
}
 .active .cls-5,
 .active .cls-4,
 .active .cls-2{
	fill: #c32130 !important;
}

.day1 #Amman .cls-2,
.day1 #Aqaba .cls-2,
.day1 #Ma_an_-_gray .cls-4,
.day1 #Tafilah .cls-2,
.day1 #Karak .cls-2,
.day1 #Madaba .cls-2,
.day1 #Zarqa .cls-2,
.day1 #Jerash .cls-2,
.day1 #Balqaa .cls-2,
/*.day1 #Ajloun .cls-2,*/
.day1 #Irbid .cls-2,
.day1 #Mafraq-_red .cls-5
 {

    fill: #999;
    cursor: pointer;
}


.day2 #Amman .cls-2,
.day2 #Aqaba .cls-2,
.day2 #Ma_an_-_gray .cls-4,
.day2 #Tafilah .cls-2,
.day2 #Karak .cls-2,
.day2 #Madaba .cls-2,
.day2 #Zarqa .cls-2,
.day2 #Jerash .cls-2,
.day2 #Balqaa .cls-2,
.day2 #Ajloun .cls-2,
.day2 #Irbid .cls-2
/*.day2 #Mafraq-_red .cls-5*/
 {

    fill: #999;
    cursor: pointer;
}
.day2 #Mafraq-_red .cls-5
 {

    fill: #ccc;
    cursor: pointer;
}


.day3 #Amman .cls-2,
.day3 #Aqaba .cls-2,
.day3 #Ma_an_-_gray .cls-4,
.day3 #Tafilah .cls-2,
.day3 #Karak .cls-2,
/*.day3 #Madaba .cls-2,*/
.day3 #Zarqa .cls-2,
/*.day3 #Jerash .cls-2,*/
.day3 #Balqaa .cls-2,
.day3 #Ajloun .cls-2,
.day3 #Irbid .cls-2,
.day3 #Mafraq-_red .cls-5
 {

    fill: #999;
    cursor: pointer;
}
.day3 #Mafraq-_red .cls-5
 {

    fill: #999;
    cursor: pointer;
}

.day4 #Amman .cls-2,
.day4 #Aqaba .cls-2,
.day4 #Ma_an_-_gray .cls-4,
.day4 #Tafilah .cls-2,
.day4 #Karak .cls-2,
.day4 #Madaba .cls-2,
.day4 #Zarqa .cls-2,
.day4 #Jerash .cls-2,
.day4 #Balqaa .cls-2,
.day4 #Ajloun .cls-2,
.day4 #Irbid .cls-2,
.day4 #Mafraq-_red .cls-5
 {

    fill: #999;
    cursor: pointer;
}



.day5 #Amman .cls-2,
/*.day5 #Aqaba .cls-2,*/
/*.day5 #Ma_an_-_gray .cls-4,*/
.day5 #Tafilah .cls-2,
.day5 #Karak .cls-2,
.day5 #Madaba .cls-2,
.day5 #Zarqa .cls-2,
.day5 #Jerash .cls-2,
/*.day5 #Balqaa .cls-2,*/
.day5 #Ajloun .cls-2,
.day5 #Irbid .cls-2
/*.day5 #Mafraq-_red .cls-5*/
 {

    fill: #999;
    cursor: pointer;
}
.day5 #Mafraq-_red .cls-5
 {

    fill: #ccc;
    cursor: pointer;
}
.day5 #Ma_an_-_gray .cls-4
 {

    fill: #ccc;
    cursor: pointer;
}


.day6 #Zarqa .cls-2,
.day6 #Irbid .cls-2,
.day6 #Amman .cls-2,
.day6 #Aqaba .cls-2,
.day6 #Ma_an_-_gray .cls-4,
.day6 #Tafilah .cls-2,
.day6 #Karak .cls-2,
.day6 #Madaba .cls-2
/*.day6 #Jerash .cls-2,*/
/*.day6 #Balqaa .cls-2,*/
/*.day6 #Ajloun .cls-2,*/
/*.day6 #Mafraq-_red .cls-5*/
 {

    fill: #999;
    cursor: pointer;
}
.day6 #Mafraq-_red .cls-5
 {

    fill: #ccc;
    cursor: pointer;
}
.card {
    width: 100%;
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************    Mobile Devices     *************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
@media screen and (max-width: 750px) {
	.overlay {
	    position: fixed;
	    background: black;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    opacity: .7;
	    margin-left: -10px;
	}
	.parallax-container p.center-align.white-text,
	.full-column article .parallax-container h1 {
		position: relative;
	}
	.parallax-container p.center-align.white-text{
		font-size: 12px;
		position: absolute;
		bottom: 0;
		padding-bottom: 80px;

	}
	.full-column article .parallax-container h1{
		position: absolute;
		top: 110px;
	}
	.col.l6.cards {
	    margin-top: -280px;
	}
	.col.l6.cards.MAP,
	.col.l6.m12.s12.cards.start{
		margin-top: unset;
	}
	a i.white-text.black.fa.fa-times {
	    position: absolute;
	    right: 10px;
	}
	a i.white-text.black.fa.fa-times {
	    position: fixed;
		right: 10px;
		width: 20px;
		height: 20px;
		line-height: 19px;
		top: 80px;
	}
	.MAP .close,
	.start .close {
	    display: none;
	    height: auto;
	}
	.full-column article .after-parallax.e-content{
		margin-top: 300px;
	}
	#back-to-top {
	    bottom: 60px;
	}
	.col.l6.cards.start,
	.col.s12.m6.l6.cards.MAP{
		display: none;
	}
}   


@media (min-width: 620px) and (max-width: 1100px) {
	.full-column article .parallax-container h1{

	}
	#back-to-top {
	    bottom: 60px;
	}
}