@import url('font-awesome.min.css'); 
@font-face {font-family: 'HelveticaNeueLTArabic';  font-style: normal;  font-weight: 400;  
            src: url(fonts/HelveticaNeueLTArabic-Light.eot);
            src: url(fonts/HelveticaNeueLTArabic-Light.eot?#iefix) format('embedded-opentype'),
                 url(fonts/HelveticaNeueLTArabic-Light.woff) format('woff'),
                 url(fonts/HelveticaNeueLTArabic-Light.ttf) format('truetype');}
@font-face {font-family: 'HelveticaNeueLTArabic';  font-style: normal;  font-weight: 700;  
            src: url(fonts/HelveticaNeueLTArabic-Bold.eot);
            src: url(fonts/HelveticaNeueLTArabic-Bold.eot?#iefix) format('embedded-opentype'),
                 url(fonts/HelveticaNeueLTArabic-Bold.woff) format('woff'),
                        url(fonts/HelveticaNeueLTArabic-Bold.ttf) format('truetype');}
						
a, div, p, h1, h2, h3, h4, h5, h6, ul, ol, samp, input, select, textarea, button {outline: 0 none !important; padding:0; margin:0; list-style:none; font-family:inherit; }
a, a:link, a:visited, a:active, a:hover {text-decoration:none; }
a {color:#3dab32;}
.clear, .headwrapper > section:after, .headwrapper .owl-carousel:after, .headwrapper > section:after {content:""; height: 0px; display:block; float:none; clear:both; }
.HGBook .Htitle {clear:both;}
body {position:relative; font-family: 'HelveticaNeueLTArabic',arial,sans-serif,helvetica; font-size:16px; line-height:20px; margin: 0 auto; direction:rtl; color:#000000; background: #f0f0f0;}
.container {width:100%; height:100%; overflow:hidden;}
section {width:1000px; margin:0 auto; }



.headwrapper {background: url(../images/bg.jpg) center top no-repeat fixed; background-size:cover; position:relative; width:100%;  max-height:1080px;}
.headwrapper > section {position: relative;}
.header * {transition:all linear .5s; }
.header {height:57px;}
.header > .wrapper {position:absolute; top: 0; right:0; left:0; padding: 0; z-index:88; text-align: center;font-size: 1em;  margin-bottom: 12px;box-shadow: 0 1px 0 rgba(0,0,0,.09), 0 12px 25px rgba(0,0,0,.2);
  background-color: rgba(0,0,0,.1);  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);  background-image: -moz-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);  background-image: -o-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);  background-image: linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);
  border-bottom: 1px solid rgba(255,255,255,.3);box-shadow: 0 1px 0 rgba(0,0,0,.1);}
