/* ==== Google font ==== */
@font-face {
  font-family: HelveticaRoman;
  src: local("Helvetica Neue Roman"),
       local("HelveticaNeue-Roman"),
       url(../fonts/HelveticaNeueCE35Thin.ttf);
}
@font-face {
	font-family: FontAwesome;
	src: local("font-awesome"),
	     url(../fonts/fontawesome-webfont.ttf);
}
html {
    width: 100%;
    height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family:  'times', serif;
/*	font-weight:bold;*/
	color: #fff;
	background-color: #000;
}
h2, h3, h4, h5 {
	font-family:  'Georgia', serif;
	color: #e6dfc4;
}
h2 {
	font-size: 3em;
	text-shadow:  0 0 7px rgba(255,255,255,.8), 0 0 3px rgba(255,255,255,.5);
}
h3 {
	border-bottom: 1px solid rgba(230,223,196,.2);
}
h5 {
	font-size: 1.4em;
	color: #e6dfc4;
	margin-bottom: 0 ;
}
p {
	font-family: 'Helvetica', sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;;
}
.home-section p {
}
.btn-play {
	width: 90px;
}
.navbar-default .nav li a {
	font-size: 1.4em;
}
.donate a {
	width: 100px;
	height: 36px;
	color: rgba(255,255,255,.8);
}
@media screen and (max-width: 480px) {
	h2 {
		font-size: 2em;
	}
}

/*index*/
.carousel-inner .item:nth-child(5) h3{
	font-size: 2.2em;
}

/*review-------------------------------*/
/*section1*/
/* The images used in the slides, feel free to change this */
.image-1 {
	background: url('../images/review_sec1_photo1_en.jpg');
}
.image-2 {
	background: url('../images/review_sec1_photo2_en.jpg');
}
.image-3 {
	background: url('../images/review_sec1_photo3_en.jpg');
}
.image-4 {
	background: url('../images/review_sec1_photo4_en.jpg');
}
.image-5 {
	background: url('../images/review_sec1_photo5_en.jpg');
}
.image-6 {
	background: url('../images/review_sec1_photo6_en.jpg');
}
.image-7 {
	background: url('../images/review_sec1_photo7_en.jpg');
}
.image-8 {
	background: url('../images/review_sec1_photo8_en.jpg');
}
.image-9 {
	background: url('../images/review_sec1_photo9_en.jpg');
}
.image-10 {
	background: url('../images/review_sec1_photo10_en.jpg');
}
.image-11 {
	background: url('../images/review_sec1_photo11_en.jpg');
}
.image-1, .image-2, .image-3, .image-4, .image-5, .image-6, .image-7, .image-8, .image-9 , .image-10, .image-11 {
	-webkit-background-size: cover;
	background-size: cover;
}


.modal-content {
/*	background: red;*/
}
.modal p {
	line-height: 1.4;
}
.small-join p {
	display: block;
}
#meeting-1 .modal-content {
	height: 440px;
}
#meeting-2 .modal-content {
	height: 1160px;
}
#meeting-4 .modal-content {
	height: 1670px;
}
#meeting-7 .modal-content {
	height: 450px;
}
#meeting-9 .modal-content {
	height: 480px;
}
#meeting-10 .modal-content {
	height: 500px;
}
#meeting-11 .modal-content {
	height: 480px;
}
@media screen and (max-width: 480px) {
	#meeting-1 .modal-content {
		height: 600px;
	}
	#meeting-4 .modal-content {
		height: 2360px;
	}
	#meeting-7 .modal-content, #meeting-9 .modal-content, #meeting-10 .modal-content {
		height: 670px;
	}
	#meeting-11 .modal-content {
		height: 800px;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	#meeting-1 .modal-content {
		height: 560px;
	}
	#meeting-3 .modal-content {
		height: 500px;
	}
	#meeting-4 .modal-content {
		height: 2200px;
	}
	#meeting-7 .modal-content, #meeting-8 .modal-content {
		height: 560px;
	}
	#meeting-10 .modal-content {
		height: 600px;
	}
	#meeting-9 .modal-content, #meeting-11 .modal-content {
		height: 720px;
	}
}
.main-info p {
	line-height: 1.5;
	font-size: 1.05em;
	font-style: normal;
}
.oversea:nth-of-type(1) .main-info p {
	line-height: 1.3;
	margin: 0;
}

