::-moz-selection{background:#313131;color:#fff;text-shadow:0px 1px 0px #000}
::selection{background:#313131;color:#fff;text-shadow:0px 1px 0px #000}

a img,img{border:0px}
.cntr img{
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
a img:hover{opacity:0.7}
ul{margin:0px;padding:0px;list-style-type:none}
.clr {clear: both;height: 0px; display:block}
.cntr{margin:0px auto;width:1000px}
#bgr01{
	background-repeat: no-repeat;
	background-image: url('../images/img_04.png');
	background-position: center top;
	background-size: 100% 100%;min-height: 747px;
}
.line_y {
	background-image: url('../images/img_01.png');
	background-repeat: no-repeat;
	background-position: center top;
	height: 7px;
	background-color: #AE882B;
}
h1.main-title {
    background-image: url('../images/img_55.png') !important;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 0px;
    padding-top: 54px;
    text-align: center;
}
.hdr {background-image: url('../images/img_03.png');background-repeat: repeat-x;}
.hdr_in {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('../images/img_02.png');
	height: 187px;
	position:relative;
	margin:0px auto;width:850px
}
.hdlogo {
	background-repeat: no-repeat;
	background-image: url('../images/img_05.png');
	width: 164px;
	height: 118px;
	display: block;
	position: absolute;
	top: 15px;
	left: 50%;
	margin: 0px 0px 0px -92px;
}
.menu{float:right;margin:8px 26px 0px 0px;z-index:2}
.menu li{float:right;line-height:44px;color:#a1adbb}
.menu li a{padding:3px 10px;color:#dfdedc}
.menu li a:hover{border-radius: 4px;color: #a78836;background-color: #161616;}

/********************************/

.menu li:hover a {background-color: #161616; color:#a78836; }
.menu ul li{ width:222px; float:none; text-align:right;}
.menu li a:hover{ color:#fff}
.menu ul {position:absolute;display:none;margin-top:-7px;width:auto;right:2px;background-color: #161616;z-index:99999;
-webkit-box-shadow: 2px 6px 5px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    2px 6px 5px 0px rgba(50, 50, 50, 0.32);
box-shadow:         2px 6px 5px 0px rgba(50, 50, 50, 0.32);
}
.menu li:hover ul {display:block;}
.menu ul a {line-height:26px;padding:7px 11px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color:white
}
.menu ul a:hover {background-color:#161616; padding-right:15px; color:white}
.dwn{position:absolute;top:0px;left:5px; display:block;font-size:12px}

/********************************/
h1.main-title {
    background-image: url('../images/img_38.png');
    background-repeat: no-repeat;
    background-position: center top;
    /* margin-top: -56px; */
    /* padding-top: 33px; */
    text-align: center;
}

.soc-hdicon{float:left;margin-top:7px}
.socila-icon li{float:left;margin:0px 8px 0px 0px}
.socila-icon li a{
	width: 26px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	/*background-image: url('../images/img_09.png');*/
}
li.ic01 a{ background-position:left top}
li.ic02 a{ background-position:-38px top}
li.ic03 a{background-position:-80px top}
li.ic04 a{background-position:-118px top}
li.ic01 a:hover{ background-position:left bottom}
li.ic02 a:hover{ background-position:-38px bottom}
li.ic03 a:hover{background-position:-80px bottom}
li.ic04 a:hover{background-position:-118px bottom}

.crc-box {
	background-size: 100% 100%;
	background-image: url('../images/img_08.png');
	background-repeat: no-repeat;
	min-height: 960px;
	padding:14px 0px;
}
.crc-box-title {
	background-image: url('../images/img_10.png');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 105px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 22px;
	margin:0px 0px 230px
}


.crc-box-title a{
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.cn-box {
	background-image: url('../images/img_06.png');
	height: 385px;
	width: 482px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	position: relative;
	background-position:center center
}
.cn-box span{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -102px 0px 0px -98px;
	background-image: url('../images/img_11.png');
	width: 195px;
	height: 204px;
	display: block;
}
.cn-box span i{
	background-position: center center;
	width: 195px;
	height: 204px;
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/img_12.png');
}
.crc-bg{
	display: block;
	position: absolute;
	background-image: url('../images/img_07.png');
	width: 175px;
	height: 160px;
	background-repeat: no-repeat;
	outline:0px;padding-top:24px;
	/*-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;*/

}
.crc-bg i{
	background-position: center center;
	width: 80px;
	height: 75px;
	display: block;
	background-repeat: no-repeat;
	margin:0px auto 5px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.crc-bg b{display:block;text-align:center;color:#a78836;font-size:15px}
.crc-bg:hover b{color:#fff;}
.crc01{right:20px;top:-120px}
.crc02{left:20px;top:-120px}
.crc03{right:-110px;top:100px}
.crc04{left:-110px;top:100px}
.crc05{right:20px;top:330px}
.crc06{left:20px;top:330px}
/**/


/**/
.crc01 i{background-image: url('../images/img_30.png');}
.crc02 i{background-image: url('../images/img_31.png');}
.crc03 i{background-image: url('../images/img_32.png');}
.crc04 i{background-image: url('../images/img_33.png');}
.crc05 i{background-image: url('../images/img_34.png');}
.crc06 i{background-image: url('../images/img_35.png');}
.crc01:hover i{background-image: url('../images/img_30_.png');}
.crc02:hover i{background-image: url('../images/img_31_.png');}
.crc03:hover i{background-image: url('../images/img_32_.png');}
.crc04:hover i{background-image: url('../images/img_33_.png');}
.crc05:hover i{background-image: url('../images/img_34_.png');}
.crc06:hover i{background-image: url('../images/img_35_.png');}
.crc-bg:hover i{
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	margin-bottom:9px
}
.photo-box{
	background-position: center top;
	margin: -33px 0px 0px;
	background-repeat: no-repeat;
	/*background-image: url('../images/img_13.png');*/
	padding-top: 66px;
}
.photo-box-title,.box02-title,.cont-title,.bgr-page-title,.rltd-title,.rltd-title2,.comm-title {
	background-image: url('../images/img_14.png');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 105px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 22px;
	margin: 0px 0px 90px;
}



.comm-title a{
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.box02-title{background-image: url('../images/img_18.png');}
.vd-title{background-image: url('../images/img_21.png'); margin:0px 0px 44px}
.cont-title{background-image: url('../images/img_22.png'); margin:0px 0px 44px}
.bgr-page-title{background-image: url('../images/img_38.png');padding-top: 55px; font-size:20px;margin-bottom:40px}
.rltd-title{background-image: url('../images/img_46.png');padding-top: 130px;font-size:20px;margin-bottom:40px}
.rltd-title2{background-image: url('../images/img_51.png');padding-top: 130px;font-size:20px;margin-bottom:40px}
.rltd-box-vd .rltd-title{background-image: url('../images/img_51.png');}
.comm-title{background-image: url('../images/img_48.png');padding-top: 130px;margin-bottom:40px}
.vd-title_{background-image: url('../images/img_50.png');padding-top: 66px !important;}
.about-title_{background-image: url('../images/img_53.png');}
.post-title_-{background-image: url('../images/img_54.png');}
.news--title_-{background-image: url('../images/img_55.png');}
.vds--title_-{background-image: url('../images/img_50.png');padding-top: 70px !important;}
.ph--title_-{background-image: url('../images/img_38.png');}
.photo-item{width:100%;overflow:hidden}
.photo-item li{float:right;width:33%;margin-bottom:14px}
.photo-item li a{display:block;margin:0px 5px}
.photo-item li a img{max-width:100%;min-width:100%; /*height:171px;*/}
.photo-item li a span{display:block;line-height:55px;background-color:#fff;text-align:center}
.photo-item li a:hover span{background-color:#a78836;color:white}
.holder1 { text-align:center;height:41px;margin:0px auto 14px;width:100px;padding:15px 0px 0px}
.holder1 a{display:none}
.holder1 a.jp-next,.holder1 a.jp-previous{
	display: block;
	width: 41px;
	height: 41px;
	background-image: url('../images/img_16.png');
	background-repeat: no-repeat; float:left;overflow:hidden;text-indent:-199px;margin-right:5px;cursor:pointer
}
.holder1 a.jp-next{ background-position:right top}
.holder1 a:hover{opacity:0.7}
.holder1 a.jp-disabled{cursor:text;opacity:0.4}
.box02{
	background-size: 100% 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('../images/img_17.png');
	padding-top: 33px;
}
#boxx_ {width: 48%; float:right}
.accordionButton {border-radius: 3px;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	line-height:50px;padding:5px 30px;color:white;margin:0px 0px 5px
	}

.accordionContent {border-radius: 3px;background: rgba(0,0,0,0.5);margin:0px 0px 9px;padding:15px;color:#e6e5e3;line-height:20px;font-size:13px;font-weight:normal}
.over,.on {background: #d3a638;}
#tabs_{float:left;width:48%}
#tabs_ .list-wrap { margin: 0 0 15px 0;border-radius: 2px;border: solid 1px #918f8f;padding:7px;line-height:22px;color:white }
#tabs_ .nav { overflow: hidden; }
#tabs_ .nav li { width: 115px; float: right; margin: 0 0px 0 10px; }
#tabs_ .nav li a { border-radius: 2px;display: block; padding: 5px;color: white; font-size: 13px; text-align: center; border:solid 1px #918f8f; }
#tabs_ li a.current,#tabs_ li a.current:hover { background: rgba(0,0,0,0.5); color: #d9ab3c; }

.cont_form textarea{min-height:140px}


.fot-thumb img{width:50px;height:50px;float:right;margin:0px 0px 7px 7px}
.clud-_ a{
	display: block	;float:right;padding:5px 12px;text-align:center;line-height:20px;font-size:11px;color:white;background-color:#212120;margin:0px 0px 5px 5px;
		-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.clud-_ a:hover{background:#d3a638;color:white}
.tw_item{
	background-position: right center;
	padding-right: 30px;
	color: white;
	line-height: 23px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-image: url('../images/img_19.png');
	margin-bottom:22px
}
.tw_item a{
	background-position: right center;
	color: white;
	line-height: 23px;
	font-size: 12px;
}
.soc-foticon{float:left}
.contact_-bar{
	border-style: solid;
	border-width: 9px 0px 0px 0px;
	border-color: #a78836;
	padding: 11px 0px;
}
.tel_-{float: right;margin:0px 0px;width:33%;color:#d2d3d3;font-size:15px;    padding: 19px;}
.tel_- strong{color: #a78836;font-family: tahoma;font-size: 14px;}
.join_{float: right;width:33%;}
.join_in{
	background-position: right center;
	background-color: #00140f;
	height: 28px;
	margin: 0px 15px;
	background-image: url('../images/img_20.png');
	background-repeat: no-repeat;
	padding-right: 40px;
}
.join_in input[type=text]{font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma; font-size:14px; float:right; width:60%;background-color:transparent;color:#5b5a5a;
padding:3px 0px;border:0px;background-image:none !important;box-shadow:0px 0px 0px #111 !important
}

.join_in input[type=submit]{ float:left;
	background-color: #a78836;
	color: #fff; height:28px;width:60px;border-width: 0px;font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma; font-size:14px; cursor:pointer
}
.contact-block_{
	background-image: url('../images/img_23.png');
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 395px;
	background-size: 100% 100%;
}

.contact-block_ .cont-title a,
.photo-box-title a,
.vd-title a{
  color: #fff;
}
.contact-block_ .cntr{padding:14px 0px}
.num_-{
	width: 60%;
	margin: 0px auto 30px;
	font-family: tahoma;
	font-size: 3em;
	color: #fff;
	font-weight: bold;
	background: rgba(237,190,75,0.5);
	padding:15px;text-align:center;
	overflow:hidden;position:relative;
			-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.num_-:hover{background-color: rgba(0,0,0,0.3)}
.num_- b{
	position:absolute;display:block;line-height:77px;top:-90px;left:0px;width:100%; height:77px;
		-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.num_-:hover b{top:15px}
.num_- span{
	background-position: right center;
	display: inline-block;
	background-image: url('../images/img_24.png');
	background-repeat: no-repeat;
	height: 77px;
	padding-right: 80px;
	line-height:77px;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;

}
.num_-:hover span{opacity:0}
.mail_-,.loct_-{ color:white;font-size:17px; text-align:center;margin:0px 0px 14px;text-align:center}
.mail_- strong,.loct_- strong{
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 30px;
	background-image: url('../images/img_26.png');
	font-weight: normal;
	padding:10px 30px 10px 0px
}
.mail_- strong{
	background-image: url('../images/img_25.png');
	font-family: tahoma;
	font-size: 22px;
}
.mail_- strong span{color:#d2a737}
.holder2{text-align:center;padding:15px;margin:0px 0px 11px}
.holder2 a{display: inline-block;background-color:white;height:10px;width:33px; margin:0px 3px;overflow:hidden;text-indent:-1111px;cursor:pointer}
.holder2 a.jp-next,.holder2 a.jp-previous{display:none}
.holder2 a.jp-current{background-color:#a78836}
.n-item-b{margin:0px 6px;position:relative;overflow:hidden}
.info-box_{
	position:absolute;width:100%;bottom:0px;left:0px;color:#444;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.n-item-b:hover .info-box_{bottom:-170px}
.info-box_ h2,.info-box_ p{margin:0px;padding:5px 22px 5px 8px;line-height:33px;background-color:white;font-size:16px;
    font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma !important;}
.info-box_ p{font-size:14px}
.info-box_ p i{
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('../images/img_29.png');
	padding-right: 26px; color:#be8804
}
h1.main-title {
    font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma !important;
}
.info-box_ p em{font-style:normal;color:#be8804;padding:0px 3px}
.info-box_ span{display:block;height:40px;background-color:#617a4a}
.info-box_ span a{float:left;width:40%;height:40px;line-height:40px;text-align:center;background-color:#a78836;color:white;margin:0px}
.info-box_ span b span.text-sep.comment-container-sep a.comments-link{
background-position: right center;
    display: block;
    margin: 0px 95px 0px 41%;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url('../images/img_28.png');
    padding-right: 24px;
    line-height: 40px;
    float: left;
    background-color: #617a4a;
}
.info-box_ span b {
    background-position: right center;
    display: block;
    margin: 0px 12px 0px 41%;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url('../images/img_28.png');
    padding-right: 30px;
    line-height: 40px;

}
.info-box_ span b a.comments-link{
    background-position: right center;
    display: block;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url('../images/img_28.png');
    padding-right: 0px;
    line-height: 40px;
    float: left;
    background-color: #617a4a;
}

/*************************************************/
.view {
   width: 100%;
   height: 350px;
   overflow: hidden;
   position: relative;
   text-align: center;
}
.view .mask,.view .content {
   width: 100%;
   height:350px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   max-width: 320px;
   height:350px;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma !important;
}
.view p {
font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma;   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-eighth .mask {
   background-color: rgba(255, 255, 255, 0.7);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}
/*********************************************************************************/
#panorama{
	width:100% !important;max-width:100% !important;direction:ltr;
}
#bgr-page {
    background-image: url('../images/img_37.png');
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: -49px;
    padding-top: 33px;
}
#wrap_all {
    background:none;
}
.meta-bar{padding:10px 14px;background-color:#00291e;margin:0px 0px 15px;
    display: none;}
.meta-bar span{
	background-position: right center;
	line-height: 30px;
	padding: 5px 30px 5px 5px;
	color: white;
	background-repeat: no-repeat;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
}
.meta-bar span.clr{padding:0px;line-height:1px}
.it1{background-image: url('../images/img_39.png');}
.it2{background-image: url('../images/img_40.png');}
.it3{background-image: url('../images/img_41.png');}
.meta-bar i{font-style:normal;color:#5e5e5e;padding:0px 11px}
.dk-bgr{background-color:#00291e;color:white}
.dk-bgr p{color:white}

.imgsthecoder{
  width:100%;
  height:540px;
}

.padd13px{padding:13px}

		.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:100%;
	direction:ltr;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bgr-page .bx-controls-direction{
	position:absolute;top:50%;left:0px;margin-top:-25px;width:100%
}
.bgr-page .bx-controls-direction a{
	border-radius: 2px;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #4c4a4a;
	background-image: url('../images/img_43.png');
	overflow: hidden;
	text-indent: -555px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.bgr-page .bx-controls-direction a:hover{background-color: #a78836;}
.bgr-page .bx-controls-direction a.bx-next{background-position: right top;float: right;}
.box03{padding:14px;background-color:#11150D;margin:0px 0px 13px}
.share-icons{float:left;}
.share-icons li{float:left;line-height:40px;color:white;margin-right:4px}
.share-icons li span{padding:0px 4px}
.share-icons li a{
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-image: url('../images/img_44.png');
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-position:-3px top

}
.share-icons li a:hover{
	border-radius: 45px;
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
.share-icons li.ix2 a{ background-position: -47px top}
.meta-bar .share-icons li.ix2 a{background-image: url('../images/img_49.png');background-position: -3px top}
.share-icons li.ix3 a{ background-position: -92px top}
.photo-title_{
	background-position: right center;
	float: right;
	line-height: 40px;
	color: white;
	background-image: url('../images/img_45.png');
	background-repeat: no-repeat;
	padding-right: 40px;
	font-size:18px
}
.rltd-box{padding:20px 0px;background-color:#00291e}
.photos_-box{padding:20px 0px;background-color: transparent}
.rltd-box ul li div:hover span{background-color:transparent !important}
.photos_-box li{margin-bottom:16px}
.photos_-box li img{height:217px;}
.photos_-box li:hover img{opacity:0.5}
.rltd-box ul li,.rt_videos li{float:right;width:33%}
.rt_videos li{margin-bottom:22px}
.rltd-box ul li div,.rt_videos li div{position:relative;margin:0px 4px;overflow:hidden}
.img-r{
	border: 4px solid transparent;
	border-radius: 7px;
	display: block;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.rltd-box-vd .img-r,.rt_videos li .img-r{border:0px; height:217px;}
.rltd-box ul li div:hover .img-r,.img-r:hover{border-color:#a78836}
.rltd-box ul li div img{border-radius: 7px;max-width:100%;min-width:100%;}
.rltd-box-vd ul li div img,.rt_videos li img{border-radius: 0px;max-width:100%;min-width:100%;}
a.yut_,a.twtt_,a.fcb_{
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/img_47.png');
	position:absolute;width:55px;height:53px;top:50%;margin-top:-26px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
a.yut_{left:-60%;}
a.twtt_{top:-60%;right:50%;margin-right:-27px;background-position:-56px top}
a.fcb_{ right:-60%; background-position:right top}
.rltd-box ul li div:hover .yut_,.rt_videos li div:hover .yut_{left:50%;margin-left:-90px}
.rltd-box ul li div:hover .twtt_,.rltd-box ul.rt_videos li div:hover .twtt_{right:50%; top:50%;margin:-27px -27px 0px 0px}
.rltd-box ul li div:hover .twtt_{
	margin-top:0px
}
.rltd-box ul li div:hover .fcb_,.rt_videos li div:hover .fcb_{right:50%;margin-right:-90px}

.rltd-box ul li div span,.rt_videos li span{
	width:100%;left:0px;bottom:-50px;position:absolute;text-align:center;font-size:18px;color:white;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
/***/





.rltd-box-vd ul li div,.rt_videos li div{background-color:#a78836;position:relative}
.rltd-box-vd ul li div:hover img,.rt_videos li div:hover img{opacity:0.6}
.rltd-box-vd ul li div span,.rt_videos li span{ bottom:0px;background-color:#617a4a;line-height:44px}
.rltd-box-vd ul li .twtt_2,.rt_videos li div .twtt_2{top:50%;background-image: url('../images/img_52.png'); background-position:left top}
.rltd-box-vd ul li div:hover .twtt_2,.rt_videos li div:hover .twtt_{top:30%}
.rt_videos li div:hover a.twtt_2,.rltd-box-vd ul li div:hover a.twtt_2{top:30%}
.rt_videos li div:hover .twtt_,.rltd-box-vd ul li div:hover .twtt_{top:50%}
.rltd-box ul li div:hover .twtt_2{
	margin-top:-80px !important
}

.rltd-box ul li div:hover span,.rt_videos li div:hover span{bottom:50%;margin-bottom:-80px;background-color:#a78836}

#contact-form,#commentform{margin-bottom:22px}
#contact-form input,#commentform input{display:block}
#contact-form input[type=text],#commentform input[type=text]{margin-bottom:12px;width:45%;float:right;margin-left:12px}
#contact-form textarea,#commentform textarea{width:94%;min-height:222px;margin-bottom:16px}
input[type=text]:hover,input[type=password]:hover,textarea:hover,select:hover,
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#585858}

#contactform input[type=submit],
#contact-form input[type=submit]{
	border: 3px solid #363535;
	background-color: #a78836;
	width: 140px;
	height: 55px;
	display:block;margin:0px auto
}
.slicknav_menu {display: none}
.post-title_{margin:0px 0px 30px;text-align:center;line-height:33px;padding:0px;clear:both;float:none;display:none;color:#f1b61f;font-size:18px;    font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma !important;}
.big_frame {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.big_frame iframe{
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
div#contentxt {
    padding: 38px;
}
.about-page img{max-width:100%;max-height:350px;width:100%}
.about-img_{display:block;border:solid 9px #cecccc}
.post_block_ img{max-width:90%;width:90%;border:solid 9px #eee;display:block;margin:0px auto}
/*.post_block_ p{padding:33px}*/
.rltd-news{background-color:#00291e;padding:20px 0px}
ul.navigation{text-align:center}
ul.navigation li{display:inline-block;margin-bottom:6px}
ul.navigation li a{font-size:19px;display:inline-block;width:44px;height:44px;line-height:44px;color:white;background-color:#7e7e7e}
ul.navigation li a.current,ul.navigation li a:hover{background-color:#a78836}
ul.navigation li a.current:hover{background-color:#7e7e7e}



ul.navigation2{text-align:center}
ul.navigation2 a{display:inline-block;margin-bottom:6px}
ul.navigation2 a{font-size:19px;display:inline-block;width:44px;height:44px;line-height:44px;color:white;background-color:#7e7e7e}
ul.navigation2 span.current{background-color:#a78836; font-size:19px;display:inline-block;width:44px;height:44px;line-height:44px;color:white}
ul.navigation2 a:hover{background-color:#a78836}
ul.navigation2 span.current:hover{background-color:#7e7e7e}


.rt_videos img{max-height:230px}
#photos-tabs .nav{text-align:center}
#photos-tabs .nav li{display:inline-block;margin:0px 3px}
#photos-tabs .nav li a{
	border: 3px solid #393838;
	border-radius: 3px;
	display: inline-block;
	padding: 4px 25px;
	line-height: 28px;
	background-color: #202020;
	color: #fff;
}
#photos-tabs .nav li a.current{background-color: #a78836; color:white}
.map-bgr{
	background-repeat: no-repeat;
	background-image: url('../images/img_56.png');
	background-size: 100% 100%;
	min-height: 336px;
	border-style: solid;
	border-width: 12px 0px 12px 0px;
	border-color: #252525;
}
.w50{width:49%;float:right}
.contact-dtls li{
	background-position: right center;
	padding: 1px 33px 1px 1px;
	line-height: 40px;
	margin: 0px 0px 12px;
	color: #e2e2e2;
	background-repeat: no-repeat;
	text-align: right;
	direction: ltr;
	font-family: tahoma;
	font-size: 19px;
	font-weight: normal;
}
.contact-dtls li.cdt1{background-image: url('../images/img_57.png');}
.contact-dtls li.cdt2{background-image: url('../images/img_58.png');}
.contact-dtls li.cdt3{background-image: url('../images/img_59.png');}
.contact-dtls li.cdt4{background-image: url('../images/img_60.png');
text-align:right;direction:rtl;font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma;
    list-style: none;

}

@media screen and (max-width: 1020px){
.cntr{margin:0px auto;width: auto;padding:0px 5px}

}


@media screen and (min-width: 900px){
.crc-bg:hover,.cn-box:hover .crc-bg{
		transform: rotate(-3600deg);
	-ms-transform: rotate(-3600deg);
	-webkit-transform: rotate(-3600deg);
	-o-transform: rotate(-3600deg);
	-moz-transform: rotate(-3600deg);
	margin-bottom:9px

}
/*
.cn-box:hover .crc05{right:20px;top:-120px}
.cn-box:hover .crc01{right:-170px;top:85px}
.cn-box:hover .crc03{right:-60px;top:310px}
.cn-box:hover .crc06{left:10px;top:-120px}
.cn-box:hover .crc02{left:-150px;top:70px}
.cn-box:hover .crc04{left:-60px;top:300px}
*/
}


@media screen and (max-width: 860px){
	h1.logo a img {
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-radius: 120px;
    background-color: rgba(0, 0, 0, 0.8);
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0px auto 15px auto;
    width: 160px;
    height: 160px;
    background-position: center center;
}
.hdr_in,.hdr{
	border-style: solid;
	border-width: 3px 0px 0px 0px;
	border-color: #272727;
	background-image: none;
	width: auto;
}
.hdr{padding:0px}
.hdlogo{border:4px solid rgba(0, 0, 0, 0.2);
	border-radius: 120px;
	background-color: rgba(0, 0, 0, 0.8);
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: 0px auto 15px auto;
	width: 200px;
	height: 200px;
	background-position:center 	center;
}
.left-c-{
	border-style: solid;
	border-width: 0px 0px 5px;
	border-color: rgba(0, 0, 0, 0.3);
	min-height: 33px;
	padding: 0px;
	background: rgba(0,0,0,0.5);
	margin: 0px 0px 0px;
	height: 50px;

}
.menu{margin-top:0px}
.soc-hdicon{margin-top: 8px;
    float: left;}
.lang-chng{margin-top:10px}
.cn-box{width:100%}
.crc01{right:190px;}
.crc02{left:150px;}
.crc03{right:10px;}
.crc04{left:10px;}
.crc05{right:90px;}
.crc06{left:130px;}
.menu-main-menu-container {
    float: right;
    margin: 5px 26px 0px 0px;
    z-index: 99;
}
.left-c- a {
    /* float: right; */
    background-color: rgba(0, 0, 0, 0.47);
    padding: 6px;
    /* top: 5px; */
}
#tabs_ .nav li { width: 100px; float: right; margin: 0 0px 0 5px; }

}


@media screen and (max-width: 720px){
.crc01{right:140px;}
#tabs_,#boxx_{float: none;width: auto}
.twwt-box{float:none;clear:both;width:auto; margin:0px 12px}
.cont_form,.fbox2{width:50%}
.tel_-{float:none;width:auto;margin:0px 11px 11px}
.join_{width:50%}
.photo-item li{float:none;width:auto;max-width:320px;margin:0px auto 14px}
.w50{width: auto;float: none;margin:0px 11px}
}


@media screen and (max-width: 660px){
.crc01{right:80px;}
.num_-{margin:0px 8px 20px; width:auto;font-size:1.7em;}
.rltd-box ul li,.rt_videos li{float: none;width: auto;max-width:320px;margin:0px auto 15px}
}


@media screen and (max-width: 600px){
	.soc-hdicon{margin-top:3px;
    float: right;
	display:none;}
.crc-bg{position:relative;left:auto;right:auto;top:auto;margin:0px 0px 1px;}
.cn-box{max-width:400px;background-image:none}
.crc01,.crc03,.crc05{ float:right}
.crc02,.crc04,.crc06{ float:left}
.cn-box span{position:relative;top:auto;left:auto;right:auto;margin:0px auto -40px}
.crc-box-title{margin-bottom:10px}
.menu{float:none;height:50px}
.twwt-box,.cont_form,.fbox2{float:none;clear:both;width:auto; margin:0px 12px}
.join_{width:60%}
#contact-form textarea,#commentform textarea{width:90%;}
.js #menu-main-menu {display:none;}
.js .slicknav_menu {display:block;height: 50px;}

.left-c-{position:absolute;    top: -71px;
    left: 0px;
    width: 100%;
	    height: 50px;}
.hdr_in{padding-top:14px}
h1.logo a img {
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-radius: 120px;
    background-color: rgba(0, 0, 0, 0.8);
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0px auto 15px auto;
    width: 200px;
    height: 200px;
    background-position: center center;
}
}

@media screen and (max-width: 420px){
	.soc-hdicon{margin-top:3px;
    float: right;
	display:none;}
.cn-box{background-repeat:repeat-y;height:auto}
.crc-bg{float:none !important;margin:0px auto 11px}
.cn-box span{margin-bottom:1px}
#tabs_ .nav li {width:auto}
.join_{width: auto;float:none;margin:0px 11px 15px}
.contact_-bar .soc-foticon{float: none;margin:0px auto;width:140px}
.mail_- strong{font-size: 18px;}
#contact-form input[type=text],#commentform input[type=text]{float:none;width:80%}
}

/******** comment style ****************/
ol.commentlist{margin: 10px 0px;padding: 0px;}
.commentlist .comment-body{padding: 0px 8px;margin: 0px;position: relative;}
.comment-body a.comment-reply-link{position: absolute;top: 10px;right: 10px;color: #AEAEAE;}
ol.commentlist li{
	list-style: none;
	margin-right: 50px;
	background-color:#444;
    border-radius: 7px;
    line-height: 24px;
    margin: 0px 155px 25px 50px;
    padding: 0 14px 0 56px;
    position: relative;
}
ol.commentlist li li{
	margin-bottom:0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.32);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.32);

}
#top .comment-reply-link {
    font-size: 16px;
    float: left;
    background-color: #E8E8E8;
    padding: 1px 12px;
    text-shadow: 0px 1px 0px #fff;
    border-radius: 0px 0px 0px 7px;
    color: black;
    font-weight: bolder;
    font-family: 'GESS','Droid Arabic Kufi',Arial,Tahoma;
	    margin: 0px 0px 7px -9px;
}
ol.commentlist img.avatar{padding: 1px;
	background: #222;
	border: 4px solid #444;
    border-radius: 7px;
	float: left;
	display: block;
	margin: 0px;
	width: 75px;
	height: 75px;
	top: 15px;
	right: -105px;
	left: auto;
	position: absolute;
}
ol.commentlist li li img.avatar{width: 40px;height: 40px;right:-20px;border-width:1px;top:10px}
ol.commentlist li,ol.commentlist img.avatar{
-webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    0px 1px 4px 0px rgba(50, 50, 50, 0.32);
box-shadow:         0px 1px 4px 0px rgba(50, 50, 50, 0.32);

}
ol.commentlist .comment-author{line-height: 25px;}
.comment-body cite.fn{font-size: 14px;font-style: normal;}
.commentmetadata a{margin: 0;font-size: 11px;color: #999;}
.comment-body p{margin: 5px;}
.comment-meta{background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../images/img_40.png');
	padding-right: 20px;
	display:inline
}
.comment-body .comment-author.vcard{margin: 0;}
.comment-author cite {
	background-position: right center;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url('../images/img_39.png');
	padding-right: 20px;
}
.reply{padding: 0 0 26px;}
.reply a{float: left;background-color: #E8E8E8;padding: 1px 12px;text-shadow:0px 1px 0px #fff;
    border-radius: 0px 0px 0px 7px;}
.commentlist .children li{border-style: solid;border-color: #e7e7e7;border-width: 1px 1px 0px 0px;}
#content div#comments h3#comments-title em{font-family: tahoma;font-size: 10pt;font-weight: normal;font-style: normal;}

       #respond .comment-form,
#respond .comment-form-author,
#respond .comment-form-email {
	position: relative;
}

/******** comment style ****************/

.tweets li a{
   color:#fff;
}
/**************************/
div .holder0 { width:100%;position: absolute;top: 0px;left: 0px;padding:0px}
div .holder0 a{display:none}
div .holder0 a.jp-next,div .holder0 a.jp-previous{
	display: block;
	width: 70px;
	height: 430px;
	/*background-image: url('../images/img_16.png');*/
	background-image: url('../images/arrow-h.png');
	background-position: center center;
	background-repeat: no-repeat; float:left;overflow:hidden;text-indent:-199px;margin-right:5px;cursor:pointer;
background-color:#000e0a;float:left;margin-left:-75px
}
div .holder0 a.jp-next{ float:right;margin-left:0px;margin-right:-75px;
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
div .holder0 a:hover{opacity:0.7}



.b0x-photo{position: relative;height:480px}
.b0x-photo ul{position: relative;height:430px}
.b0x-photo .photo-item li {height:430px;margin-bottom:0px}


.b0x-photo .photo-item li div{padding:7px;background-color:rgba(0, 146, 109, 0.22);margin:0px 4px;box-sizing: border-box;height:100%}
.b0x-photo .photo-item li div a{margin:0px;position: relative;}
.b0x-photo .photo-item li a span {
   /* background-color:#a78836;*/color:white;
background: rgba(255,255,255,0.5);
    display: block;
    height: 100%;
    line-height: 42px !important;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
line-height:200px;
width:40px;height:40px;font-size:24px;
top:50%;left:50%;margin:-20px 0px 0px -20px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.b0x-photo .photo-item li:hover a span{opacity: 1;margin:0px;left:0px;top:0px;width:100%;height:44px;}


.b0x-photo .photo-item li.i__01,.b0x-photo .photo-item li.i__02,.b0x-photo .photo-item li.i__03,
.b0x-photo .photo-item li.i__05,.b0x-photo .photo-item li.i__06,.b0x-photo .photo-item li.i__07,
.b0x-photo .photo-item li.i__09,.b0x-photo .photo-item li.i__010,.b0x-photo .photo-item li.i__011
{width:30%}



.b0x-photo .photo-item li.i__04,.b0x-photo .photo-item li.i__08,.b0x-photo .photo-item li.i__012{width:40%}

.b0x-photo .photo-item li a,.b0x-photo .photo-item li a img{height:100%}
.b0x-photo .photo-item li.i__02,.b0x-photo .photo-item li.i__03,.b0x-photo .photo-item li.i__06,.b0x-photo .photo-item li.i__07,
.b0x-photo .photo-item li.i__010,.b0x-photo .photo-item li.i__011{height:210px}
.b0x-photo .photo-item li.i__03,.b0x-photo .photo-item li.i__07,.b0x-photo .photo-item li.i__011{position: absolute;bottom:0px;right:30%}

/*************/

body .video-box .photo-item li a span {
    /*background-color:#a78836;color:white*/
background: rgba(255,255,255,0.5);
    display: block;
    height: 100%;
    line-height: 200px;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
line-height:42px;
width:40px;height:40px;font-size:24px;
top:50%;left:50%;margin:-20px 0px 0px -20px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
body .video-box .photo-item li:hover a span{opacity: 1;margin:0px;left:0px;top:0px;width:100%;height:100%}
body .video-box .photo-item li a{padding:7px;background-color:rgba(0, 146, 109, 0.22);

}
body .video-box .photo-item li a img{height:290px}
body .video-box .photo-item li i{background-image: url('../images/pl-icon_.png');width:85px;height:85px;
position: absolute;left:50%;top:50%;
margin:-42px 0px 0px -42px
}
.view img{width:100%}
            body .box02{background-image:url(../images/man_.png);
                background-color: #666;
                background-position: center bottom;padding-right: 45px;
background-size: auto
            }
body .box02 .cntr{width:90%}
.b0x-f li{float:right;width:40%;height:100px;margin:0px 0px 10px}
.b0x-f li i{float:right;display:block;border:solid 1px #434343;width:50px;height:90px;
background-image:url(../images/ic0n.png);
background-repeat: no-repeat
}

.b0x-f li div{margin-right:66px}
.b0x-f li div h2{font-size:18px;margin:0px 0px 0px;color:#c19027;    }
.b0x-f li div span{font-size:16px;line-height:30px;color: #fff;}


.b0x-f li.xi__01,.b0x-f li.xi__03,.b0x-f li.xi__05{}
.b0x-f li.xi__02,.b0x-f li.xi__04,.b0x-f li.xi__06{float:left;}
.b0x-f li.xi__01 i,.b0x-f li.xi__03 i,.b0x-f li.xi__05 i{float:left;}
.b0x-f li.xi__01 div,.b0x-f li.xi__03 div,.b0x-f li.xi__05 div{margin-right:0px;margin-left:66px;    line-height: 15px;}


.b0x-f li.xi__01 i{background-position:-334px 28px }
.b0x-f li.xi__02 i{background-position:10px 28px }
.b0x-f li.xi__03 i{background-position:-334px -80px }
.b0x-f li.xi__04 i{background-position:10px -80px }
.b0x-f li.xi__05 i{background-position:-334px -195px }
.b0x-f li.xi__06 i{background-position:10px -195px }
.b0x-photo .photo-item li div a.yut_,.b0x-photo .photo-item li div a.twtt_,.b0x-photo .photo-item li div a.fcb_{
	display: block;
	background-repeat: no-repeat;
	background-image: url('../images/img_47.png');
	position:absolute;width:55px;height:53px;top:50%;margin-top:-26px;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.b0x-photo .photo-item li div a.yut_{left:-60%;}
.b0x-photo .photo-item li div a.twtt_{top:-60%;right:50%;margin-right:-27px;background-position:-56px top}
.b0x-photo .photo-item li div a.fcb_{ right:-60%; background-position:right top}
.b0x-photo .photo-item li div:hover .yut_{left:50%;margin-left:-90px}
.b0x-photo .photo-item li div:hover .twtt_,.list-wrap .photos_-box li div:hover .twtt_{right:50%; top:50%;margin:-27px -27px 0px 0px}
.b0x-photo .photo-item li div:hover .fcb_{right:50%;margin-right:-90px}
.b0x-photo .photo-item li{overflow:hidden}

@media screen and (max-width: 1200px){
body .box02 .cntr{width:auto}
.b0x-photo ul{margin:0px 70px;width:auto}
div .holder0 a.jp-next,div .holder0 a.jp-previous{margin:0px}
}

@media screen and (max-width: 900px){
.b0x-f li{height:150px;}
}


@media screen and (max-width: 770px){

.b0x-photo .photo-item li {height:200px !important;width:50% !important;
position:relative !important;right:auto !important;bottom:auto !important;margin-bottom:14px;float:right !important }

}



@media screen and (max-width: 620px){
body .box02{ background-position: right bottom;padding-right:200px  }
.b0x-f li{float:none;width:auto;height:auto;margin-bottom:20px}
.b0x-f li.xi__01,.b0x-f li.xi__03,.b0x-f li.xi__05{text-align:right}
.b0x-f li.xi__02,.b0x-f li.xi__04,.b0x-f li.xi__06{float:right;}
.b0x-f li.xi__01 i,.b0x-f li.xi__03 i,.b0x-f li.xi__05 i{float:right;}
.b0x-f li.xi__01 div,.b0x-f li.xi__03 div,.b0x-f li.xi__05 div{margin-right:66px;margin-left:0px}
}

@media screen and (max-width: 480px){
body .box02{ background-image: none;padding-right:0px  }
}