.header > .wrapper a.amobile {display:none;}
.header ul {margin: 0 auto;  }
.header ul li {display:inline-block; margin: 0 1%;  position:relative;}
.header ul li.active {text-shadow: 1px 1px 0 rgba(0,0,0,.2);background:#fff;background-image: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);      background-image: -moz-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);      background-image: -o-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);      background-image: linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,.3) 100%);}
.header ul li.active a {/* color:#339933; */}
.header ul li:hover {background:#339933; }
.header ul li>a {display:block; color: #fff; font-weight:bold; min-width: 70px; padding: 17px 5px 19px; text-align: center;}
.header ul li:hover>a {color:#fff;}
.header ul li:hover .supmenus {display:block;}
.header.makefixed > .wrapper {position: fixed; top: 0; left: 0 !important;right: 0 !important;}

.logo { width: 53%; margin: 5% 35% 0 0;}
.logo>samp {display: block; font-size:1.5vw; color:#fff;}
.logo>a>img {display:block; width:100%; max-width: 800px; height: auto;}
.ayedh {width: 34%;   display: block;float: right;margin: -5% 0 0;}
.ayedh>img {display:block; width:100%; max-width: 800px; height: auto;}

.social {    position: absolute;        top: 0;        width: 45px;    left: 0;}
.social h2{    font-size: 1.5vw;    text-align: center;    line-height: 3vw;    padding-bottom: 5px;    color: #fff; border-radius: 0 0 55px 55px;    border-bottom: 1px solid rgba(255,255,255,.3);    box-shadow: 0 10px 10px rgba(0,0,0,.2);
background-color: rgba(0,0,0,.0);  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.02) 0%,rgba(0,0,0,.3) 100%);  background-image: -moz-linear-gradient(top, rgba(0,0,0,.02) 0%,rgba(0,0,0,.3) 100%);  background-image: -o-linear-gradient(top, rgba(0,0,0,.02) 0%,rgba(0,0,0,.3) 100%);  background-image: linear-gradient(top, rgba(0,0,0,.02) 0%,rgba(0,0,0,.3) 100%);}
.social ul{    font-size: 1.7em;    text-align: center;    margin-top: 2%;}
.social li{margin: 12px 0; position:relative; z-index: 88;display: block;    width: 45px;border-radius: 100%;    border: 3px solid #fff;    text-align: center;    box-shadow: 0 0 20px rgba(0,0,0,.4);}
.social li:first-child:after {content:""; width:0; height:0;}
.social li:after {content:""; background:#fff; width: 20px; height: 20px; position:absolute;top: -18px;left: 10px;border-radius: 100%;z-index: 0;}
.social li a{    display: block;    overflow: hidden;    border-radius: 100%;    position: relative;    z-index: 99;}
.social li a i{    padding: 6px 0;    width: 39px; color:#fff; transition:all linear .5s; border-radius:100% !important;}
.social li a i.fa-facebook {background:#3a5795;}
.social li a i.fa-twitter {background:#55acee;}
.social li a i.fa-youtube {background:#cc181e;}
.social li a i.fa-instagram {background:#517fa4;}

.social li a i.fa-facebook:hover {background:rgba(255,255,255,0); color:#3a5795;}
.social li a i.fa-twitter:hover {background:rgba(255,255,255,0); color:#55acee;}
.social li a i.fa-youtube:hover {background:rgba(255,255,255,0); color:#cc181e;}
.social li a i.fa-instagram:hover {background:rgba(255,255,255,0); color:#517fa4;}

.social span {display: block;    text-align: center;	width: 200px;    margin:1% auto;    overflow: hidden;}
.social span samp{    display: block;    padding: 7px 20px 10px;    background: rgba(0,0,0,.2);    border-radius: 22px;    color: #fff;    float: right;}
.social span a {    display: block;    float: right;    border-radius: 100%;    overflow: hidden;}
.social span a i.fa-rss {background:#f26522;   padding: 11px 0 10px;    width: 39px; color:#fff; transition:all linear .5s; border-radius:100% !important;}
.social span a i.fa-rss:hover {background:rgba(255,255,255,0); color:#f26522;}

.headwrapper .owl-carousel {position: relative;width: 61%;  margin: 4% 0 0;display: inline-block !important;text-align: center;   color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.2);}
.headwrapper .owl-carousel h2 {font-size:3.5vw; text-align:center; line-height:1.6em; padding:0 5px;}
.headwrapper .owl-carousel p {font-size:1.5vw; line-height:1.3em; font-weight:normal; text-align:center; padding-bottom:5px;}
.headwrapper .owl-carousel a {color:inherit;}
.headwrapper .owl-controls .owl-buttons div.owl-prev:after, .headwrapper .owl-controls .owl-buttons div.owl-next:after {background: rgba(0,0,0,0);  color: rgba(0,0,0,0.3);  font-size: 7vw;  text-shadow: none;}
.headwrapper .owl-controls:hover .owl-buttons div.owl-prev:after, .headwrapper .owl-controls:hover .owl-buttons div.owl-next:after,
.headwrapper .owl-carousel:hover .owl-controls.clickable .owl-buttons div.owl-prev:after,.headwrapper .owl-carousel:hover .owl-controls.clickable .owl-buttons div.owl-next:after {background: rgba(0,0,0,0); color: rgba(0,0,0,0.9);}
.headwrapper>span {position:absolute; bottom:-35px; left:0; right:0; height:75px; background: url(../images/elsaqqa_13.png) center repeat-x;}


.Hvideo {overflow:hidden; margin: 0 auto;padding-top: 2%;background: #fff;    clear: both;}
.Hvideo a {color:inherit;}
h5.Htitle {
    overflow: hidden;
    font-size: 2em;
    line-height: 2em;
    text-align: center;
    position: relative;
    color: #25669c;
    padding: 3% 0;
}
h5.Htitle:after {content:"";height: 5px;position: absolute;background: #f0f0f0;left: 0;right: 0;top: 65px;}
h5.Htitle span ,h5.Htitle a{
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 55;
    padding: 0 25px;
	color: #25669c;
}
h5.Htitle a {float:left; font-size: .5em; padding-left: 0; color:#10a120;}
.Hvideo .Pair {}
.Hvideo .Pair .ot-slide {    overflow: hidden;    direction: rtl;}
.Hvideo .Pair .ot-slide img{    float: left;    width: 40%;    margin: 0 5%;}
.Hvideo .Pair .ot-slide h1{    color: #25669c;    font-size: 1em;    height: 60px;}
.Hvideo .Pair .ot-slide p{    margin: 1% 0;    color: #777777;    font-size: .8em;    height: 40px;}
.Hvideo .Pair .ot-slide h2{    color: #10a120;    font-size: .8em;    font-weight: normal;}
.Hvideo .Pair .ot-slide h2 i{    color: #cc181e;    font-size: 1.5em;    margin: 0 2px;}
.Hvideo .Pair .ot-slide span{    color: #aaa;    font-size: .8em;}

.Hphotos {background: url(../images/bg2.jpg) center top no-repeat fixed; background-size:cover; padding:2% auto;}
.Hphotos h5.Htitle span ,.Hphotos h5.Htitle a {background:rgba(255,255,255,0);}

.HGBform {float:left; width:35%;padding: 20px 15px; margin: -23px 0 -34px;background: #f0f0f0;}

.HGBook { overflow:hidden; margin: 0 auto; padding: 30px 0; background: #fff;}
.HGBook h5.Htitle { margin-bottom: 0; padding:0 !important; }
.HGBook ul + h5 {clear:both; padding:0 !important; }
.HGBook h5.Htitle:after {top:35px;}
.HGBook ul { float:right; width:60%;}
.HGBook ul li{
    margin: 0 0 10px;
}
.HGBook ul li:nth-child(3) {margin:0;}
.HGBook ul li>i{
    display: block;
    float: right;
    font-size: 1.5em;
    padding: 10px;
    margin: 0 0 0 6px;
    border: 4px solid #f0f0f0;
    border-radius: 100%;
    box-shadow: inset 1px 1px 0 #e0e0e0;
    color: #25669c;
}
.HGBook ul li>h4{
    color: #10a120;
    padding: 4px 0;
}
.HGBook ul li>h6{
    color: #777;
    font-size: 1em;
    font-weight: normal;
}
.HGBook ul li>p{
    clear: both;
    font-size: .85em;
    color: #999999;
    margin: 2px 0;
}
.HGBook ul li>span{
    display: block;
    background: #f0f0f0;
    color: #999999;
    font-size: .75em;
    text-align: left;
    padding: 4px 8px;
}
.HGBook ul li>span>i{}



.footer {/*height: 327px;*/ padding: 20px 0 0; background: url(../images/footer.png) center top repeat-x #313131; border-top:3px solid #cbcbcb; border-bottom:4px solid #202020;}
.footer ul {
    float: right;
    width: 60%;
    border-left: 1px solid #333333;    
    box-shadow: -1px 0 0 #616161;
    margin-bottom: 8px;
}
.footer ul li {
    width: 48%;
    display: inline-block;
    margin: 0 0 9px;
}
.footer ul li a:before {content: "\f104";font-family: FontAwesome;margin: 4px 0 0 4px;}
.footer ul li a {
    color: #aaaaaa;
    font-size: .9em;
}
.footer ul li:first-child {
    width: 90%;
}
.footer h3 {
    color: #fff;
    font-size: 1.5em;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}
.HNewsletter {
    float: left;
    width: 38%;
}
.HNewsletter p {
    color: #bbb;
    font-size: .9em;
    margin: 10px 0;
}
.HNewsletter form {
    position: relative;
}
.HNewsletter .rdio {
    display: inline-block;
    width: 40%;
    color: #fff;
}
.HNewsletter .formfoot {
    border-bottom: 1px solid #333333;
    box-shadow: 0 1px 0 0 #616161;
    padding: 20px 0;
    overflow: hidden;
}
.HNewsletter .Nintxt {
    padding: 5px;
    border-radius: 0 6px 6px 0;
    width: 80%;
    float: right;
    border: 2px solid #fff;
}
.HNewsletter .btn {
    border-radius: 6px 0 0 6px;
    width: 20% !important;
    float: left;
    margin: 0 !important;
    border-width: 2px;
    border-right: none;
    padding: 0 0 5px  !important;
}
.HNewsletter form + h3 {
    margin: 20px 0;
    font-size: 1em;
}

.footer>div {
    clear: both;
    border-top: 1px solid #333333;    
    box-shadow: 0 -1px 0 0 #616161;
    padding: 8px 0;
}
.footer>div>section {}
.footer>div>section h3{font-size: 1em; padding: 5px 0;}
.footer>div>section a.elsaqqa{}


/* Form */
.inner.form>div{margin:4px auto 0; overflow:hidden; position:relative;}
.inner.form div>input,.inner.form div>textarea,.inner.form div>select
{display:inline-block; background:#fff; color: #255F2B; width: 72%; font-size: .85em; padding: 3px 6px;vertical-align:middle;border:1px solid #ddd; box-shadow:0 0 0 3px rgba(0,0,0,.01), inset 0 1px 1px rgba(0, 0, 0, 0.075); margin:3px; border-radius:3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.inner.form div>input:focus,.inner.form div>textarea:focus,.inner.form div>select:focus
{box-shadow:0 0 0 3px rgba(0,0,0,.05);}

.inner.form h5 {margin:5px 0; color:#57A74B;}

.inner.form div.intmedium>input,.inner.form div.intmedium>textarea,.inner.form div.intmedium>select {width:40%;}
.inner.form div.intsmall>input,.inner.form div.intsmall>textarea,.inner.form div.intsmall>select {width:20%;}
.inner.form div.intinline>input,.inner.form div.intinline>textarea,.inner.form div.intinline>select {width:15%; margin-left:2px;}
.inner.form div>label {display:inline-block; width: 22%; margin-left:1%; text-align:left;color: #25669C;font-size: .9em;font-weight: bold;}
.inner.form.filter {text-align:center; margin-bottom:12px;}
.inner.form div.intinline>strong {display:inline-block; font-weight:normal; min-width:98px; text-align:left;}

.formfoot {text-align:left; padding: 12px 0 0px; margin: 0 !important;}
.btn {display: inline-block;  width: auto !important; cursor: pointer; margin: 0 9px 0 !important; font-weight: bold;font-size: 1em;  vertical-align: middle; padding: 5px 30px !important; border-radius: 4px; box-shadow: none; transition: background 0.5s ease-in-out,border-color 0.5s ease-in-out; background: #25669C; border: 1px solid #ddd; color:#757575; text-shadow:1px 1px 0 rgba(255,255,255,.3);}
.btn2 {display: inline-block; min-width: 90px; width: auto !important; cursor: pointer; margin:0 auto 0; font-size: .7em;  vertical-align: middle; padding:3px 6px !important; text-align:center; border-radius: 4px; box-shadow: none; transition: background 0.5s ease-in-out,border-color 0.5s ease-in-out; background:#f0f0f0; border: 1px solid #ddd; color:#757575; text-shadow:1px 1px 0 rgba(255,255,255,.3);}
.btn-colr1 {background:#57a74b !important; border-color:#57a74b !important; color:#ffffff !important;  text-shadow:1px 1px 0 rgba(0,0,0,.3) !important;}
.btn:hover {background:#eee; }
.btn-colr1:hover {background:#255f25 !important; border-color:#255f25 !important; color:#ffffff !important;  text-shadow:1px 1px 0 rgba(0,0,0,.3) !important;}
.btn-colr2 {background:#ed4f04 !important; border-color:#F1784D !important; color:#ffffff !important;  text-shadow:1px 1px 0 rgba(0,0,0,.3) !important;}
.btn-colr2:hover {background:#F1784D !important; border-color:#F1784D !important; color:#ffffff !important;  text-shadow:1px 1px 0 rgba(0,0,0,.1) !important;}
.btn-colr3 {background:#0A8FD5 !important; border-color:#0A8FD5 !important; color:#ffffff !important;  text-shadow:1px 1px 0 rgba(0,0,0,.3) !important;}
.btn-colr3:hover {background:#066DA3 !important; border-color:#066DA3 !important; color:#ffffff !important;  text-shadow:1px 1px 0 rgba(0,0,0,.05) !important;}



.rdio input,.ckbox input{width:auto!important;}
.ckbox,.rdio{position:relative;}
.ckbox input[type="checkbox"],.rdio input[type="radio"]{opacity:0;}
.ckbox label,.rdio label{padding:5px;cursor:pointer;margin-bottom:7px!important; text-shadow:none;}
.ckbox label:before{width:14px;height:14px;position:absolute;top:1px;right:0;content:'';display:inline-block;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #bbb;background:#fff;}
.ckbox input[type="checkbox"]:disabled + label,.ckbox input[type="checkbox"]:disabled + input + label{color:#999;}
.ckbox input[type="checkbox"]:disabled + label:before,.ckbox input[type="checkbox"]:disabled + input + label:before{background-color:#eee;}
.ckbox input[type="checkbox"]:checked + label::after,.ckbox input[type="checkbox"]:checked + input + label::after{font-family:'FontAwesome';content:"\F00C";position:absolute;top:4px;right:3px;display:inline-block;font-size:11px;width:12px;height:12px;color:#fff;}
.ckbox-primary input[type="checkbox"]:checked + label:before,.ckbox-primary input[type="checkbox"]:checked + input + label:before{border-color:#399935;background-color:#399935;}
.rdio label:before{width:14px;height:14px;position:absolute;top:1px;right:0;content:'';display:inline-block;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:1px solid #bbb;background:#fff;}
.rdio input[type="radio"]:disabled + label{color:#999;}
.rdio input[type="radio"]:disabled + label:before{background-color:#eee;}
.rdio input[type="radio"]:checked + label::after{content:'';position:absolute;top:4px;right:3px;display:inline-block;font-size:11px;width:10px;height:10px;background-color:#444;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.rdio-primary input[type="radio"]:checked + label:before{ border-color:#399935;}
.rdio-primary input[type="radio"]:checked + label::after{background-color:#399935;}
.cap_img img  {float: left;  margin:7px;}

.ellipsis {text-overflow: ellipsis;}
.over_txt{white-space: nowrap; display:block; overflow:hidden;}
.inline {display:inline;}




/* Inner Page */
.headwrapper + .Htitle {padding-bottom:0;}
.headwrapper + .Htitle span {background:#F0F0F0;}
.headwrapper + h5.Htitle:after {top:80px; background:#fff;}
nav.left {width:230px; float:right;}
nav.right {width:710px; float:right;}
.inpage {margin: 0px 0 8px; padding:6px;  font-size: 1.1em;  background: #fff;  border-radius: 4px; line-height:2em;}
.urlpage {
    overflow: hidden;
}
.urlpage>div {
    float: right;
    width: 48%;
    margin: 1%;
    background: #f7f7f7;
    padding: 1%;
    border-radius: 6px;
}
.urlpage>div>h3 {
    font-size: 1em;
    line-height: 1.6em;
    color: #25669C;
}
.urlpage>div>div {}
.urlpage>div>div a{
    font-size: .95em;
}

#tabs .ltabs { margin: 0px 0 8px; font-size: 1em; background: #fff; border-radius: 4px 0 3px 3px;}
#tabs .ltabs>ul>li {display: inline-block; overflow:hidden; width: 31%; margin: 1%; vertical-align: top; transition:background ease .5s;   border-radius: 2px;}
#tabs .ltabs>ul>li:hover {background: #0068b3;box-shadow: 0 0 10px rgba(0,0,0,.5);}
#tabs .ltabs>ul>li:hover a {color:#fff;}
#tabs .ltabs>ul>li a { transition:color ease .5s;  }
#tabs .ltabs>ul>li a:before {padding:8px 10px; background: #d8a845; color: #ffffff; margin-left: 6px; border-radius: 2px; display: block; float: right; font: normal normal normal 17px/1 FontAwesome;}
#tabs .ltabs>ul>li:hover a:before {border-radius:0 2px 2px 0;}
#tabs .volume>ul>li a:before {content: "\f027"; font-size:20px}
#tabs .video>ul>li a:before {content: "\f03d";}
#tabs .pencil>ul>li a:before {content: "\f040";}
#tabs .book>ul>li a:before {content: "\f02d";}

#tabs .listitem li {text-shadow:none !important; font-size:1em; width: 98% !important; }
#tabs .listitem li:hover a + p, #tabs .listitem li a:hover {color: #10A120;}
#tabs .listitem li:hover p{color:#fff;}
#tabs .listitem.soundflies li a:before {content: "\f027";}
#tabs .listitem.soundlist li a:before {content: "\f0ca"; transform: rotate(180deg);}
#tabs .listitem.soundgurop li a:before {content: "\f07c";}

.listitem {overflow:hidden;}
.listitem li {overflow:hidden; display:block !important; width:97%; transition:background ease .5s; margin:1px auto; padding: 10px; font-size: 1em; background: #fefefe;  text-shadow:1px 1px 0 rgba(255,255,255,0.3);}

.listitem li:nth-child(even) {background: #f7f7f7;}
.listitem li:hover {background: #f0f0f0;}
.listitem li a.img {margin-left:5px; float:right;}
.listitem li a.img:before {display:none !important;}
.listitem li img {width: 100px; max-height: 90px; border-radius:1px;}
.listitem li a {display:inline-block;  transition:color ease .5s;font-weight: bold;}
.listitem li a::before {font-size: 14px !important; padding: 2px 4px !important;}
.listitem li:hover a {color: #10A120;}
.listitem li .lidate {display:block; font-size: .7em;line-height: 2em; color: #5A5A5A;}
.listitem li p {display:block; font-size: 1em;line-height: 1.2em; color: #000000;}
.listitem li p>a {display:inline-block;     transition:background ease .5s,color ease .5s; text-shadow:none;}
.listitem li:hover p>a { color: #25669C;}

.leftnav {float:left; width: 270px;background: #fff;}
.leftnav aside {margin-bottom:0;}
.leftnav .potitle h3, .leftnav .potitle h4 {     }

.potitle {position: relative;  display:block; }
.potitle span {}
.potitle h4 {    color: #10A120;    font-size: 2vw;       line-height: 3.5vw;}
.potitle h3 { padding: 10px 14px 13px; color: #fff; background: #3DAB32; font-size: 1.2em;}
.potitle h4 a,.potitle h3 a {color: #fff !important;}
.potitle>ul { overflow:hidden;}
.potitle>ul>li {float:right;}
.potitle>ul>li>a{ display:block; position: relative; bottom: 0; z-index: 9; background: #aaa; color: #fff; margin: 0 0 0 5px; padding: 10px 14px 12px; font-size: 1.1em; }
.potitle>ul>li.ui-tabs-active>a { background: #0068b3; color: #fff;}

.patitle {position: relative; display:block;}
.patitle span {display: block; padding:5px 0; background: #ffffff; border-bottom: 1px solid #e0e0e0; position: relative; top: 20px; font-size: .9em;  letter-spacing: -.2px;}
.patitle h4 {float:right; position: relative; height: 47px; line-height: 47px; padding: 0 20px; top: -17px; z-index: 9; margin-left:6px; background: url(../images/menu-li.png) repeat-x center bottom; color: #fff; font-size: 1em; text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
.patitle h3 {float:right; position: relative; height: 47px; line-height: 47px; padding: 0 20px; top: -17px; z-index: 9; margin-left:6px; background: url(../images/header_bg.png) repeat-x 0 -8px; color: #fff; font-size: 1em; text-shadow:1px 1px 0 rgba(0,0,0,0.3);}
.patitle h4 a,.potitle h3 a {color: #fff !important;}
.patitle:after, .patitle:before{display:block; clear:both; float:none; content:" ";}

aside>div li {padding: 5px 0;border-bottom: 1px solid #eee;}
aside>div li a {color:#0068b3; padding: 2px 3px 6px;   display: block;  line-height: 1.4em; transition:all linear .5s;}
aside>div li a:hover {color:#fff; background:#0068b3;}
aside>div li a:before {content: "\f104"; font: normal normal normal 14px/1 FontAwesome; padding-left: 3px;}
aside.art>div li a:before {content: "\f15c";}
aside.video>div li a:before {content: "\f03d";}

.chainshow {
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 6px;
    margin: 0 auto 15px;
    border-bottom: 2px solid #eee;
    box-shadow: 0 1px 0 #e1e1e1;
}
.chainshow .img{
    float: right;
    width: 30%;
    margin-left: 1%;
}
.chainshow .img img{
    width: 100%;
}
.chainshow h2, .inpage>h2{
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 6px 0;
    color: #3DAB32;
    height: 75px;
}
.chainshow h2 a{}
.chainshow .lidate {
    display: block;
    height: 60px;
    margin: 6px 0;
}
.chainshow p {
    display: block;
    width: 43%;
    font-size: 1em;
    font-weight: bold;
    color: #25669C;
    float: right;
}
.chainshow .shareico {  display: inline-block;  clear: both;}

.fb-share-button.fb_iframe_widget>span {vertical-align:baseline !important;}

.quote {overflow:hidden; width:90%; margin:0 auto 15px; color:#959595;}
.quote i {font-size:1.3em; color:#757575;}
.quote p {padding:25px 0 5px;}
.quote span {display:block; letter-spacing:-.5px; color:#25669C; font-size:.95em;  line-height: 1.5em;}
.quote samp {color:#784f2b;}
.quote img{display: block;float: right;max-width: 300px;max-height: 150px ;margin:0 0 0 15px; border: 3px solid #f2f2f2;}

#my_pagination {    padding: 5px 0;    margin: 0 auto;    width: 90%;}
#my_pagination strong, #my_pagination a {display:inline-block; min-width:16px; padding: 4px 8px 6px; background:rgba(0,0,0,.05); border-radius:3px;}
#my_pagination strong {color:#fff;   background-color: #0068b3;    }
#my_pagination a {color:#3e200f; transition:background linear .5s; font-size: 1.05em;}
#my_pagination a:hover {background:rgba(0,0,0,.1);}

.chainxt {
    overflow: hidden;
    margin: 6px auto;
}
.chainxt>a {
    display: block;
    width: 48%;
    float: right;
    background: #f7f7f7;
	color:#757575;
    padding: 1%;
    margin: 1%;
    white-space: nowrap;
    overflow: hidden;
	transition:all linear .5s;
	text-align:left;
}
.chainxt>a:hover {background:#fefefe; color: #0068b3;}
.chainxt>a + a{
    text-align: right;
}
.chainxt>a + a>i {float:left;}
.chainxt a i{
    font-size: 3em;
    display: inline-block;
    float: right;
    background: #f7f7f7;
    padding: 0 6px;
	position: relative; z-index: 9;
}
.chainxt a span {
    font-size: .85em;
}
.chainxt a samp {
    display: block;
    font-size: 1em;
    font-weight: bold;
}
.hcontact {width:80%; margin:22px auto; padding:10px; background:#fff; border-radius:10px; font-size:.9em;}
.hcontact h3 {font-size:.8em; font-weight:normal; color: #784f2b; text-align:center;}
.hcontact table { border-collapse:collapse; width:100;}
.hcontact textarea {width:93%; height:45px;}
.hcontact th {font-weight:normal;  vertical-align: top;
  padding-top: 8px;}
.hcontact td {padding:5px 0;}
.csubmit input {padding: 5px 35px; border-radius: 3px;  background: #10A120;
  color: #fff;
  border: none;
  border-bottom: 2px solid #097916;
  font-weight: bold;
  box-shadow: none;
  border-radius: 5px;
  padding: 4px 10px 4px;
  width: auto;
  margin: 0 auto;
  display: inline-block;
  cursor: pointer;
}

.hcontact input, .hcontact textarea{background: #f9f9f9; border: 1px solid #e0e0e0; box-shadow: inset 0 -1px 0 #fff; border-radius: 5px; padding: 4px; width: 90%; margin: 0 auto; display: block; font-size: .85em;}

.addform {display:none;     position: absolute;    left: 0;}

.voteform {    font-size: 1.3em;    line-height: 1.6em;color: #11A221;}
.voteform h3 { color: #25669C; padding-bottom: 10px;}
.voteform b {font-weight: normal; color:#000;}
.voteform label {font-size:.9em;}
.voteform span {margin:10px 0; display:block;}

@media (max-width: 999px) {
	.headwrapper > section {}
	section {width:100%;}
	.header > .wrapper {position: fixed;  text-align: right; background-color: rgba(0,0,0,.5);}
	.header > .wrapper > ul {display:none; border-top: 1px solid rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(0,0,0,.2); font-size:1.7em; line-height: 1.2em;}
	.header > .wrapper > ul > li {display: block; padding: 0; margin:8px 0;}
	.header > .wrapper > ul > li > a {padding:4px 5px 12px;}
	.header > .wrapper a.amobile {display: inline-block; color: #fff; padding: 5px; margin:2px; font-size:300%; cursor:pointer;}
	.header.willfix h1 a {height:50px;}
	
	.social {top: -4px; width: auto; position: fixed; z-index: 99;}
	.social li {display: inline-block; border:none; box-shadow:none;}
	.social li:after {content: "";width: 0;height: 0;}
	
	.logo {margin: 10px auto 0;}
	.logo>samp {font-size:.85em;}
	.ayedh {margin:-7% auto -3px;}
	
	.HGBform {display: block; float: none; width: 98%; margin: 5px auto; position: relative;}
	.HGBook ul, .footer ul, .HNewsletter, nav.right, .leftnav {float: none; width: 96%; margin: 0 auto; border: none; box-shadow: none;}
	
	.inpage {margin: 0px 2% 8px; padding: 2%; overflow:hidden;}
	
	object, .hcontact {width:100%;}
	.urlpage>div {float: none; width: 100%;}
}
@media (max-width: 500px) {
.quote img {float: none; margin: 0 auto 9px; max-width: 100%; max-height: 200px;}
}