
/*Human Rights in Japan*/

section.content-japan {
	padding-top: 50px;
}

section.content-japan hr {
	max-width: 100%;
	margin: -5px auto 10px;
	border-width: 5px;
	border-color: #dc8181;
}

section.content-japan h1 {
	color: #dc8181;
}


section.content-japan p {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 10px;
}

section.content-japan .blockquote {
    margin: 0 0 1rem;
    padding: 0 50px 0 50px;
}

section.content-japan .major-issue {
    padding-top: 50px;
}

section.content-japan .major-issue .icons {
    position: relative;
}

section.content-japan .major-issue .icons a {
	display: inline-block;
}

section.content-japan .megaphone {
	position: absolute;
    width: 450px;
    margin-top: -419px;
    margin-left: 775px;
}

section.content-japan .megaphone-bg {
    width: 900px;
    margin-top: 70px;
    margin-left: 85px;
    position: absolute;
}

/*section.content-japan .major-issue img:hover{
	animation-duration: 1500ms;
	animation-delay: 200ms;
	animation-name: pulse;
}*/

section.content-japan .icon-hansen {
   margin-top: 180px;
    margin-left: 200px;
}

section.content-japan .img-hansen {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-women {
    margin-top: -240px;
    margin-left: 400px;
}

section.content-japan .img-women {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-ainu {
    margin-top: -60px;
    margin-left: 600px;

}

section.content-japan .img-ainu {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-general {
    margin-top: 50px;
    margin-left: 130px;

}

section.content-japan .img-general {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-pwd {
    margin-top: -170px;
    margin-left: 330px;

}

section.content-japan .img-pwd {
  width: 160px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-police {
    margin-top: -100px;
    margin-left: 550px;

}

section.content-japan .img-police {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-buraku {
    margin-top: -170px;
    margin-left: 750px;
}

section.content-japan .img-buraku {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-foreigners {
    margin-left: 200px;
    margin-top: 40px;

}

section.content-japan .img-foreigners {
  width: 150px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;

}

section.content-japan .icon-other {
  margin-top: -100px;
  margin-left: 400px;

}

section.content-japan .img-other {
  width: 120px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-prisoners {
    margin-left: 590px;
    margin-top: -170px;

}

section.content-japan .img-prisoners {
  width: 140px;
  animation-duration: 1500ms;
  animation-delay: 200ms;
  animation-name: pulse;
}

section.content-japan .icon-children {
    margin-top: -160px;
    margin-left: 780px;
}

section.content-japan .img-children {
    width: 120px;
    animation-duration: 1500ms;
    animation-delay: 200ms;
    animation-name: pulse;
}

section.content-japan .hands-bg {
    width: 1200px;
    margin-top: -650px;
    margin-left: -50px;
    margin-bottom: -100px;
    position: absolute;
}


section.content-japan .list-icon {
    margin-top: 100px;
    margin-bottom: -110px;
}
/*Button*/

.btn-japan {
  color: #8d8d8d;
  border: 1px solid;
  border-color: #8d8d8d;
}

.btn-japan:hover, .btn-japan:focus, .btn-japan:active, .btn-japan.active {
  color: white;
  border-color: #dc8181;
  background-color: #dc8181;
}



/*Human Rights Education*/

section.content-education {
    padding-top: 50px;
}

section.content-education hr {
    max-width: 100%;
    margin: -5px auto 10px;
    border-width: 5px;
    border-color: #5aa854;
}

section.content-education h1 {
    color: #5aa854;
}

section.content-education p {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 10px;
}
section.content-education .content-education-list {
   margin-left: -105px;
    margin-top: 50px;
    margin-bottom: -100px;
}

/*Button*/

.btn-education {
  color: #8d8d8d;
  border: 1px solid;
  border-color: #8d8d8d;
}

.btn-education:hover, .btn-education:focus, .btn-education:active, .btn-education.active {
  color: white;
  border-color: #5aa854;
  background-color: #5aa854;
}


/*Human Rights Declaration*/

section.content-declarations {
    padding-top: 50px;
}

section.content-declarations hr {
    max-width: 100%;
    margin: -5px auto 10px;
    border-width: 5px;
    border-color: #53a7a9;
}

section.content-declarations h1 {
    color: #53a7a9;
}

section.content-declarations p {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 10px;
}

section.content-declaration-list h1 {
    color: #53a7a9;
    text-align: center;
}

section.content-declaration-list {
  position: relative;
  width: 100%;
  height: 1860px;
  padding-top: 50px;
  padding-bottom: 30px;
  background: url(../img/human-rights-declaration/declaration.jpg);
  background-position: center;
  background-repeat:no-repeat;
  background-size: contain;
}

section.content-declaration-list a{
  color:white;
}

section.content-declaration-list a:hover{
  color:yellow;
}
section.content-declaration-list .list-declaration {
  padding: 80px 150px 0 150px;
  color:white;
}

section.content-declaration-list .list-conference {
  padding: 60px 150px 0 150px;
  color:white;
}



/*Button*/

.btn-declarations {
  color: #8d8d8d;
  border: 1px solid;
  border-color: #8d8d8d;
}

.btn-declarations:hover, .btn-declarations:focus, .btn-declarations:active, .btn-declarations.active {
  color: white;
  border-color: #53a7a9;
  background-color: #53a7a9;
}

/*Human Rights and Jurisprudence*/

section.content-jurisprudence {
    padding-top: 50px;
}

section.content-jurisprudence hr {
    max-width: 100%;
    margin: -5px auto 10px;
    border-width: 5px;
    border-color: #a8a352;
}

section.content-jurisprudence h1 {
    color: #a8a352;
}

section.content-jurisprudence p {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 10px;
}

.list-of-cases {
  border:1;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: -50px;
}
.list-of-cases td {
  text-align: center;
  height:150px;
  width:159px;
  padding: 0 16px;
}
.list-of-cases .bg-orange {
  background-color: #ecd578;
}

.list-of-cases .bg-dark-orange {
  background-color: #a8a352;
  color:white;
}

.list-of-cases .bg-blue {
  background-color: #72c0c7;
  color:white;
}

/* Kumya */

.link {
  outline: none;
  text-decoration: none;
  position: relative;
  line-height: 1;
  color: #9e9ba4;
  display: inline-block;
}
/* Grid */
.grid__item {
  background: #DDD;
  padding: 100px 0;
  z-index: 1;
  position: relative;
  text-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: translate3d(0,0,0);
}





/*Button*/

.btn-jurisprudence {
  color: #8d8d8d;
  border: 1px solid;
  border-color: #8d8d8d;
}

.btn-jurisprudence:hover, .btn-jurisprudence:focus, .btn-jurisprudence:active, .btn-jurisprudence.active {
  color: white;
  border-color: #a8a352;
  background-color: #a8a352;
}


/*Human Rights Center*/

section.content-centers {
    padding-top: 50px;
}

section.content-centers-map {
        position: relative;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
    background: url(../img/human-rights-centers/water-bg.jpg);
    background-position: center;
    background-attachment: scroll;
    background-size: contain;
}

section.content-centers hr {
    max-width: 100%;
    margin: -5px auto 10px;
    border-width: 5px;
    border-color: #57ab87;
}

section.content-centers h1 {
    color: #57ab87;
}

section.content-centers p {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 10px;
}

section.content-centers-map .map {
  padding-left:300px;
}

section.content-centers-map .map-title {
  text-align: center;
  padding-bottom: 20px;
}

.country {
    margin-left: 550px;
}

.country ul{
  list-style: none;
}

.country ul li a img {
  width:70px;
  padding-right:20px;

}
.country ul li {
  padding-bottom: 20px;
}

.country ul li a{
  color:black;
}
/*Button*/

.btn-centers {
  color: #8d8d8d;
  border: 1px solid;
  border-color: #8d8d8d;
}

.btn-centers:hover, .btn-centers:focus, .btn-centers:active, .btn-centers.active {
  color: white;
  border-color: #57ab87;
  background-color: #57ab87;
}

/*Special Concerns*/

section.content-special {
    padding-top: 50px;
}

section.content-special hr {
    max-width: 100%;
    margin: -5px auto 10px;
    border-width: 5px;
    border-color: #9d8aaa;
}

section.content-special h1 {
    color: #9d8aaa;
}

section.content-special p {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: justify;
    padding-right: 10px;
}

section.content-special .megaphone {

    width: 450px;
    margin-top: -419px;
    margin-left: 775px;
}

section.content-special .megaphone-bg {
 margin-top: -320px;
    margin-left: 150px;
}

section.content-special-list {
   height: 1000px;
}
section.content-special .hands-bg {
    width: 1200px;
    margin-top: -650px;
    margin-left: -50px;
    margin-bottom: -100px;
    position: absolute;
}

section.content-special .panel-body {
    padding: 10px 90px 0 110px;
}

section.content-special .panel {
        height: 1000px;
}


/*Button*/

.btn-special {
  color: #8d8d8d;
  border: 1px solid;
  border-color: #8d8d8d;
}

.btn-special:hover, .btn-special:focus, .btn-special:active, .btn-special.active {
  color: white;
  border-color: #9d8aaa;
  background-color: #9d8aaa;
}
