.breadcrumb{color:#000000;text-align:right;padding:5px 0}
.breadcrumb > a,.breadcrumb > span{color:#000000;background:url(../images/bg.png) no-repeat 0 -104px;padding:0px 2px 0 11px; position:relative; font-size:12px;}
.breadcrumb > a::before ,.breadcrumb > span:not(.cur)::before { position:absolute; content:"/"; color:#000; left:0px; top:1px;}
.breadcrumb > span.cur{color:#0067b3;background:0}
.breadcrumb > a:hover{color:#000}
@font-face { font-family: 'BSINABD'; src: url('../fonts/BSINABD.eot') format('embedded-opentype'), url('../fonts/BSinaBold.svg') format('svg'), url('../fonts/BSinaBold.woff') format('woff'), url('../fonts/BSinaBold.ttf') format('truetype'); }
/**/
.inside-slider { height:460px !important;}
.inside-slider  #sync2 { padding: 0 20px;}
.inside-slider-box .go-down{ bottom:60px !important; }
.sub-h1 { margin-top:150px; color:#0066b3; font-size:24px; font-family:DroidArabicKufi; margin-bottom:30px;}
.inside-content { position:relative;}
.inside-content::before { position: absolute; content: ""; right: 0px; background: url(../images/bg3.png) no-repeat; top: 216px; width: 534px; height: 213px; }
.inside-content::after { position:absolute; content:""; left:0px; top:249px; z-index:-1; background:url(../images/bg4.png) no-repeat; width:548px; height:482px;}
/*About Page*/
.about-page .img-box { float:left; width:525px; height:290px; overflow:hidden; padding:10px; border:2px dotted #27aae2}
.about-page .img-box img { width:100%; height:100%;}
.about-page .desc-box { width:50%; float:right; font-size:12px; color:#000;}
/*previous page*/
.previous-box .desc-box { width:50%; float:right; color:#000; font-size:12px; padding-left:20px; }
.previous-box .img-box  { float:left; width:49%;}
.previous-box .img-box .list { padding:0 18px;}
.previous-box .img-box .list li { display:inline-block; float:right; margin:0 0 12px 12px;}
.previous-box .img-box .list li:nth-child(2n){ margin-left:0px;}
.previous-box .img-box .list li figure { position:relative; width:270px; height:179px; overflow:hidden;}
.previous-box .img-box .list li figure img { width:100%; height:100%; }
.previous-box .img-box .list li figure figcaption { position: absolute; right: 0px; text-align: center; color: #fff; top: 60%; font-size: 12px; padding-right: 20px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.previous-box .img-box .list li figure:hover figcaption { color:#000}
/*victories Page*/
.victories-box { z-index:10; position:relative; margin-bottom:100px;}
.victories-box .tabs {text-align:right; }
.victories-box .tabs > li { display:inline-block; padding:0 3px; }
.victories-box .tabs > li > a { min-width: 100px; padding: 8px 22px; color: #fff; background:#323232; text-align:center; font-family:DroidArabicKufi; position:relative;}
.victories-box .tabs > li > a::before { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #323232 transparent transparent transparent; position: absolute; content: "";left: 0px; right: 0px; margin: 0 auto; top: 100%; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.victories-box .tabs > li > a.active,.victories-box .tabs > li > a:hover { background:#007bff;}
.victories-box .tabs > li > a.active::before,.victories-box .tabs > li > a:hover::before{ border-color:#007bff  transparent transparent transparent}
.victories-box .tab-desc { width:100%; min-height:300px; margin-top:20px;}
.victories-box .tab-desc .right-box { float:right;  width:895px; min-height:100px;}
.victories-box .tab-desc .year-list { width:100%;  margin-bottom:20px; display:block}
.victories-box .tab-desc .year-list li { display:inline-block; float:left; margin:10px;}
.victories-box .tab-desc .year-list li:first-child{ margin-left:0px;}
.victories-box .tab-desc .year-list li a { border: 1px solid #e1e1e1; color: #323233; padding: 5px 10px; min-width: 60px; text-align: center; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.victories-box .tab-desc .year-list li a.active,.victories-box .tab-desc .year-list li a:hover { color: #007bff; border-color:#007bff }
.victories-box .victory-list { border-collapse:collapse}
.victories-box .victory-list th { font-weight:500; color:#fff; text-align:center; padding:9px 4px; background:#525252; border-left:1px solid #bfc9c4; border-bottom:1px solid #fff;}
.victories-box .victory-list td{ text-align:center; padding:5px 4px;color:#000; border-left:1px solid #bfc9c4}
.victories-box .victory-list tr td:last-child,.victories-box .victory-list tr th:last-child{ border-left:none;}
.victories-box .victory-list th.row{ width:95px; text-align:center}
.victories-box .victory-list th.name { width:260px;}
.victories-box .victory-list th.tel { width:130px;}
.victories-box .victory-list th.state { width:130px; }
.victories-box .victory-list th.post-codes{ width:120px;}
.victories-box .victory-list th.gifts{ width:160px;}
.victories-box .victory-list tr td{ background:rgba(18, 103, 55, 0.22); font-size:12px; }
.victories-box .victory-list tbody tr:nth-child(2n) td { background:#fff}
.victories-box .left-box { width:300px; float:left; padding-top:78px; }
.victories-box .left-box .img-box { width:280px; height:360px; overflow:hidden; padding:15px; border:3px dotted #007bff; float:left}
.victories-box .left-box .img-box img { width:100%; height:100%; }
/*Contact US*/
.contact-page { position:relative; z-index:10;}
.contact-page .main-desc{ margin-bottom:15px;}
.contact-page .right-box { float:right; width:520px; min-height:10px; }
.contact-page .right-box > .list li { margin-bottom:10px; font-size:12px;}
.contact-page .right-box > .list .ttl { position:relative; padding:0 30px 0 10px; color:#000; margin-left:10px; min-width:103px;}
.contact-page .right-box > .list .ttl::after,.contact-page .right-box .list .ttl::before { position:absolute; content:""; right:0px;}
.contact-page .right-box > .list .ttl::before { background: url('../images/bg.png') no-repeat;}
.contact-page .right-box > .list .ttl::after{ left:0px; top:0px; right:auto; content:":"}
.contact-page .right-box > .list .address::before { background-position: -32px -11px; width: 14px; height: 15px; top: 5px; }
.contact-page .right-box > .list .tel::before { background-position: -56px -10px; width: 12px; height: 16px; top:4px}
.contact-page .right-box > .list .fax::before { background-position: -83px -8px; width: 18px; height: 18px; }
.contact-page .right-box > .list .email::before { background-position: -114px -8px; width: 18px; height: 15px; top:5px}
.contact-page .right-box > .list .desc { width: 400px; padding: 0px; text-align: right; display: inline-block; }
.contact-page .right-box .send-mgs { padding-top:20px;}
.contact-page .right-box .send-mgs .list { margin-top:10px;}
.contact-page .right-box .send-mgs li { margin-bottom:10px;}
.contact-page .left-box { float:left; width:820px; height:490px; overflow:hidden; margin-left:-192px; background:#fff}
.contact-page .left-box .googlemap { width:100%; height:100%;}
/*gift-list-page*/
.gift-list-page .main-desc { margin-bottom:30px;}
.gift-list-page .left-list > .ttl,.gift-list-page .right-list > .ttl { color:#0066b3; font-size:24px; font-family:DroidArabicKufi; margin-bottom:10px; width:100%;}
.gift-list-page .left-list,.gift-list-page .right-list{ width:585px;}
.gift-list-page .left-list{ float:left;}
.gift-list-page .right-list{ float:right;}
.gift-list-page .list li {  margin-bottom:20px;}
.gift-list-page .list li:nth-child(2n) { margin-left:0px;}
.gift-list-page .list li .gift-item { width:585px; height:315px; overflow:hidden; position:relative; background:url(../images/gift-bg.png); padding:35px 35px 10px; position:relative}
.gift-list-page .list li .gift-item .ttl { float:left; width:405px; border-bottom:#007bff 1px solid; font-size:31px; font-family:DroidArabicKufi; text-align:right; padding-bottom:15px; color:#595959}
.gift-list-page .list li .gift-item .desc{ text-align:left; font-size:12px; color:#b52732; float:left; margin-top:5px;}
.gift-list-page .list li .gift-item .img-gift { position:absolute; right:20px; bottom:10px; max-height:206px; max-width:405px;}
.gift-list-page .list li .gift-item .nolottery { position:absolute; left:40px; bottom:85px; max-height:77px; max-width:150px;}
/*news detail page*/
.news-detail { position:relative; z-index:10;}
.news-detail .right-box { float:right; width:50%;}
.news-detail .left-box{ width:50%; float:left;}
.news-detail .nd-slider { width: 600px; position:relative; text-align:center;}
.news-detail .nd-slider #sync1 { width:555px; height:320px; overflow:hidden;}
.news-detail .nd-slider #sync1 .item > figure { width: 555px; height: 320px; overflow:hidden;}
.news-detail .nd-slider #sync1 .item > figure img { width: 100%; height: 100%; }
.news-detail .nd-slider #sync2 { margin: 30px 0; padding: 0px 20px; box-sizing: border-box; z-index:10 }
.news-detail .nd-slider #sync2 .item > figure { width: 174px; height: 99px; margin: 0px auto; cursor:pointer; position:relative}
.news-detail .nd-slider #sync2 .item > figure figcaption { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; text-align: center; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top:0px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; opacity:0;
}
.news-detail .nd-slider #sync2 .item > figure:hover figcaption { opacity:.7;}
.news-detail .nd-slider #sync2 .item > figure img { width: 100%; }
.news-detail .nd-slider #sync1 .owl-buttons > div { width: 36px; height: 109px; background: rgba(255,255,255,.6); position: absolute; bottom: 96px; z-index: 15; text-indent: -2000em; overflow: hidden; color: #fff; z-index: 10; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.news-detail .nd-slider #sync1 .owl-buttons > div:hover {  background: rgba(255,255,255,.8);}
.news-detail .nd-slider #sync1 .owl-next::before,.news-detail .nd-slider #sync1 .owl-prev::before{position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; top: 44px; background: url('../images/bg.png') no-repeat; width: 17px; height: 29px; }
.news-detail .nd-slider #sync1 .owl-next::before {  background-position: -180px -11px;}
.news-detail .nd-slider #sync1 .owl-prev::before { background-position:-146px -11px;}
.news-detail .nd-slider #sync1 .owl-prev { left: 0px; }
.news-detail .nd-slider #sync1 .owl-next { right:0px; }
.news-detail .left-box .n-socials { text-align:center;}
.news-detail .left-box .n-socials > li{ display:inline-block; text-align:center; margin:0 4px}
.news-detail .right-box .options-list { text-align:right; float:right; margin:30px 0 40px;}
.news-detail .right-box .options-list > li {display:inline-block; font-size:11px; padding:0 5px; position:relative;}
.news-detail .right-box .options-list > li.printer a img { margin-left:5px;}
.news-detail .right-box .options-list > li::before { position:absolute; content:""; left:0px; width:1px; top:3px; background:#bfbfbf; height:15px;}
.news-detail .right-box .options-list > li:last-child::before{ display:none}
.news-detail .right-box .options-list > li:not(.date) img{ margin-top:3px;} 
.news-detail .right-box .cm-list { margin:20px 0 0 30px;}
.news-detail .right-box .cm-list > li { border:1px solid #bfbfbf; padding:8px; color:#434343;font-size:11px; margin-bottom:10px; }
.news-detail .right-box .cm-list > li .date{ float:left; position:relative; padding-left:24px;}
.news-detail .right-box .cm-list > li .date::before { position:absolute; content:""; left:0px; background:url(../images/icon9.png); width:16px; height:18px; top:3px;}
.news-detail .right-box .cm-list > li .name-box{ float:right; }
.news-detail .right-box .cm-list > li .name-box img { width:27px; height:27px; border-radius:50%; border:1px solid #bfbfbf; margin-left:5px;}
.news-detail .right-box .cm-list > li .name-box p { display:inline-block; padding:0px}
.news-detail .right-box .cm-item .btn { float: left; border: 1px #bfbfbf solid; color: #007bff; background: transparent; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.news-detail .right-box > .desc{ font-size:12px; padding-left:30px;}
/*.news-detail .right-box .cm-item .btn:hover { background:#007bff; color:#fff; border-color:#007bff}
.news-detail .right-box .cm-item .txtarea{ border:1px solid #bfbfbf}
.news-detail .right-box .cm-item { padding-left:30px;}
.news-detail .right-box .cm-item li { margin-bottom:10px;}*/
.news-detail .ttl-cmbox{ color:#434343}
.news-detail .cm-item .btn:hover { background:#007bff; color:#fff; border-color:#007bff}
.news-detail .cm-item .txtarea{ border:1px solid #bfbfbf}
.news-detail .cm-item { padding-left:30px;}
.news-detail .cm-item li { margin-bottom:10px;}
/*News Page*/
.news-page{ position:relative; z-index:10; padding: 0 90px}
.news-page .top-filter li { display:inline-block; float:right; margin-right:15px;position:relative;}
.news-page .top-filter li img{position:absolute;left:10px;top:0;z-index:1;}
.news-page .top-filter li:first-child{ margin-right:0px;}
.news-page .top-filter li .txt { background:#fff; border-radius:4px; width:227px !important;}
.news-page .top-filter li .ttl { font-size:12px; margin-left:5px; padding-top:5px;}
.news-page .top-filter li .btn { background:#f68906; height: 35px; border-radius: 4px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s;}
.news-page .top-filter li .btn:hover { background:#007bff}
.news-page .category-list{ margin-top:50px; display:block; width:100%; margin-bottom:50px;}
.news-page .category-list li {display:inline-block; float:right;margin-left:10px;}
.news-page .category-list li a{ background:#323232; padding:5px 12px; color:#fff; font-size:12px; position:relative; }
.news-page .category-list li a.active,.news-page .category-list li a:hover { background:#f68906}
.news-page .category-list li a::before { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #323232 transparent transparent transparent; position: absolute; content: "";left: 0px; right: 0px; margin: 0 auto; top: 100%; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.news-page .category-list li a.active::before,.news-page .category-list li a:hover::before{ border-color:#f68906  transparent transparent transparent}
.news-list > li { display:inline-block; float:right; margin:0 0 50px 37px;}
.news-list > li:nth-child(3n) { margin-left:0px;}
.news-list > li > .item { width:315px; text-align:right; direction:rtl}
.news-list > li > .item figure { width:315px; height:180px; overflow:hidden; text-align:center; position:relative; margin-bottom:25px; border-radius:4px;}
.news-list > li > .item figure img { width:100%; height:100%;}
.news-list > li > .item figure figcaption { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; margin: 0px auto; text-align: center; background: rgba(255, 255, 255, 0); -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.news-list > li > .item figure:hover figcaption{ background:rgba(255, 255, 255, 0.56);} 
.news-list > li > .item .ttl { text-align:right; font-size:15px; color:#0067b3; margin-bottom:20px;}
.news-list > li > .item .ttl:hover { color:#820310;}
.news-list > li > .item .list { padding-bottom:50px; border-bottom:7px solid #f0f0f0;}
.news-list > li > .item .list li { display:inline-block; float:right; margin-left:10px;}
.news-list > li > .item .list li:last-child{ margin-left:0px;}
.news-list > li > .item .list li span,.news-list > li > .item .list li a {border-radius:5px; border:1px solid #989898; font-size:11px; padding:1px 0px; width:110px; text-align:center; }
.news-list > li > .item .list li .date { color:#fff; background:#989898; border-color:#989898; position:relative;}
.news-list > li > .item .list li .date::before { position:absolute; content:""; left:0px; right:0px; margin:0px auto; background:#989898; height:50px; width:2px; top:100%;}
.news-list > li > .item .list li .date::after { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; top: 73px; width: 12px; height: 12px; border-radius: 50%; background: #989898; }
.news-list > li > .item .list li .date, .news-list > li > .item .list li .date::before, .news-list > li > .item .list li .date::after { -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.news-list > li > .item:hover .list li .date{ border-color:#9f1a1e;}
.news-list > li > .item:hover .list li .date,.news-list > li > .item:hover .list li .date::before,.news-list > li > .item:hover .list li .date::after{ background:#9f1a1e;}
.news-list > li > .item .list li .view-cm { color: #989898; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.news-list > li > .item .list li .view-cm:hover { color:#0067b3; border-color:#0067b3;}
.news-list > li > .item .desc{ margin-top:15px; font-size:11px; color:#000}
/*product-page*/
.product-page { position:relative; z-index:10;}
.product-page .top-filter { margin:50px 0 30px;}
.product-page .top-filter > li{ display:inline-block; float:right; margin-left:15px; }
.product-page .top-filter > li:last-child{ margin-left:0px;}
.product-page .top-filter > li .ddl { width:190px;}
.product-page .top-filter > li .txt { width:200px; height:40px;border:1px solid #dadada; background:#fff url(../images/searchinput.png) no-repeat; background-position:15px center; padding-left:33px}
.product-page .product-list > li { display:inline-block; float:right; margin:0 0 80px 6px; text-align:center;}
.product-page .product-list > li:nth-child(4n){ margin-left:0px;}
.product-page .product-list > li .img-box figure { width:295px; height:295px; overflow:hidden; position:relative; border:2px solid #00508c; margin-bottom:10px; background:#fff;}
.product-page .product-list > li .img-box figure img { width: 100%; height: 100%; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.product-page .product-list > li .img-box figure:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.product-page .product-list > li .img-box figure figcaption { font-family:BSINABD; color:#fff; position: absolute; content: ""; left: 0px; top: 0px; background: #00508c; padding:10px 0;}
.product-page .product-list > li .img-box figure figcaption::before { position: absolute; content: ""; left: 0px; right: 0px; top: 100%; width: 0; height: 0; border-style: solid; border-width: 29px 26px 0 0; border-color: #004f8c transparent transparent transparent; }
.product-page .product-list > li .img-box figure figcaption span { writing-mode: vertical-rl; font-size: 11px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.product-page .product-list > li > .ttl { font-size:14px; color:#363535; float:right; padding:0px; padding-right:10px;}
.product-page .product-list > li > .count{ font-size:11px; float:left; padding-left:10px;}
.product-page .product-list > li > .link-to-pro { width: 175px; height: 40px; background: #00508c; position: relative; margin: 0px auto; border-radius: 999px; color: #fff; padding: 6px 15px 0 0; text-align:right; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; margin-top:15px; }
.product-page .product-list > li > .link-to-pro > span { width: 40px; height: 40px; background: #fff url(../images/searchinput.png) no-repeat; background-position: center center; border-radius: 50%; position: absolute; right: 137px; top: 0px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; -moz-box-shadow: 0 0px 10px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0px 10px 3px rgba(0,0,0,.2); box-shadow: 0 0px 10px 3px rgba(0,0,0,.2); }
.product-page .product-list > li > .link-to-pro:hover > span { right:-2px; }
.product-page .product-list > li > .link-to-pro:hover{ padding:6px 49px 0 0;}
.product-page .tabs {border-top:1px solid #bdbdbd; width:50%; text-align:center; padding-right:10%; margin-bottom:20px;  margin-right:100px; position:absolute; left:0px; right:0px; margin:0px auto; top:-40px;}
.product-page .tabs > li { display:inline-block; float:right; background:#fff; margin-top:-16px; padding:0 3px; }
.product-page .tabs > li:first-child{ padding-right:10px;}
.product-page .tabs > li:last-child{ padding-left:10px;}
.product-page .tabs > li > a { min-width: 100px; padding: 3px 10px; color: #000; border: 1px solid #b8b8b8; -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(-20deg);  text-align:center;}
.product-page .tabs > li > a.active,.product-page .tabs > li > a:hover { color:#fff; background:#0067b3; border-color:#0067b3;}
.product-page .tabs > li > a span { -moz-transform: skew(20deg); -ms-transform: skew(20deg); -o-transform: skew(20deg); -webkit-transform: skew(20deg); transform: skew(20deg); }
/* Product Level1 Page*/
.product-l1-page { position:relative; z-index:10;}
.product-l1-page .Bottom_Tabs { text-align:center;}
.product-l1-page .top-filter { margin:50px 0 30px;}
.product-l1-page .top-filter > li{ display:inline-block; float:right; margin-left:15px; }
.product-l1-page .top-filter > li:last-child{ margin-left:0px;}
.product-l1-page .top-filter > li .ddl { width:190px;}
.product-l1-page .top-filter > li .txt { width:200px; height:40px;border:1px solid #dadada; background:#fff url(../images/searchinput.png) no-repeat; background-position:15px center; padding-left:33px}
.product-l1-page .product-list > li { display:inline-block; float:right; margin:0 0 80px 6px; text-align:center; position:relative;}
.product-l1-page .product-list > li:nth-child(4n){ margin-left:0px;}
.product-l1-page .product-list > li .img-box figure { width:295px; height:295px; overflow:hidden; position:relative; border:2px solid #00508c; margin-bottom:10px; background:#fff;}
.product-l1-page .product-list > li .img-box figure img { width: 100%; height: 100%; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.product-l1-page .product-list > li .img-box figure:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.product-l1-page .product-list > li .img-box figure figcaption { font-family:BSINABD; color:#fff; position: absolute; content: ""; left: 0px; top: 0px; background: #00508c; padding:10px 0;}
.product-l1-page .product-list > li .img-box figure figcaption::before { position: absolute; content: ""; left: 0px; right: 0px; top: 100%; width: 0; height: 0; border-style: solid; border-width: 29px 26px 0 0; border-color: #004f8c transparent transparent transparent; }
.product-l1-page .product-list > li .img-box figure figcaption span { writing-mode: vertical-rl; font-size: 11px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.product-l1-page .product-list > li > .ttl { width:100%; font-size:14px; color:#363535; padding:0px; padding-right:10px; text-align:right; margin-bottom:20px}
.product-l1-page .product-list > li > .star { float:right; margin-right:10px;}
.product-l1-page .product-list > li > .count{ font-size:11px; float:left; padding-left:10px;}
.product-l1-page .product-list > li > .link-to-pro { width: 175px; height: 40px; background: #00508c; position: relative; margin: 0px auto; border-radius: 999px; color: #fff; padding: 6px 15px 0 0; text-align:right; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; margin-top:15px; }
.product-l1-page .product-list > li > .link-to-pro > span { width: 40px; height: 40px; background: #fff url(../images/searchinput.png) no-repeat; background-position: center center; border-radius: 50%; position: absolute; right: 137px; top: 0px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; -moz-box-shadow: 0 0px 10px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0px 10px 3px rgba(0,0,0,.2); box-shadow: 0 0px 10px 3px rgba(0,0,0,.2); }
.product-l1-page .product-list > li > .link-to-pro:hover > span { right:-2px; }
.product-l1-page .product-list > li > .link-to-pro:hover{ padding:6px 69px 0 0;}
.product-l1-page .tabs { width: auto; margin: 0 0 20px 0; position: relative; text-align: center; display: inline-block; }
.product-l1-page .tabs > li { display:inline-block; float:right; background:#fff; /*margin-top:-16px;*/ padding:0 3px; }
.product-l1-page .tabs > li:first-child{ padding-right:10px;}
.product-l1-page .tabs > li:last-child{ padding-left:10px;}
.product-l1-page .tabs > li > a { min-width: 100px; padding: 3px 10px; color: #000; border: 1px solid #b8b8b8; -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(-20deg);  text-align:center;}
.product-l1-page .tabs > li > a.active,.product-l1-page .tabs > li > a:hover { color:#fff; background:#0067b3; border-color:#0067b3;}
.product-l1-page .tabs > li > a span { -moz-transform: skew(20deg); -ms-transform: skew(20deg); -o-transform: skew(20deg); -webkit-transform: skew(20deg); transform: skew(20deg); }
.product-l1-page .options-list { width:40px;  position:absolute; right:15px; top:240px;}
.product-l1-page .options-list li { display:inline-block; /*float:right;*/ margin-bottom:10px;}
.product-l1-page .options-list li a { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -moz-box-shadow: -2px 2px 11px -1px rgba(0,0,0,0.4); -webkit-box-shadow: -2px 2px 11px -1px rgba(0,0,0,0.4); box-shadow: -2px 2px 11px -1px rgba(0,0,0,0.4); -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s;  cursor:pointer; background:#fff; text-align:center;}
.product-l1-page .options-list li a img { margin-top:14px;}
.product-l1-page .options-list li .like img{ margin-left:1px;  }
.product-l1-page .options-list li .view{ }
.product-l1-page .options-list li .menu{ }
.product-l1-page .options-list li a:hover{ background:#bfbfbf}
/*product-detail*/
.product-detail .left-box { width:387px; float:left;}
.product-detail .left-box #sync1{ width:387px; height:387px; overflow:hidden; border:2px solid #00508c; background:#fff; text-align:center;}
.product-detail .left-box #sync1 .item figure { width:387px; height:387px; overflow:hidden; }
.product-detail .left-box #sync1 .item figure img { width:100%; height:100%;}
.product-detail .left-box #sync2 { margin-top:15px;}
.product-detail .left-box #sync2 .item figure { width:110px; height:110px; overflow:hidden; border:2px solid #00508c; margin:0px auto; background:#fff;}
.product-detail .left-box #sync2 .item figure img { width:100%; height:100%; overflow:hidden;}
.product-detail .right-box  {width:650px; text-align:right; overflow:hidden; float:right; color:#000; font-size:12px;}
.product-detail .options-list { text-align:left; border-bottom:2px solid #00508c; margin-top:20px;}
.product-detail .options-list li { float:left; text-align:center; display:inline-block; margin-right:10px;}
.product-detail .info-list { text-align:right; margin:20px 0;}
.product-detail .info-list li { padding-right:18px; position:relative;}
.product-detail .info-list li::before { position:absolute; content:""; right:0px; top:7px; background:url(../images/icon14.png); width:12px; height:12px;}
.product-detail .tabs {border:1px solid #dddddd; text-align:center;}
.product-detail .tabs > li { display:inline-block; float:right; background:#fff; direction:rtl}
.product-detail .tabs > li > a { min-width: 100px; padding: 5px 10px 9px; color: #969696; border-left:1px solid #dddddd; text-align:center; position:relative; background:#fff}
.product-detail .tabs > li > a::before { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; bottom: -1px; width: 0; height: 1px; background: #fff; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.product-detail .tabs > li > a:hover{ background:#f68906; color:#fff }
.product-detail .tabs > li > a.active{ color:#007bff}
.product-detail .tabs > li > a.active::before{ width:100%;}
.product-detail .tabs > li > a.active:hover{ background:#fff; color:inherit}
.product-detail .tab-desc { min-height: 50px; width:100%; border:1px solid #ddd; border-top:none;  padding:15px 20px; color:#969696; }
.product-detail .Deta_Detail_Pro { width:90%;}
.product-detail .tab-desc .info-table { border:1px solid #dddddd; border-collapse:collapse; width:470px; margin:40px auto;}
.product-detail .tab-desc .info-table tr{ border-bottom:1px solid #dddddd;}
.product-detail .tab-desc .info-table tr:last-child{ border-bottom:none;}
.product-detail .tab-desc .info-table tr td{ border-left:1px solid #dddddd; padding:2px 5px}
.product-detail .tab-desc .info-table tr td:last-child{ border-left:none;}
.product-detail .tab-desc .info-table tr > .ttl { width:330px;}
.product-detail .tab-desc .info-table tr > .desc{ width:140px;}
.product-detail .tab-desc .cm-list > li { border:1px solid #dddddd; padding:8px; color:#434343;font-size:11px; margin-bottom:10px; }
.product-detail .tab-desc .cm-list > li .date{ float:left; position:relative; padding-left:24px;}
.product-detail .tab-desc .cm-list > li .date::before { position:absolute; content:""; left:0px; background:url(../images/icon9.png); width:16px; height:18px; top:3px;}
.product-detail .tab-desc .cm-list > li .name-box{ float:right; }
.product-detail .tab-desc .cm-list > li .name-box img { width:27px; height:27px; border-radius:50%; border:1px solid #bfbfbf; margin-left:5px;}
.product-detail .tab-desc .cm-list > li .name-box p { display:inline-block; padding:0px}
.product-detail .tab-desc .ttl-cmbox{ color:#434343}
.product-detail .tab-desc .cm-item .btn { float: left; border: 1px #bfbfbf solid; color: #007bff; background: transparent; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
/*sports Page*/
.sports-page { position:relative; z-index:10;}
.sports-page .top-box { margin-bottom:50px;}
.sports-page .top-filter li { display:inline-block; float:right; margin-right:20px;}
.sports-page .top-filter li:first-child{ margin-right:0px;}
.sports-page .top-filter li .txt { background:#fff; border-radius:4px; width:227px;}
.sports-page .top-filter li .ttl { font-size:12px; margin-left:5px; padding-top:5px;}
.sports-page .top-filter li .btn { background:#9f1a1e; height: 35px; border-radius: 4px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s;}
.sports-page .top-filter li .btn:hover { background:#007bff}
.scategory-list{ margin-top:50px; display:block; width:100%; margin-bottom:50px;}
.scategory-list li {display:inline-block; float:right;margin-left:10px;}
.scategory-list li a{ background:#323232; padding:5px 12px; color:#fff; font-size:12px; position:relative; min-width:80px; text-align:center;}
.scategory-list li a.active,.scategory-list li a:hover { background:#9f1a1e}
.scategory-list li a::before { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #323232 transparent transparent transparent; position: absolute; content: "";left: 0px; right: 0px; margin: 0 auto; top: 0%; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; z-index:-1}
.scategory-list li a.active::before,.scategory-list li a:hover::before{ border-color:#9f1a1e  transparent transparent transparent; top:100%;}
.sports-page .np-slider .item { width:270px; text-align:right; direction:rtl}
.sports-page .np-slider .item figure { width:270px; height:154px; overflow:hidden; text-align:center; position:relative; margin-bottom:25px; border-radius:4px;}
.sports-page .np-slider .item figure img { width:100%; height:100%;}
.sports-page .np-slider .item figure figcaption { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; margin: 0px auto; text-align: center; background: rgba(255, 255, 255, 0); -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.sports-page .np-slider .item figure:hover figcaption{ background:rgba(255, 255, 255, 0.56);} 
.sports-page .np-slider .item .ttl { text-align:right; font-size:15px; color:#0067b3; margin-bottom:20px;}
.sports-page .np-slider .item .ttl:hover { color:#820310;}
.sports-page .np-slider .item .list { padding-bottom:50px; border-bottom:7px solid #f0f0f0;}
.sports-page .np-slider .item .list li { display:inline-block; float:right; margin-left:10px;}
.sports-page .np-slider .item .list li:last-child{ margin-left:0px;}
.sports-page .np-slider .item .list li span,.sports-page .np-slider .item .list li a {border-radius:5px; border:1px solid #989898; font-size:11px; padding:1px 0px; width:110px; text-align:center; }
.sports-page .np-slider .item .list li .date { color:#fff; background:#989898; border-color:#989898; position:relative;}
.sports-page .np-slider .item .list li .date::before { position:absolute; content:""; left:0px; right:0px; margin:0px auto; background:#989898; height:50px; width:2px; top:100%;}
.sports-page .np-slider .item .list li .date::after { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; top: 73px; width: 12px; height: 12px; border-radius: 50%; background: #989898; }
.sports-page .np-slider .item .list li .date, .sports-page .np-slider .item .list li .date::before, .sports-page .np-slider .item .list li .date::after { -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.sports-page .np-slider .item:hover .list li .date{ border-color:#9f1a1e;}
.sports-page .np-slider .item:hover .list li .date,.sports-page .np-slider .item:hover .list li .date::before,.sports-page .np-slider .item:hover .list li .date::after{ background:#9f1a1e;}
.sports-page .np-slider .item .list li .view-cm { color: #989898; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.sports-page .np-slider .item .list li .view-cm:hover { color:#0067b3; border-color:#0067b3;}
.sports-page .np-slider .item .desc{ margin-top:15px; font-size:11px; color:#000}
.sports-slider .sync1 { width:580px; height:330px; overflow:hidden;}
.sports-slider .sync1 .item > figure { width:580px; height:330px; overflow:hidden; border-radius:5px;}
.sports-slider .sync1 .item > figure img { width: 100%; height: 100%; object-fit:cover }
.sports-slider .sync2 { margin: 30px 0; padding: 0px 20px; box-sizing: border-box; z-index:10 }
.sports-slider .sync2 .item .box { width: 124px; height: 71px; margin: 0px auto; cursor: pointer; position: relative; padding-top: 7px; border-top: 3px solid #333333; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.sports-slider .sync2 .item .box:hover { border-color:#00508c;}
.sports-slider .sync2 .item .box > figure { width:94px; height:54px; margin:0px auto; overflow:hidden}
.sports-slider .sync2 .item .box > figure img { width:100%; height:100%; object-fit:cover }
.sports-slider .sync2 .item .box > figure figcaption { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; text-align: center; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top:0px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; opacity:0; }
.sports-slider .sync2 .item .box > figure:hover figcaption { opacity:.2;}
.sports-slider .sync1 .owl-buttons > div { width: 36px; height: 109px; background: rgba(255,255,255,.6); position: absolute; bottom: 96px; z-index: 15; text-indent: -2000em; overflow: hidden; color: #fff; z-index: 10; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.sports-slider .sync1 .owl-buttons > div:hover {  background: rgba(255,255,255,.8);}
.sports-slider .sync1 .owl-next::before,.sports-slider .sync1 .owl-prev::before{position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; top: 44px; background: url('../images/bg.png') no-repeat; width: 17px; height: 29px; }
.sports-slider .sync1 .owl-next::before {  background-position: -180px -11px;}
.sports-slider .sync1 .owl-prev::before { background-position:-146px -11px;}
.sports-slider .sync1 .owl-prev { left: 0px; }
.sports-slider .sync1 .owl-next { right:0px; }
.sports-page .left-box,.sports-page .right-box{ width:580px;}
.sports-page .right-box{ float:right;}
.sports-page .left-box{ float:left;}
.sports-page .ttl02,.sports-page .right-box .ttl,.sports-page .left-box .ttl{ font-size:20px; font-family:DroidArabicKufi; color:#0067b3; margin-bottom:15px;}
.sports-page .video-box{ width:580px; height:330px; overflow:hidden; position:relative; border-radius:5px;}
.sports-page .video-box video { width:100%; height:100%; position:absolute; left:0px; right:0px; margin:0px auto; top:0px; object-fit:cover}
.sports-page .video-box .control-box { position:absolute; left:0px; right:0px; margin:0px auto; text-align:center; width:100%; height:100%; top:0px; background:rgba(255,255,255,.7)}
.sports-page .video-box .control-box #play { border-radius:50%; width: 64px; height: 64px; overflow: hidden; margin-top: 126px; cursor: pointer; -moz-animation: blinker 3s infinite; -o-animation: blinker 3s infinite; -webkit-animation: blinker 3s infinite; animation: blinker 3s infinite; }
.sports-page .video-box .control-box #play img { width:100%; height:100%;}
.movie-page .video-box { width: 800px; height: 456px; overflow: hidden; position: relative; border-radius: 5px;  margin-bottom:30px;}

.sphotos-slider .sync1  { width: 800px; height: 456px; overflow: hidden; }
.sphotos-slider .sync1 .item > figure { width: 800px; height: 456px; overflow: hidden; border-radius: 5px;  padding:10px;}
.sphotos-slider .sync1 .item > figure img { border-radius:5px; }
.sphotos-slider .sync1 .owl-buttons > div { bottom: 188px;}

.movie-page .video-box .control-box #play { border-radius: 50%; width: 64px; height: 64px; overflow: hidden; margin-top: 187px; cursor: pointer; -moz-animation: blinker 3s infinite; -o-animation: blinker 3s infinite; -webkit-animation: blinker 3s infinite; animation: blinker 3s infinite; }
.news-sports .top-filter .txt { width:230px !important}



@keyframes blinker {
    0% { -moz-box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); -webkit-box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); }
    50% { -moz-box-shadow: 0 0 0px 35px rgba(255,255,255,0); -webkit-box-shadow: 0 0 0px 35px rgba(255,255,255,0); box-shadow: 0 0 0px 35px rgba(255,255,255,0); }
    100% { -moz-box-shadow: 0 0 0px 35px rgba(255,255,255,0); -webkit-box-shadow: 0 0 0px 35px rgba(255,255,255,0); box-shadow: 0 0 0px 35px rgba(255,255,255,0); }
}
@-moz-keyframes blinker {
    0% { -moz-box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); -webkit-box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); }
    50% { -moz-box-shadow: 0 0 0px 35px rgba(255,255,255,0); -webkit-box-shadow: 0 0 0px 35px rgba(255,255,255,0); box-shadow: 0 0 0px 35px rgba(255,255,255,0); }
    100% { -moz-box-shadow: 0 0 0px 35px rgba(255,255,255,0); -webkit-box-shadow: 0 0 0px 35px rgba(255,255,255,0); box-shadow: 0 0 0px 35px rgba(255,255,255,0); }
}
@-webkit-keyframes blinker {
    0% { -moz-box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); -webkit-box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); box-shadow: 0 0 0px 0px rgba(159, 26, 30, 0.99); }
    50% { -moz-box-shadow: 0 0 0px 35px rgba(255,255,255,0); -webkit-box-shadow: 0 0 0px 35px rgba(255,255,255,0); box-shadow: 0 0 0px 35px rgba(255,255,255,0); }
    100% { -moz-box-shadow: 0 0 0px 35px rgba(255,255,255,0); -webkit-box-shadow: 0 0 0px 35px rgba(255,255,255,0); box-shadow: 0 0 0px 35px rgba(255,255,255,0); }
}
.v-slider { margin: 30px 0; padding: 0px 20px; box-sizing: border-box; z-index:10 }
.v-slider .item .box { width: 124px; height: 71px; margin: 0px auto; cursor: pointer; position: relative; padding-top: 7px; border-top: 3px solid #333333; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.v-slider .item .box.selected{ border-color:rgba(159, 26, 30, 0.99)}
.v-slider .item .box:hover { border-color:#00508c;}
.v-slider .item .box > figure { width:94px; height:54px; margin:0px auto; overflow:hidden}
.v-slider .item .box > figure img { width:100%; height:100%; }
.v-slider .item .box > figure figcaption { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; text-align: center; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top:0px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; opacity:0;
}
.v-slider .item .box > figure:hover figcaption ,.v-slider .item .box.selected > figure figcaption { opacity:.2;}
/*gallery page*/
.gallery-page .list { text-align:center}
.gallery-image-page { text-align:right}
.gallery-page .list > li{ display:inline-block; margin:39px; border:1px solid #c5b481; position:relative}
.gallery-page .list > li > a > figure {width:200px; height:200px;}
.gallery-page .list > li > a > figure > img{width:100%; height:100%;}
.gallery-page .list > li > a,.gallery-page .list > li > a > figure{ position:relative;}
.gallery-page .list > li > a::after, .gallery-page .list > li > a::before, .gallery-page .list > li > a > figure::before, .gallery-page .list > li > a > figure::after { position: absolute; content: ""; width: 100%; height: 1px; background: #dddddd; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; z-index:10;}
.gallery-page .list > li > a::before{ top: 10px; left: -10px;}
.gallery-page .list > li > a::after{ bottom: 10px; left: 10px; width:1px; height:100%;}
.gallery-page .list > li > a > figure::before{ bottom:10px; right:-10px;}
.gallery-page .list > li > a > figure::after{ top:10px; right:10px; width:1px; height:100%;}
.gallery-page .list > li > a:hover::before { top: 10px; left: 10px;}
.gallery-page .list > li > a:hover::after { bottom: -10px; left: 10px;}
.gallery-page .list > li > a:hover > figure::before{ bottom:10px; right:10px;}
.gallery-page .list > li > a:hover > figure::after{ top:-10px; right:10px; width:1px; height:100%;}
.gallery-page .list > li > a > figure > figcaption { width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding-top: 30px; text-align: center; position: absolute; top: 0px; right: 0px; color: #c4b380; opacity: 0.8; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.gallery-page .list > li > a > figure > figcaption > p{ border:1px solid #c5b481; padding:5px 15px; display:inline-block; background:rgba(255, 255, 255, 0.75); color:#000;}
.gallery-page .list > li > a > figure:hover > figcaption{opacity:1;}
.videos-gallery { text-align: right; margin: 0px auto; }
.videos-gallery > li { display: inline-block; margin:29px; position: relative; border: 4px solid #fff; }
.videos-gallery > li > video { width: 500px;box-shadow: 0px 0px 30px rgba(0,0,0,0.2); }
.video-play { width: 64px; height: 64px; border-radius: 50%; background: url(../images/play.png); position: absolute; z-index: 5; left: 0px; right: 0px; margin: 0px auto; top: 25%; cursor: pointer; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.video-play:hover { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.video-ttl-box{ position:absolute; width:100%; height:100%; left:0px; right:0px; margin:0px auto; background:rgba(0,0,0,0.6); color:#fff; font-size:12px; text-align:center}
.videos-gallery .video-ttl-box .ttl{ padding:5px 10px; border:1px solid #fff; text-align:center; top:60%; position:relative;}
.ttl-album{ text-align:center; color:#371f18; }
.lb-outerContainer{ border-radius:0;}
/*certificates*/
.certificates .cer-slider { width:700px; text-align:center;}
.certificates .cer-slider #sync1{ width:375px; overflow:hidden; text-align:center;}
.certificates .cer-slider #sync1 figure { width:375px; height:528px; overflow:hidden; }
.certificates .cer-slider #sync1 figure img { width:100%; height:100%;}
.certificates .cer-slider #sync2{ width:100%; overflow:hidden; float:right; text-align:right; margin-top:30px;}
.certificates .cer-slider #sync2 figure { width:94px; height:132px; overflow:hidden; margin:0px auto;}
.certificates .cer-slider #sync2 figure img { width:100%; height:100%;}
.certificates .cer-slider .owl-buttons > div { width: 48px; height: 12px; position: absolute; bottom: 0; text-indent: -2000em; overflow: hidden; z-index: 1; -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.certificates .cer-slider .owl-next { left: 0%; background:url(../images/icon2.png); bottom:55px !important; }
.certificates .cer-slider .owl-prev { left: 0%; background:url(../images/icon3.png); bottom:35px !important; }
.certificates .cer-slider .owl-prev:hover ,.certificates .cer-slider .owl-next:hover { -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
/*packing-page*/
.packing-page .desc{ font-size:12px; text-align:justify; direction:rtl;}
.packing-page .packing-slider { margin-top:50px;}
.packing-page .packing-slider .item { text-align:center;}
.packing-page .packing-slider a { margin:0px auto;}
.packing-page .packing-slider a figure { width:250px; height:156px; overflow:hidden; margin:0px auto;}
.packing-page .packing-slider a figure img{ width:100%; height:100%}
/*departman page*/
.departmans-page { position:relative; z-index:10;}
.departmans-page > .desc{ font-size:12px;  margin-bottom:100px;}
.departmans-page > .list li { padding:30px 20px;}
.departmans-page > .list li:nth-child(2n){ background:#efefef;}
.departmans-page > .list li .img-box{ float:right; width:128px; height:128px; overflow:hidden}
.departmans-page > .list li .img-box img { width:100%; height:100%;}
.departmans-page > .list li .desc-box{ width:1000px; float:left; padding:0 20px;}
.departmans-page > .list li .desc-box .ttl { color:#007bff; font-size:20px; font-family:DroidArabicKufi;}
.departmans-page > .list li .desc-box .ttl:hover { color:rgba(159, 26, 30, 0.99)}
.departmans-page > .list li .desc-box .desc{ color:#222; text-align:justify; direction:rtl; margin-top:20px; font-size:12px;}
/*sports News Page*/
.snews-page{ position:relative; z-index:10;}
.snews-page .top-filter li { display:inline-block; float:right; margin-right:20px;position:relative;}
.snews-page .top-filter li img{position: absolute;left: 10px;top: 0;z-index: 1;}
.snews-page .top-filter li:first-child{ margin-right:0px;}
.snews-page .top-filter li .txt { background:#fff; border-radius:4px; width:227px;}
.snews-page .top-filter li .ttl { font-size:12px; margin-left:5px; padding-top:5px;}
.snews-page .top-filter li .btn { background:#f68906; height: 35px; border-radius: 4px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s;}
.snews-page .top-filter li .btn:hover { background:#007bff}
.snews-page .category-list{ margin-top:50px; display:block; width:100%; margin-bottom:50px;}
.snews-page .category-list li {display:inline-block; float:right;margin-left:10px;}
.snews-page .category-list li a{ background:#323232; padding:5px 12px; color:#fff; font-size:12px; position:relative; }
.snews-page .category-list li a.active,.snews-page .category-list li a:hover { background:#f68906}
.snews-page .category-list li a::before { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #323232 transparent transparent transparent; position: absolute; content: "";left: 0px; right: 0px; margin: 0 auto; top: 100%; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.snews-page .category-list li a.active::before,.snews-page .category-list li a:hover::before{ border-color:#f68906  transparent transparent transparent}
.snews-list > li { display:inline-block; float:right; margin:0 0 50px 37px;}
.snews-list > li:nth-child(4n) { margin-left:0px;}
.snews-list > li > .item { width:272px; text-align:right; direction:rtl}
.snews-list > li > .item figure { width:272px; height:155px; overflow:hidden; text-align:center; position:relative; margin-bottom:25px; border-radius:4px;}
.snews-list > li > .item figure img { width:100%; height:100%;}
.snews-list > li > .item figure figcaption { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; margin: 0px auto; text-align: center; background: rgba(255, 255, 255, 0); -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.snews-list > li > .item figure:hover figcaption{ background:rgba(255, 255, 255, 0.56);} 
.snews-list > li > .item .ttl { text-align:right; font-size:15px; color:#0067b3; margin-bottom:20px;}
.snews-list > li > .item .ttl:hover { color:#820310;}
.snews-list > li > .item .list { padding-bottom:50px; border-bottom:7px solid #f0f0f0;}
.snews-list > li > .item .list li { display:inline-block; float:right; margin-left:10px;}
.snews-list > li > .item .list li:last-child{ margin-left:0px;}
.snews-list > li > .item .list li span,.snews-list > li > .item .list li a {border-radius:5px; border:1px solid #989898; font-size:11px; padding:1px 0px; width:110px; text-align:center; }
.snews-list > li > .item .list li .date { color:#fff; background:#989898; border-color:#989898; position:relative;}
.snews-list > li > .item .list li .date::before { position:absolute; content:""; left:0px; right:0px; margin:0px auto; background:#989898; height:50px; width:2px; top:100%;}
.snews-list > li > .item .list li .date::after { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; top: 73px; width: 12px; height: 12px; border-radius: 50%; background: #989898; }
.snews-list > li > .item .list li .date, .snews-list > li > .item .list li .date::before, .snews-list > li > .item .list li .date::after { -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.snews-list > li > .item:hover .list li .date{ border-color:#9f1a1e;}
.snews-list > li > .item:hover .list li .date,.snews-list > li > .item:hover .list li .date::before,.snews-list > li > .item:hover .list li .date::after{ background:#9f1a1e;}
.snews-list > li > .item .list li .view-cm { color: #989898; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.snews-list > li > .item .list li .view-cm:hover { color:#0067b3; border-color:#0067b3;}
.snews-list > li > .item .desc{ margin-top:15px; font-size:11px; color:#000}
.vins-slider{ width:600px; margin:0px auto; text-align:center}

/*agency-map*/
.agency-map { text-align:center; position:relative; z-index:10;}
.agency-map .svgmap { margin: 0px auto; position: relative; z-index: 10; width: 804px; height: 734px; text-align: center; }
.agency-map .svgmap .land { -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; cursor:pointer;}
.agency-map .svgmap .land:hover { fill:#007bff;}
.agency-map .svgmap .land.active{ fill:#0067b3}
.agency-ttl { color:#007bff;font-family:DroidArabicKufi; font-size:20px; text-align:center; margin:50px 0;}
.agency-list { text-align:right; color:#000; font-size:12px;}
.agency-list .title{ margin-left:20px; width:120px; position:relative;}
.agency-list .title::before{ position:absolute; content:":"; left:0px; color:#000;}
.agency-list > li { padding-bottom:50px; margin-bottom:50px; border-bottom:#004f8c 1px solid }
.agency-list .sublist {  float:right; width:680px;}
.agency-list .sublist li{ padding:8px 10px; margin:3px 0;}
.agency-list .sublist li:nth-child(2n){ background:#eeecec}
.agency-list .sublist li .desc { width:520px; text-align:right;}
.agency-list .googlemap{ background:#eee; width:500px; height:248px; position:relative; float:left;}
.agency-map .title-box { width: 200px; height: 50px; background:rgba(255, 255, 255, 0.67); color:#0067b3; padding-top:10px; border:2px solid #0067b3; position: absolute; left: 0px; top: 0px; z-index: 11; opacity: 0; -moz-transition: opacity ease 0.2s; -o-transition: opacity ease 0.2s; -webkit-transition: opacity ease 0.2s; transition: opacity ease 0.2s; }
.agency-map .title-box.show{ opacity:1;}
/*Faqs*/
.Faqspage{ font-family:DroidArabicKufi; position:relative; z-index:10;}
.ff-box{ width:400px; float:left}
.ff-box h2{ color:#007bff; font-size:14px; text-align:center;}
.ff-box .txt,.ff-box .txtarea{ width:100%; border:1px solid #007bff; color:#000000}
.faqsform > li { margin: 10px 0px; }
.faqs { width: 60%; float:right; margin-top:35px }
.faqs > li { margin-bottom: 5px; }
.faqs .ruTitle { padding: 10px 34px 10px 0px; position: relative; font-weight: 500; cursor: pointer; background: #fff; border: solid 1px #007bff; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color:#000}
.faqs .ruTitle:after { content: '+'; width: 20px; height: 20px; line-height: 20px; background: #007bff; color: #fff; font-family: arial; top: 12px; right: 6px; position: absolute; text-align: center; font-size: 20px; border-radius: 50px; }
.faqs .ruTitle.openFaq{ background:#f3f3f3;}
.faqs .ruTitle.openFaq:after { content: '-'; line-height: 15px; font-size: 26px; background: #007bff; color: #fff; }
.faqs > li > div { padding: 15px; height: auto; display: none; border-bottom: none; background: #f3f3f3; border: 1px solid #007bff; border-top: none; }
.faqs > li > div > span { float: left; margin: -22px 18px; font-size: 15px; color: #000; }
.faqs > li > div > span a { font-size: 15px; color: #2aaebb; }
.faqs > li > div > p { color: #000; }
/*download page*/
.download-page .list { text-align:center}
.download-image-page { text-align:right}
.download-page .list > li{ display:inline-block; margin:39px; border:1px solid #c5b481; position:relative}
.download-page .list > li > a > figure {width:200px; height:200px;}
.download-page .list > li > a > figure > img{width:100%; height:100%;}
.download-page .list > li > a,.download-page .list > li > a > figure{ position:relative;}
.download-page .list > li > a::after, .download-page .list > li > a::before, .download-page .list > li > a > figure::before, .download-page .list > li > a > figure::after { position: absolute; content: ""; width: 100%; height: 1px; background: #dddddd; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; z-index:10;}
.download-page .list > li > a::before{ top: 10px; left: -10px;}
.download-page .list > li > a::after{ bottom: 10px; left: 10px; width:1px; height:100%;}
.download-page .list > li > a > figure::before{ bottom:10px; right:-10px;}
.download-page .list > li > a > figure::after{ top:10px; right:10px; width:1px; height:100%;}
.download-page .list > li > a:hover::before { top: 10px; left: 10px;}
.download-page .list > li > a:hover::after { bottom: -10px; left: 10px;}
.download-page .list > li > a:hover > figure::before{ bottom:10px; right:10px;}
.download-page .list > li > a:hover > figure::after{ top:-10px; right:10px; width:1px; height:100%;}
.download-page .list > li > a > figure > figcaption { width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding-top: 30px; text-align: center; position: absolute; top: 0px; right: 0px; color: #c4b380; opacity: 0.8; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.download-page .list > li > a > figure > figcaption > p{ border:1px solid #c5b481; padding:5px 15px; display:inline-block; background:rgba(255, 255, 255, 0.75); color:#000;}
.download-page .list > li > a > figure:hover > figcaption{opacity:1;}
.code-page{ position:relative; z-index:10;}
.code-page .list1 { width:500px; margin:0 auto;}
.code-page .list1 .main-ttl { color:#333; font-size:14px; text-align:center; font-family:DroidArabicKufi;}
.code-page .list1 .txt { width:100%; direction:ltr; text-align:left; font-size:12px; color:#000; text-align:center;}
.code-page .list1 .txt::-webkit-input-placeholder {  direction:rtl;}
.code-page .list1 .txt::-moz-placeholder {direction:rtl; }
.code-page .list1 .txt:-ms-input-placeholder { direction:rtl; }
.code-page .list1 .txt:-moz-placeholder { direction:rtl; }
.code-page .list1 li { margin-bottom:10px; overflow:hidden; text-align:center}
.code-page .list1 .btn { padding:3px 0 8px; height:auto; float:none; display:inline-block; outline:none;}
.tablebox1{ border-collapse:collapse; background:#fff; font-size:12px; width:720px; margin:0 auto;}
.tablebox1 tr { border-bottom:1px solid #dadada;}
/*.tablebox1 tr:last-child{ border-bottom:none;}*/
.tablebox1 tr td { border-left:1px solid #dadada; padding:5px 10px; text-align:center; width:15%;}
/*.tablebox1 tr td:last-child{ border-left:none;}*/
.tablebox1 tr td:first-child{ border-right:1px solid #dadada}
.tablebox1 tr.headbox { border-top:1px solid #dadada}
.tablebox1 tr.headbox td{ text-align:center; color:#007bff; font-family:DroidArabicKufi;}
.tablebox1 tr.headbox .desc { color:#000000}
.tablebox1 tr.brBox { border:none; height:36px;}
.tablebox1 tr.ttlbox,.tablebox1 tr.descbox { color:#000000}
.links-page{ position:relative; z-index:10;}
.links-page .link-list li {  float:right; display:inline-block; margin:0px 0 75px 100px;  }
.links-page .link-list li:last-child{ margin-left:0px;}
.links-page .link-list li figure { width: 300px; position: relative; background: #ededed; border: 1px solid #dadada; text-align: center; padding: 10px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; overflow:hidden;}
.links-page .link-list li figure figcaption { position:absolute; content:""; left:0px; right:0px; margin:0px auto; text-align:center; top:0px; width:100%; height:100%}
.links-page .link-list li figure span { width: 100%; color: #000000; margin-top: 5px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; z-index:10; position:relative;}
.links-page .link-list li figure img { z-index:10; position:relative;}
.links-page .link-list li figure:hover span{ color:#007bff; }
.links-page .link-list li figure::before, .links-page .link-list li figure::after { position: absolute; content: ""; width: 50%; height: 0px; background: #fff; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.links-page .link-list li figure::before{ top:0px; left:0px;}
.links-page .link-list li figure::after{ bottom:0px; right:0px;}
.links-page .link-list li figure:hover::before,.links-page .link-list li figure:hover::after{ height:100%;}
.links-page .link-list li figure:not(:hover)::after{ bottom:auto; top:0px; height:0px;}
.links-page .link-list li figure:not(:hover)::before{ bottom:0; top:auto; height:0px;}
/*Comment*/
.comment-page{ position:relative; z-index:10;}
.cm-items-list { width: 600px; float: right; padding-top:30px}
.radio-btn-box { margin-left: 10px; }
.radio-btn-box > label { padding-right: 10px;  color:#000}
.comment > li { margin: 10px 0px;}
.comment li .txtarea { width: 350px; }
.cmnt-title { color:#000}
/*exhibition-page*/
.exhibitions-page{ position:relative; z-index:10; padding: 0 90px}
.exhibitions-page .top-filter { margin-bottom:30px;}
.exhibitions-page .top-filter li { display:inline-block; float:right; margin-right:15px;position:relative;}
.exhibitions-page .top-filter li img{position:absolute;top:0;left:10px;z-index:1;}
.exhibitions-page .top-filter li:first-child{ margin-right:0px;}
.exhibitions-page .top-filter li .txt { background:#fff; border-radius:4px; width:227px !important;}
.exhibitions-page .top-filter li .ttl { font-size:12px; margin-left:5px; padding-top:5px;}
.exhibitions-page .top-filter li .btn { background:#f68906; height: 35px; border-radius: 4px; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s;}
.exhibitions-page .top-filter li .btn:hover { background:#007bff}
.exhibitions-page .exhibitions-list li { margin-bottom:50px;}
.exhibitions-page .exhibitions-list li .img-box { width:315px; height:180px; overflow:hidden; object-fit:cover; float:right; border-radius:5px;}
.exhibitions-page .exhibitions-list li .img-box img { width: 100%; height: 100%; object-fit: cover; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.exhibitions-page .exhibitions-list li .img-box:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.exhibitions-page .exhibitions-list li .desc-box { float:left; width:680px; font-size:12px; color:#222}
.exhibitions-page .exhibitions-list li .desc-box .title { text-align:right; font-size:16px;}
.exhibitions-page .exhibitions-list li .desc-box .title:hover { color:#0067b3}
.exhibitions-page .exhibitions-list li .desc-box .desc { margin: 20px 0 31px; height: 80px; overflow: hidden; }
.exhibitions-page .exhibitions-list li .desc-box .date { display:block; margin-left:0px; font-size:10px; color:#444}
.exhibitions-page .exhibitions-list li:nth-child(2n) .img-box { float:left;}
.exhibitions-page .exhibitions-list li:nth-child(2n) .desc-box { float:right;}
.moreinfo { width:100%; padding:10px; font-size:12px; color:#000000; background:#dadada}
.moreinfo li { margin-bottom:12px;}
.exhibitions-detail .right-box > .desc{ font-size:12px; padding-left:0;}
.other-slider .item { color:#000000; width:195px; padding:0 10px; font-size:11px;}
.other-slider .item .imgbox { width:175px; height:100px; overflow:hidden; display:block; margin:0 auto;}
.other-slider .item .imgbox img { width:100%; height:100%; object-fit:cover;}
.other-slider .item .title { display: block; text-align: right; margin: 15px 0 7px; font-size: 12px; max-height: 50px; overflow: hidden; }
.other-slider .item .title:hover { color:#007bff;}
.other-slider .item .desc { height: 80px; overflow: hidden; }
.other-slider .item .date { font-size:10px; color:#666; text-align:left; display:block; margin-left:0px}
.other-title { font-size:16px; color:#00508c; text-align:right; margin:20px 0 ; padding-bottom:15px; border-bottom:1px solid #00508c }


.sampleform12 .forms li { margin-bottom:10px;}
.sampleform12 .forms span { text-align: right; font-size: 11px; width: 160px; display:inline-block }
.sampleform12 .forms .txt,.sampleform12 .forms .ddl { width:320px; text-align:right; display:inline-block}
.sampleform12 .forms .txtarea{ width:320px; height:100px; display:inline-block }
.sampleform12 .forms .captch * { display:inline-block;}
.sampleform12 .forms .captch span { display:block;}
.sampleform12 .forms .captch .txt{ width:264px; margin-right:20px;}
/*Added*/
.sitemap{}
.sitemap li{margin-right:20px;margin-bottom:10px;}
.sitemap li h2{color:#114abd;font-weight:bold;font-size:14px;}
.sitemap li a{padding-right:32px;background:url(../images/sitemap.png) right 0 no-repeat;color:#000;}
.sitemap li a:hover{color:#01afeb;}
.sitemap li ul{margin:20px 20px;}



.mt60{ margin-top:60px}



.sampleform12{ position:relative; z-index:10;}