@charset "utf-8";

#text_d br, #text_d p {
    margin-bottom: 0px;
}
.viewport-religion .footer{
	margin-top: 0px;	
}
.ico-download-particular:after {
    font-size: 1rem;
    margin-left: 10px;    
}
.res-bk {
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-bottom: 70px;
}
.bk-restaurant {
    background-image: url(../images/restaurant/res_topbk1.jpg);	
}
.bk-supplier {
    background-image: url(../images/supplier/res_topbk1.jpg);	
}
.bk-religion {
    background-image: url(../images/religion/religion_topbk1.jpg);	
	margin-bottom: 0px;
}
.res-body {
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 20px;
	padding-right:20px;
}
.res-body-list {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 20px;
	padding-right:20px;
}

.res-body .sec {
	padding: 20px;
	background-color: #f5f5f5;
}
.article-religion .res-body .sec{
	background-color: #ffffff;
	border-radius: 12px;
}
.res-body .maintitles {
	padding: 70px 15px 50px 15px;
	text-align: center;
	color: #ffffff;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}
.res-body .maintitles-religion {
	text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
.res-body .maintitles h1 {
	font-size: 3.5rem;
	color: #ffffff;
}
.res-body .maintitles .mtitle-religion {
	font-size: 3.7rem;
	text-transform: uppercase;
	color:#038785;
}
.res-body .maintitles .notes {
	font-size: 1.5rem;
	letter-spacing:1rem;
}
.res-body .maintitles .notes-religion {
	font-size: 1.5rem;
	letter-spacing:0.5rem;
	color:#038785;
}



.res-vsel {
	
}
.res-vsel .vbox{
	background-color: #f5f5f5;
	margin-bottom: 0px;	
    border:none;
    border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
	padding: 10px 30px;	
	margin-right: 0px;
}
.res-vsel .vbox:hover{
	background-color: #eee;
}
.res-vsel .vbox .simage{
	position: absolute;
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}
.res-vsel .vbox .contents {
	
}

.res-vsel .vbox .contents .titles {
	flex-direction: row;
	align-items: center;
	padding: 0px;
}
.res-vsel .vbox .contents .titles h3{
    flex: 1;	
	padding: 0px 15px 0px 0px;
}
.res-vsel .vboxcurrent .contents .titles h3 a:before{
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 13"><path d="M 0,0 0,13 11,6.5 z" style="fill: %2300aaff; opacity: 1;"/></svg>');    
    width: 19px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 5px;    
    margin-right: 7px;    
}
.res-vsel .vbox .contents .titles h3 a{
	line-height: 1.5rem;
    margin-bottom: 0px;
    display: flex;

}
.res-vsel .vboxcurrent{
	background-color: #dfdfdf;
}
.res-vsel .vbox .title{
	margin-right: 15px;
	flex: 1;
}
.res-vsel .vbox .btn-play,
.res-vsel .vbox .btn-download,
.res-vsel .vbox .btn-download-video,
.res-vsel .vbox .btn-share {
	flex-shrink: 0;
	padding: 5px 10px;
	margin-left: 5px;
    margin-bottom: 5px;
	background-color: #fff;
	color:#00aaff;
	display: flex;
	align-items: center;
	cursor: pointer;
    border-radius: 30px;

	line-height: 1.5;
}
.res-vsel .vbox .btn-play:hover,
.res-vsel .vbox .btn-download:hover,
.res-vsel .vbox .btn-download-video:hover,
.res-vsel .vbox .btn-share:hover{
	color:#fff;
	background-color: #00ccff;
}
.res-vsel .vbox .btn-share.ico-share:before {    
    font-size: 1rem;
}
.res-vsel .vbox .btn-download-video .ico-download:before {  
	padding-left: 5px;  
    font-size: 1rem;
}

.res-body .abstract{
	padding: 50px 0px 50px 0px;
	color:#666666;
	text-align: center;
	font-size: 1.5rem;
}
.pageintros {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0px 80px 0px;
	color:#ffffff;
	background-position: center top;
}

.pageintros-religion {
	background-image: url(../images/religion/religion_bk2.jpg);	
	color:#333;
	min-height: 550px;
}

.pageintros .intro {
	text-align: center;
	padding: 0px 0px 20px 0px;
	font-size: 1.1rem;
}
.pageintros .intro .img {
	padding: 0px 0px 20px 0px;
}
.pageintros-religion .intro{
	font-size: 1.3rem;
}
.pageintros .times {
	text-align: center;
	padding: 0px 0px 0px 0px;
	font-size: 1.1rem;
	font-style: italic;
}

.pageintros .times .color1 {
    color: #f79011;
}
.pageintros .times .color2 {
    color: #029d4e;
}



.res-body .download{
	padding: 0px 0px 50px 0px;
	text-align: center;
	color:#666666;
	font-size: 1.5rem;
}
.res-body .download a{
	color:#006cb9;
	font-size: 1.5rem;
	font-weight: bold;
	margin-left: 15px;
}
.res-body .nav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.res-body .nav .box {
	width: calc(33.33% - 25px);
	margin-right: 25px;	
	margin-bottom: 25px;
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-grow: 1;
}
.res-body .nav .box:nth-of-type(3),
.res-body .nav .box:nth-of-type(6),
.res-body .nav .box:nth-of-type(9),
.res-body .nav .box:nth-of-type(12){
	margin-right: 0px;	
}
.res-body .nav .box .title{
	position: absolute;
	z-index: 51;
	width: 50%;
	padding: 30px 0px 30px 30px;
	box-sizing: border-box;
	font-size: 1.5rem;
	color:#ffffff;
	display: flex;
	align-items: center;
}
.res-body .nav .box img{	
	width: 100%;
	height: 100%;
}

.res-body .nav {
	font-size: 0px;
	direction: ltr;
}
.res-body .nav a{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.res-body .nav a:hover{
	opacity: 0.7;
}


.res-body .nav-religion1 {
	display: flex;	
	justify-content: space-between;
	padding: 80px 0px 80px 0px;
	flex-wrap: wrap;
}
.res-body .nav-religion1 a{
	width: calc(14.28% - 9px);
	display: flex;
	flex-direction: column;	
	align-items: center;	
	box-sizing: border-box;
	border-radius: 12px;
	background: rgba(0,0,0,0.05);
	padding: 30px 10px;
	transition: background 0.3s;
	margin: 0px 10px 10px 0px;		
}
.res-body .nav-religion1 a:nth-of-type(7n){
	margin: 0px 0px 10px 0px;
}
.res-body .nav-religion1 a img{
	height: 100px;
	display: block;
	margin: 0px 50px 20px 50px;
}


.res-body .nav-religion1 a span {
	font-size: 1rem;
	color:#333333;
	text-align: center;
}
.res-body .nav-religion1 a:hover{
	color:#ffffff;
	background-color: #00aaff;
	background: rgba(0,0,0,0.1);
	transition: background 0.3s;
}



.res-body .more {
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
.res-body .more a{
	color:#ffffff;
	background-color: #006cb9;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 30px 10px 30px;
	text-align: center;
	border-radius: 30px;
}
.res-body .more a:hover {
	background-color: #00aaff;
}
.res-title-area {
	background-color: #eeeeee;
	padding: 30px;
	margin: 0px 0px 40px 0px;	
}
.res-title-area h2 {	
	font-size: 1.9rem;	
	text-align: center;
	color:#009900;
}

.res-text {

}

.res-text h3 {
	font-size: 1.7rem;
	text-decoration: underline;
	margin: 30px 0px 20px 0px;
	color: #006cb9;
}
.res-text h4 {
	font-size: 1.5rem;
	margin: 20px 0px 20px 0px;
	color: #009900;
}
.res-text h5 {
	font-size: 1.3rem;
	margin: 20px 0px 20px 0px;
	color: #cc3300;
}

.res-text .item {
	padding: 0px 0px 20px 0px;
}

.res-text .item .name {
	font-size: 1.1rem;	
	color:#000000;
	font-weight: bold;
}
.res-text .item .info {	
	color:#666666;
	display: flex;
	flex-wrap: wrap;
	font-size: 1rem;
}
.res-text .item .note {	
	color:#999999;
}
.res-text .item .note:first-of-type {	
	padding: 15px 0px 0px 0px;
}
.res-text .item .note:before {	
	content: "* ";
}
.res-text .item .info p{	
	margin-right: 20px;	
	margin-bottom: 0px;
}
.res-text .item .info b{	
	color: #0084e3;
	white-space: nowrap;
}
.res-text .item .color1 {
	color: #006cb9;
}
.res-text .item .question {
	color: #00aaff;
}
.res-text .item .answer {
	color: #00aaff;
}

.res-bkm {
	background-size: 0px 0px;
}


.article-religion .sec .item{
	margin-bottom: 20px;
	font-size: 1.1rem;
	background-color: #f5f5f5;
	padding: 30px;
	border: 1px solid #dddddd;
	border-radius: 12px;
}
.article-religion .sec .item .name{	
	color:#00aaff;
	padding: 10px 0px 0px 0px;
	font-weight: normal;
}
.article-religion .sec h3{	
	margin: 50px 0px 20px 0px;
}

.article-religion .res-title-area {
    padding: 30px;
    margin: 0px 0px 40px 0px;
	background-color: transparent;
	border-bottom: 1px solid #dddddd;
}

.article-religion .res-body .more {
    margin-top: 0px;
	padding: 0px 0px 50px 0px;
}




@media screen and (max-width: 1600px) {
.res-body {
	max-width: 1100px;
}
}


@media screen and (max-width: 1400px) {
.res-body {
	max-width: 950px;
}
.res-body .nav-religion1 {    
	flex-wrap: wrap;
	justify-content: flex-start;
}
.res-body .nav-religion1 a {
    width: calc(20% - 8px);
}
.res-body .nav-religion1 a:nth-of-type(7n) {
	margin: 0px 10px 10px 0px;
}
.res-body .nav-religion1 a:nth-of-type(5n) {
	margin: 0px 0px 10px 0px;
}
}


@media screen and (max-width: 970px) {
.res-bk {
    background-size: 0px 0px;
}	

.res-bkm {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.bk-religion {
    background-position: top right;
}
.res-body {
	padding-left: 15px;
	padding-right: 15px;
}
.res-body .maintitles {
	padding: 50px 0px 50px 0px;
}
.res-body .maintitles h1 {
    font-size: 1.5rem;
}	
.res-body .maintitles .mtitle-religion {
    font-size: 1.8rem;
    text-transform: uppercase;
}	
.res-body .maintitles .notes {
    font-size: 1rem;
    letter-spacing: 0.2rem;
}	
.res-body .sec {
	padding: 20px 0px;
	background-color: #ffffff;
}
	
.res-body-list {
    padding: 0px 15px;
}	
.res-body-np {
	padding: 0px;	
}	
.res-body .abstract {
	text-align: left;
    padding: 20px 15px 20px 15px;
    font-size: 1rem;
}	
.res-body .download {
    padding: 0px 0px 20px 0px;

}	

.res-body .nav .box {
	width: calc(50% - 1px);
	margin-right: 1px;	
	margin-bottom: 1px;	
}
.res-body .nav .box:nth-of-type(3),
.res-body .nav .box:nth-of-type(6),
.res-body .nav .box:nth-of-type(9),
.res-body .nav .box:nth-of-type(12){
	margin-right: 1px;	
}	
	
.res-body .nav .box .title {
    width: 60%;
    padding: 10px 15px 10px 15px;
    font-size: 1.2rem;
	line-height: 1.2;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}	
.res-body .nav-religion1  {
	padding: 20px 15px 20px 15px;
}
.res-body .nav-religion1 a {
    width: calc(33.33% - 7px);
}
.res-body .nav-religion1 a:nth-of-type(7n) {
	margin: 0px 10px 10px 0px;
}
.res-body .nav-religion1 a:nth-of-type(5n) {
	margin: 0px 10px 10px 0px;
}
.res-body .nav-religion1 a:nth-of-type(3n) {
	margin: 0px 0px 10px 0px;
}
	
.res-title-area {
    padding: 15px;
    margin: 0px 0px 0px 0px;
}	
.res-title-area h2 {
    font-size: 1.5rem;
}	
	
.res-text h3 {
    font-size: 1.3rem;
	text-align: center;
}	
.res-text h4 {
    font-size: 1.1rem;
    text-align: center;
}	
.res-text .item .info {	
    display: block;
}
.res-text .item .info p{	
	margin-right: 0px;	
}
	
.res-vsel .vbox{
	padding: 15px;
	flex-wrap: wrap;
	display: block;
}	
.res-vsel .vbox .contents {
    display: block;
	margin-bottom: 0px;
}	
.res-vsel .vbox .contents .titles {
    flex-wrap: wrap;
	justify-content: center;
}
.res-vsel .vbox .contents .titles h3 {
    width: 100%;
	padding: 0px 0px 20px 0px;
	box-sizing: border-box;
	flex:auto;
}
.res-vsel .vbox .contents .titles {
    align-items: stretch; 
}	
.res-vsel .vbox .btn-play, .res-vsel .vbox .btn-download {
    display: inline-block;
}
	
.res-vsel .vboxcurrent .contents .titles h3 a:before{ 
    width: 25px;
    height: 21px;
    margin-top: 2px;
}    
.pageintros {
    padding: 20px 0px 20px 0px;
}
.pageintros-religion {
    padding: 30px 0px 70px 0px;
}	
.pageintros .intro {
    font-size: 1rem;
	text-align: left;
	padding: 0px 0px 20px 0px;
}	
.pageintros .intro br {
	display: none; 
}
.pageintros .times {
    font-size: 1rem;
}	
.article-religion .res-title-area {
    padding: 10px 0px;
    margin: 0px 0px 20px 0px;
}
.article-religion .sec .item {
    padding: 15px;
	font-size: 1rem;
}	
.article-religion .sec .item .name {
    padding: 5px 0px 0px 0px;
}
.res-text .item .note:first-of-type {
    padding: 5px 0px 0px 0px;
}	
.article-religion .sec h3 {
    margin: 20px 0px 20px 0px;
}	
}

@media screen and (max-width: 600px) {
	.res-body .nav-religion1 a {
		width: calc(50% - 5px);
	}
	.res-body .nav-religion1 a:nth-of-type(3n) {
		margin: 0px 10px 10px 0px;
	}
	.res-body .nav-religion1 a:nth-of-type(2n) {
		margin: 0px 0px 10px 0px;
	}	
}

/*****************************/
.lang-fa .res-text .item .info,
.lang-ar .res-text .item .info {
	justify-content: flex-end;
}
.lang-fa .res-text .item .info p ,
.lang-ar .res-text .item .info p {
	margin-right: 0px;
	margin-left: 15px;
}


.lang-fa .pageintros .intro,
.lang-fa .res-body,

.lang-ar .pageintros .intro,
.lang-ar .res-body{
	text-align: right;
    direction: rtl;
}

.lang-fa .res-vsel .vbox .btn-download .ico-download-particular,
.lang-ar .res-vsel .vbox .btn-download .ico-download-particular{
	padding-right: 10px 
}

.lang-fa .ico-download-particular:after,
.lang-ar .ico-download-particular:after {
  margin-left: 0px;    
  margin-right: 10px;    
}

.lang-fa .res-vsel .vboxcurrent .contents .titles h3 a:before,
.lang-ar .res-vsel .vboxcurrent .contents .titles h3 a:before {  
  margin-left: 7px;    
  margin-right: 0px;    
}