@media screen and (max-width: 480px) {
	.oversea:nth-of-type(1) .main-info {
		padding-bottom: 80px;
	}
	.oversea:nth-of-type(1) .main-info .btn-gold {
		margin-top: 20px;
	}
	.multimedia .counter {
		font-size: 3.2em;
	}
	.multimedia > p:first-of-type {
		width: 80%!important;
	}
}
@media screen and (min-width: 768px) {
	.oversea:nth-of-type(4), .oversea:nth-of-type(3) {
		background: url('../images/review_sec2_block-2.png') no-repeat center center;
		-webkit-background-size: cover;
		background-size: cover;
		height: 460px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.main-info p { 
		font-size: .86em;
	}
	.oversea:nth-of-type(4), .oversea:nth-of-type(3) { 
		height: 306px;
	}
	.oversea:nth-of-type(1) .info {
		padding-top: 24px;
	}
	.oversea:nth-of-type(1) .btn-gold {
		margin-top: -10px;

	}
	.oversea:nth-of-type(3) .info {
		padding-top: 40px;
	}
	.oversea {
		margin-bottom: 40px;
	}
	.oversea:nth-of-type(3) .main-info img.double:first-of-type {
		-webkit-transform: translate(-5px ,-50px) rotate(-8deg)!important;
		transform: translate(-5px ,-50px) rotate(-8deg)!important;
	}
	.oversea:nth-of-type(3) .col-lg-4 img, .oversea:nth-of-type(1) .col-lg-4 img, .oversea:nth-of-type(5) .col-lg-4 img, .oversea:nth-of-type(6) .col-lg-4 img {
		width: 110%;
	}
	
}
@media screen and (min-width: 992px) {
	.main-info p { 
		font-size: 1em;
	}
	.oversea:nth-of-type(4), .oversea:nth-of-type(3) { 
		height: 410px;
	}
	.oversea:nth-of-type(1) .info {
		padding-top: 40px;
	}
	.oversea:nth-of-type(3) .info {
		padding-top: 60px;
	}
	.oversea:nth-of-type(5) .info, .oversea:nth-of-type(6) .info  {
		padding-top: 50px;
	}
}
@media screen and (min-width: 1200px) {
	.main-info p { 
		font-size: 1.1em;
	}
	.oversea:nth-of-type(1) .info {
		padding-top: 70px;
	}
	.oversea:nth-of-type(4), .oversea:nth-of-type(3) { 
		height: 450px;
	}
	.oversea:nth-of-type(1) .main-info p { 
		font-size: 1em;
	}
	.oversea:nth-of-type(4) .main-info p, .oversea:nth-of-type(3) .main-info p { 
		font-size: 1.05em;
	}
}


/*section3*/
.review #section3 p, .review #section4 p, .review #section5 p {
	font-size: 1.2em;
	line-height: 1.5;
}
.review #section3 h3 {
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid rgba(216,205,168,.6);
	width: 60%;
	line-height: 1.2;
	margin: 0 auto;
}
.review #section3 p {
	margin-bottom: 0;
}

/*section5*/
.multimedia p {
	font-size: 1.1em;
	border: 0!important;
} 
.multimedia h4 {
	font-size: 1.4em;
	line-height: 1.2;
	width: 90%;
	height: 50px;
	margin: 30px auto 0;
	text-align: center;
	border-bottom: 2px solid rgba(216,205,168,.6);
	text-shadow: 0 0 2px #5d0a00;
}
.multimedia:nth-of-type(5) h4 {
	font-size: 2em;
	line-height: 50px;
}
.multimedia:nth-of-type(3) h4 {
	line-height: 50px;
}
@media screen and (max-width: 480px) {
	.multimedia .counter {
		margin-bottom: 20px;
	}
	.multimedia h4 {
		font-size: 1.6em;
		height: 60px;
	}
	.multimedia:nth-of-type(4) .counter, .multimedia:nth-of-type(5) .counter{
		margin-bottom: 0;
		line-height: .4;
	}
	.multimedia:nth-of-type(5) {
		margin-bottom: 40px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.multimedia p {
		font-size: 1.05em!important;
	}
}
@media screen and (min-width: 992px) {
	.multimedia .counter {
		font-size: 3.6em;
		line-height: 50px;
	}
	.multimedia p {
		font-size: 1.05em!important;
	}
}


/*intro_publication*/
#intro_publication .modal-content {
	height: 400px!important;
}
@media screen and (max-width: 480px) {
	#intro_publication h2:nth-of-type(2) img:last-of-type {
		width: 60%;
	}
	#intro_publication .modal-content {
		height: 580px!important;
	}
}
@media screen and (min-width: 1200px) {
	#section3 .gold-book {
		width: 220px;
		height: 320px;
	}
	#section3 .col-lg-3 img {
		width: 200px;
		height: 291px;
	}
	#Book1 .col-md-12:nth-child(2) img, #Book2 .col-md-12:nth-child(2) img, #Book3 .col-md-12:nth-child(2) img {
		padding-top: 0;
	}
}


@media screen and (min-width: 768px) and (max-width: 991px) { 
	.publication #section2 .col-lg-3 .animated {
		height: 260px;
	}
	.publication #section3 .col-lg-3 img {
		width: 95%;
	}
}
@media screen and (min-width: 991px) { 
	.publication #section2 .col-lg-3 .animated {
		height: 300px;
	}
}
@media screen and (min-width: 1200px) { 
	.publication #section2 .col-lg-3 .animated {
		height: 350px;
	}
}

/*donate*/
.donate-content #section1 h3 {
	font-size: 2.4em;
	margin: 0;
}
