.accordion {
  width: 100%;
  overflow: hidden;
  margin: auto;

	text-align: left;
	float: left;
}
#wm-wrap {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
#wm-wrap > div {
width:100%;
	float: right;
	display: block;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
#faq-wrap > div {
	width:100%;
	float: left;
	display: block;
}
#faq-wrap .heading {
  font-size: 14px;
  padding: 20px 50px 20px 0px;
}
@media only screen and (min-width: 769px) {
  #faq-wrap .heading {
	font-size:18px;
  }
}
.accordion .item .heading {
  cursor: pointer;
  border-bottom: 1px solid #eaeaea;
  box-sizing: border-box;

  display: block;
  position: relative;
  padding: 20px 0px;

  font-size:18px;
  text-decoration: none;

  width: 100%;

  position: relative;
  display: block;
  background: #ffffff;
  color: #111111;
}
#faq-wrap .item .heading span { padding-right: 10px; }
#wm-wrap .item .heading { font-size:24px; }
.accordion .item .heading:hover, .accordion .open .heading {
  color:#ccad13;
}

.accordion .item .heading:after {
	position: absolute;
	top: 50%;
	right: 20px;
	content: '';
	width: 20px;
	height: 20px;

  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);

	background-repeat: no-repeat;
	background-image: url(../img/cd-icons.svg);
	background-position: 0px 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.accordion .item .heading:hover:after, .accordion .item .heading:target:after,
.accordion .item.open .heading:after { 
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accordion .item.open .heading,
.accordion .item:last-child .heading { border: 0; }

.accordion .item.open .heading { background-position: right 20px top -5px; }

.accordion .item .content {
  display: none;
  font-size: 14px;
}
.accordion .item .content img { width:100%; }
.accordion .item.open .content { border-bottom: 1px solid #eaeaea; }

#faq-wrap .content {
  background:#f9f9f9;
}
#faq-wrap p {
  padding:5%;
}
/* -------------------------------- 

World Map

-------------------------------- */
#wm-wrap  > li > a {
	display: block;
	position: relative;
	padding: 0 20px;

	font-size:24px;
	text-decoration: none;
	background: #ffffff;

	width: 100%;
	height: 60px;
	line-height: 60px;

  position: relative;
  display: block;
  background: #ffffff;
  color: #111111;
  font-size: 1.6rem;
}
#wm-wrap  > li:hover > a,
#wm-wrap  > li:target > a, #wm-wrap  > li > a.active {
	color: #ccad13;
}

.wm-area-wrap {
width:100%;
display:none;
padding:20px 0 50px;
}
@media only screen and (min-width: 1024px) {
  .wm-area-wrap {
	padding:20px 0 50px;
  }
}
@media only screen and (min-width: 1170px) {
  .wm-area-wrap {
	padding:20px 5% 50px;
  }
}
.wm-area-wrap figure {
width:100%;
margin:20px 0 80px;
}
.wm-area-wrap figure img {
width:100%;
max-width:100%;
}
.wm-country {
width:100%;
margin-top:4em;
font-size:14px;
}
.wm-country:first-child { margin:0; }
.wm-country h4 { 
display:block;
margin-bottom:10px;
font-weight:normal;
}
.wm-country-link h4 { color:#ccad13; }
.wm-country strong, .wm-country p { padding:0 0; }

.wm-country span.tag-rmc, .wm-country span.tag-ic {
    width: 100%;
    display: block;
    font-size: 11px;
    padding: 1px 0 1px 10px;
	margin-bottom:15px;
	color:#444444;

	position:relative;
}
.wm-country span.tag-rmc:before, .wm-country span.tag-ic:before {
  content: '';
  display: block;
  background-color:#099;
  height: 7px;
  width: 6px;
  border-radius:6px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wm-country span.tag-ic { }
.wm-country span.tag-ic:before { background-color:#C00; }

#map {
width:100%;
background-color:#ffffff;
position:relative;
padding-bottom:20px;
}
#map img { width:100%; max-width:100%; margin:0 auto; }
#map figure#map1, #map figure#map2, #map figure#map3, #map figure#map4, #map figure#map5 {
width:100%;
position:absolute;
opacity:0;
left:0%;
top:0%;
z-index:1;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
#asia:hover ~ #map figure#map1, #africa-me:hover ~ #map figure#map2, #europe:hover ~ #map figure#map3, #nm-america:hover ~ #map figure#map4, #s-america:hover ~ #map figure#map5, #asia.open ~ #map figure#map1, #africa-me.open ~ #map figure#map2, #europe.open ~ #map figure#map3, #nm-america.open ~ #map figure#map4, #s-america.open ~ #map figure#map5 {
width:100%;
opacity:1;
}
