/*--------------------reset--------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,tfoot,thead,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol, ul {list-style:none;}
blockquote,q{quotes:none;}
img{vertical-align:top;border:0}
embed{vertical-align:top;}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {display:block;}
mark,rp,rt,ruby,summary,time{display:inline;}
input,textarea{border:0;padding:0;margin:0;outline:0;vertical-align:middle}
iframe{border:0;margin:0;padding:0;}
input,textarea,select {margin:0;padding:0px;font:13px/23px irsans,tahoma;color:#747474;vertical-align:middle}
input[type=button],input[type=submit]{cursor:pointer}
@font-face { font-family: 'irsans'; src: url('../fonts/IRANSans.woff') format('woff'), url('../fonts/IRANSans.eot') format('embedded-opentype'), url('../fonts/IRANSans.ttf') format('truetype'); }
@font-face { font-family: 'DroidArabicKufi'; src: url('../fonts/Droid Arabic Kufi.eot') format('embedded-opentype'), url('../fonts/Droid Arabic Kufi.svg') format('svg'), url('../fonts/Droid Arabic Kufi.ttf') format('truetype'), url('../fonts/Droid Arabic Kufi.woff') format('woff'); }
/*---------------------public-----------------------*/
html { }
*, ::after, ::before { box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
body { margin: 0px; font: 13px/25px irsans,tahoma; color: #727171; text-align: justify; background: #fff; direction: rtl; }
a, span { display: inline-block; }
a { text-decoration: none; color: inherit; outline: none; -moz-transition: background ease 0.5s,color ease 0.5s; -o-transition: background ease 0.5s,color ease 0.5s; -webkit-transition: background ease 0.5s,color ease 0.5s; transition: background ease 0.5s,color ease 0.5s; }
    a:hover { color: inherit; }
div, section, nav, aside, footer, article, header { margin: 0 auto; }
p { margin: 0; padding: 5px 0px; }
.clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; }
.clearfix::after { content: ''; display: block; height: 0; clear: both; }
.hidden { display: none; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.main { width: 96%;max-width:1200px;margin:0 auto;display:block;transition:.5s all; }
.red { color: #fd1027; }
.right { float: right !important; }
.left { float: left !important; }
.auto { margin: 0 auto; }
.margin-t10 { margin-top: 10px; }
.margin-l10 { margin-left: 10px; }
.margin-r10 { margin-right: 10px; }
.margin-b10 { margin-bottom: 10px; }
.rtl{ direction:rtl;}
.ltr{ direction:ltr;}
/*Header*/




.svgline { position: absolute; left: 30%; top: -284px; z-index: 10; right: 0; display: block; margin: 0 auto; }
.search-box { position:fixed; width:100%; height:200px; background:rgba(255,255,255,.95); text-align:center; left:0px; right:0px; top:0px; margin:0px auto; z-index:150; display:none;}
.search-box .main{ margin-top:70px;}
.search-box .closer{ float:right; margin-bottom:30px;}
.search-box .txts { width:calc(100% - 110px); height:45px; float:right; background:transparent;  border-bottom:2px solid #9f1a1e; color:#000; padding-left:10px; font-size:23px; }
.search-box .btns{ float:left; text-align:center; width:100px; background:#9f1a1e; color:#fff; padding:10px 0; border-radius:3px 0 0 3px; margin-top:2px;}

header { background: rgba(0,0,0,.6); position: fixed; top: 0px; right: 0px; left: 0px; margin: 0px auto; z-index:170; }
header::before,header::after{ position:absolute; content:"";} 
header::before { right:0px; top:50%; height:1px; background:#fff; width:171px;}
header::after { right: 157px; width: 15px; height: 15px; background: transparent; border: 2px solid #fff; top: 23px; border-radius: 50%; }
header .top-menu { float: right; }
header .top-menu > li { display: inline-block; float: right; margin: 0 5px; position: relative; }
header .top-menu > li > a { padding: 17px 10px; text-align: center; color: #fff; font-size: 12px; }
header .top-menu > li > a:hover { background:rgba(0,0,0,.7); color:#0067b3}


.submenu { position: absolute; text-align: right; width: 200px; background: rgba(0,0,0,.6); right: 0px; display:none;}
.submenu > li { display: block; position:relative}
.submenu > li > a { color: #fff; display: block; padding: 5px 12px; font-size: 12px; }
.submenu > li > a:hover { color: #0067b3;background:rgba(0,0,0,.7) }

header .lang-box { float:left; position:relative;}
header .lang-box::before,header .lang-box::after{ position:absolute; content:""; left:0px; right:0px; margin:0px auto;}
header .lang-box::before{ height:25px; background:#fff; width:1px; opacity:.8;}
header .lang-box::after { width: 11px; height: 11px; border-radius: 50%; border: 1px solid #fff; top: 15px; }
header .search-btn { width:51px; height:59px; overflow:hidden; float:left; text-align:center; padding-top:15px;}
header .search-btn:hover { background:rgba(0,0,0,.7)}
header .search-btn img { max-width: 70%; max-height: 70%; margin: 0px auto; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
header .search-btn:hover img { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
header .lang-box .lang-btn{ color:#fff; padding:30px 17px 4px; position:relative;}
header .lang-box .lang-btn:hover { background:rgba(0,0,0,.7); color:#0067b3}
header .lang-box .lang-list {position:absolute; width:100%; top:100%; text-align:center; display:none;}
header .lang-box .lang-list li a{ display:block; color:#000; background:rgba(255, 255, 255, 0.9); padding:7px;}
header .lang-box .lang-list li a:hover { background:rgba(0,0,0,.7); color:#0067b3;}
.slider-box{ position:relative;}
.slider-box .logo { position: fixed; top: 70px; left: 20px; z-index: 100; width: 415px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.slider-box .logo.fix { width:155px; top:0px; z-index:200 }
.slider-box .logo figure { width:100%; overflow:hidden;}
.slider-box .logo figure img { width:100%;}
.slider-box .go-down { width: 45px; height: 45px; background: #fff; border-radius: 50%; position: absolute; left: 0px; right: 0px; bottom: 185px; z-index: 10; margin: 0px auto; cursor: pointer; -moz-box-shadow: 0 0 15px 9px rgba(255,255,255,.5); -webkit-box-shadow: 0 0 15px 9px rgba(255,255,255,.5); box-shadow: 0 0 15px 9px rgba(255,255,255,.5); -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.slider-box .go-down:hover { background:#eee; }
.slider-box .go-down::before { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; background: url('../images/bg.png') no-repeat -4px -4px; width: 19px; height: 13px; top: 18px; -moz-animation: go-down 5s infinite; -o-animation: go-down 5s infinite; -webkit-animation: go-down 5s infinite; animation: go-down 5s infinite; }
@keyframes go-down {
    0% { top:18px; }
    5% { top:18px;}
    15% { top:22px; }
    20% { top:18px; }
}
@-moz-keyframes go-down {
    0% { top:18px; }
    5% { top:18px;}
    15% { top:22px; }
    20% { top:18px; }
}
@-webkit-keyframes go-down {
    0% { top:18px; }
    5% { top:18px;}
    15% { top:22px; }
    20% { top:18px; }
}

.svgpath-default{ width:430px; height:502px; position:absolute; left:0px; right:0px; margin:0px auto; z-index:100; bottom:-502px;}
.main-slider { width:100%; height:720px; overflow:hidden; position:relative; border-bottom:3px solid #0067b3}
.main-slider #sync1 ,.main-slider #sync1 .owl-wrapper-outer,.main-slider #sync1 .owl-wrapper,.main-slider #sync1 .owl-item,.main-slider #sync1 .item,.main-slider #sync1 .item a { height:100%;}
.main-slider #sync1 .item a{ display:block}
.main-slider #sync1 .item a figure { overflow:hidden;width:100%;height:460px;}
.main-slider #sync1 .item a figure img  { width:100%; height:100%;object-fit:cover;}
.main-slider #sync2 { margin: 30px 0; padding: 0px 20px 70px; box-sizing: border-box; z-index:10; position:absolute; right:0px; bottom:0px; z-index:10; width:510px; opacity:0; visibility:hidden;}
.main-slider #sync2 .item .box { padding: 10px; background: url(../images/bg1.png); text-align: center; padding-top: 13px; border-top: 5px solid #4c4c4c; display: inline-block; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.main-slider #sync2 .item .box:hover { border-color:#0067b3;}
.main-slider #sync2 .item .box figure { width: 92px; height: 41px; margin: 0px auto; cursor:pointer; position:relative; margin:0 auto}
.main-slider #sync2 .item .box figure img{ width:100%; height:100%;}
.part1{ margin-top:100px; position:relative}
.part1::before { position: absolute; content: ""; right: 0px; background: url(../images/bg3.png) no-repeat; top: 216px; width: 534px; height: 213px; }
.part1::after { position:absolute; content:""; left:0px; top:249px; z-index:-1; background:url(../images/bg4.png) no-repeat; width:548px; height:482px;}
.part1 .img-link { margin-bottom:20px;}
.part1 .img-link .list { float:left}
.part1 .img-link .list li{ display:inline-block; float:right; margin:0px 8px; position:relative;}
.part1 .img-link .list li::before { position: absolute; content: ""; top:24px; left: 0px; right: 0px; margin: 0px auto; background: url(../images/bg2.png); width: 100%; height: 19px; z-index: 10; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; }
.part1 .img-link .list li:nth-child(2n)::before{ top:auto; bottom:24px;}
.part1 .img-link .list li:hover::before { opacity:0;}
.part1 .img-link .list li:not(:hover)::before { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.part1 .img-link .list li figure{ position:relative; width:157px; height:160px; overflow:hidden;}
.part1 .img-link .list li figure img { width:100%; height:100%;}
.part1 .img-link .list li figure::before, .part1 .img-link .list li figure::after { position: absolute; content: ""; width: 100%; height: 60px; background: #fff; height: 45px; left: 0px; right: 0px; margin: 0px auto; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
.part1 .img-link .list li figure:hover::before,.part1 .img-link .list li figure:hover::after { height:0px; }
.part1 .img-link .list li figure::before{ top:0px;}
.part1 .img-link .list li figure::after{ bottom:0px;}
.part1 .section1 { margin-top:20px;}
.part1 .section1 .desc-box { float:right; width:50%;}
.part1 .section1 .desc-box .h1 { font-size:23px; color:#0067b3; width:280px; text-align:right; direction:rtl; font-family:DroidArabicKufi; line-height:42px}
.part1 .section1 .desc-box .desc{ width:550px; padding-right:20px; color:#000; text-align:justify; direction:rtl; float:right; margin-top:30px}
.part1 .section1 .img-box { width:483px; height:291px; overflow:hidden; float:left; margin-left:98px;}
.part1 .section1 .img-box img { width:100%; height:100%;}
.part1 .section2{ border:3px dotted #d5d5d5; margin-top:120px; text-align:center; padding: 0 30px 70px;}
.part1 .section2 > .ttl { color:#0067b3; display:inline-block; width:460px; background:#fff; font-family:DroidArabicKufi; font-size:20px;  margin-top:-19px; text-align:center;}
.part1 .section2 > .desc{ width:720px; font-size:11px; margin:0px auto; padding:0px; margin-top:-5px; margin-bottom:70px;}
.part1 .section2 > .list li {  display:inline-block; width:25%; float:right; padding:15px;}
.part1 .section2 > .list li figure { width:69px; height:76px; text-align:center; margin:0px auto; overflow:hidden;}
.part1 .section2 > .list li figure img { max-width:100%; max-height:100%; margin:0px auto}
.part1 .section2 > .list li a.inView { -moz-animation: scaled 1s 1; -o-animation: scaled 1s 1; -webkit-animation: scaled 1s 1; animation: scaled 1s 1; }
.part1 .section2 > .list li:nth-child(1) a.inView { -moz-animation-delay: .5s; -o-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s; }
/*.part1 .section2 > .list li:nth-child(2) a.inView { -moz-animation-delay: .3s; -o-animation-delay: .3s; -webkit-animation-delay: .3s; animation-delay: .3s; }
.part1 .section2 > .list li:nth-child(3) a.inView { -moz-animation-delay: .3s; -o-animation-delay: .3s; -webkit-animation-delay: .3s; animation-delay: .3s; }*/
.part1 .section2 > .list li:nth-child(4) a.inView { -moz-animation-delay: .5s; -o-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s; }
@keyframes scaled {
    10% { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
    35% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
    50% { -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
}
@-moz-keyframes scaled {
    10% { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
    35% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
    50% { -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
}
@-webkit-keyframes scaled {
    10% { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
    35% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
    50% { -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
}
.part1 .section2 > .list li .ttl { margin: 15px 0; color: #000; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.part1 .section2 > .list li a:hover .ttl { color:#0067b3}
.part1 .section2 > .list li .desc { font-size:11px;}
.part2 > .main > .ttl { margin:60px 0 40px; color:#0067b3; font-size:22px; font-family:DroidArabicKufi; line-height:40px;}
.part2 .tabs {border-top:1px solid #bdbdbd; width:90%; text-align:center; padding-right:10%; margin-bottom:20px; margin-right:100px}
.part2 .tabs > li { display:inline-block; float:right; background:#fff; margin-top:-16px; padding:0 3px; }
.part2 .tabs > li:first-child{ padding-right:10px;}
.part2 .tabs > li:last-child{ padding-left:10px;}
.part2 .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;}
.part2 .tabs > li > a.active,.part2 .tabs > li > a:hover { color:#fff; background:#0067b3; border-color:#0067b3;}
.part2 .tabs > li > a span { -moz-transform: skew(20deg); -ms-transform: skew(20deg); -o-transform: skew(20deg); -webkit-transform: skew(20deg); transform: skew(20deg); }
.part2 .tab-desc { padding: 20px 10px; color: #646464; min-height: 200px; }
.part2 .tab-desc .list { width:calc(100% * 257 /1200); overflow:hidden; float:left}
.part2 .tab-desc .list li { float:right; display:inline-block; margin:10px 0; margin-left:20px; position:relative; width:112px;}
.part2 .tab-desc .list li:nth-child(2n){ margin-left:0px;}
/*.part2 .tab-desc .list li a figure { position:relative;}*/
/*.part2 .tab-desc .list li a figure::before { position:absolute; content:""; right:0px; margin:0px auto; left:0px; border:1px solid #454545; width:65%; height:65%; top:15%;}*/
.part2 .tab-desc .list li a figure { margin:0px auto; text-align:right;}
.part2 .tab-desc .list li a figure img { max-width:112px;}
.part2 .tab-desc .list li a .ttl { padding-right:10px; color:#000;text-align:right;}
.part2 .tab-desc .p-slider { width: calc(100% * 885 / 1200); overflow: hidden; float: right; position:relative;overflow:hidden;}
.part2 .tab-desc .p-slider::before { position: absolute; content: ""; left: 84%; top: 2%; height: 120%; width: 300px; background: #fff; -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index:10;}
.part2 .tab-desc .p-slider::after { position: absolute; content: ""; right: 100%; bottom: -33%; height: 140%; width: 300px; background: #fff; -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index:10;}
.p-slider .owl-controls .owl-buttons > div { width: 60px; height: 79px; position: absolute; top: 34.7%; z-index: 15; text-indent: -2000em; overflow: hidden; opacity: .7; -moz-transition: opacity ease 0.5s,transform ease .5s; -o-transition: opacity ease 0.5s,transform ease .5s; -webkit-transition: opacity ease 0.5s,transform ease .5s; transition: opacity ease 0.5s,transform ease .5s; }
.p-slider .owl-controls .owl-next { background: url(../images/slider-right.png); width: 60px; height: 79px; right: 0px; -moz-transform: rotateY(-35deg); -ms-transform: rotateY(-35deg); -o-transform: rotateY(-35deg); -webkit-transform: rotateY(-35deg); transform: rotateY(-35deg); }
.p-slider .owl-controls .owl-prev { background: url(../images/slider-left.png); width: 60px; height: 79px; left: 0px; -moz-transform: rotateY(35deg); -ms-transform: rotateY(35deg); -o-transform: rotateY(35deg); -webkit-transform: rotateY(35deg); transform: rotateY(35deg); }
.p-slider .owl-controls .owl-prev:hover ,.p-slider .owl-controls .owl-next:hover { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.p-slider .owl-controls .owl-buttons > div:hover { opacity:1;}
.part3 { margin-top:70px}
.part3 .b-slider { width:100%; background:#efefef; padding: 7px 0}
.part3 .b-slider .item { text-align:center; margin:0px auto;}
.part3 .b-slider figure { width:100px; height:100px; overflow:hidden; text-align:center; margin:0px auto; }
.part3 .b-slider figure img { width: 100%; height: 100%; -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; }
.part3 .b-slider figure:hover img {  -moz-filter: grayscale(0); -ms-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0);}
.part3 .tabs {text-align:center; }
.part3 .tabs > li { display:inline-block; padding:0 3px; }
.part3 .tabs > li > a { min-width: 100px; padding: 3px 10px; color: #000; text-align:center; font-family:DroidArabicKufi}
.part3 .tabs > li > a.active,.part3 .tabs > li > a:hover { color:#0067b3}
.part3 .tab-desc { color: #646464; min-height: 200px; }

.part4 .main { position:relative;padding-top:120px;}
.part4 .main > .ttl { color: #0067b3; font-family: DroidArabicKufi; font-size: 24px; text-align: right; position: absolute; right: 0px; top: 0px; width: 291px; line-height: 43px;}
.part4 .n-slider .item { width:315px; text-align:right; direction:rtl}
.part4 .n-slider .item figure { width:315px; height:180px; overflow:hidden; text-align:center; position:relative; margin-bottom:25px; border-radius:4px;}
.part4 .n-slider .item figure img { width:100%; height:100%;}
.part4 .n-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; }
.part4 .n-slider .item figure:hover figcaption{ background:rgba(255, 255, 255, 0.56);} 
.part4 .n-slider .item .ttl { text-align:right; font-size:15px; color:#0067b3; margin-bottom:20px;}
.part4 .n-slider .item .ttl:hover { color:#820310;}
.part4 .n-slider .item .list { padding-bottom:50px; border-bottom:7px solid #f0f0f0;}
.part4 .n-slider .item .list li { display:inline-block; float:right; margin-left:10px;}
.part4 .n-slider .item .list li:last-child{ margin-left:0px;}
.part4 .n-slider .item .list li span,.part4 .n-slider .item .list li a {border-radius:5px; border:1px solid #989898; font-size:11px; padding:1px 0px; width:110px; text-align:center; }
.part4 .n-slider .item .list li .date { color:#fff; background:#989898; border-color:#989898; position:relative;}
.part4 .n-slider .item .list li .date::before { position:absolute; content:""; left:0px; right:0px; margin:0px auto; background:#989898; height:50px; width:2px; top:100%;}
.part4 .n-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; }
.part4 .n-slider .item .list li .date, .part4 .n-slider .item .list li .date::before, .part4 .n-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; }
.part4 .n-slider .item:hover .list li .date{ border-color:#9f1a1e;}
.part4 .n-slider .item:hover .list li .date,.part4 .n-slider .item:hover .list li .date::before,.part4 .n-slider .item:hover .list li .date::after{ background:#9f1a1e;}
.part4 .n-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; }
.part4 .n-slider .item .list li .view-cm:hover { color:#0067b3; border-color:#0067b3;}
.part4 .n-slider .item .desc{ margin-top:15px; font-size:11px; color:#000}

.part4 .Bottom_Tabs{ float:right; width:150px;}
.part4 .tabs {text-align:right; direction:rtl; margin-top:65px;}
.part4 .tabs > li { display:inline-block; padding:0 3px; }
.part4 .tabs > li > a { min-width: 100px; padding: 3px 0px 3px 10px; color: #000; text-align:right; font-family:DroidArabicKufi; font-size:14px; position:relative;}
.part4 .tabs > li > a::before { position: absolute; content: ""; left: 105%; top: 50%; background: #9f1a1e; width: 0; height: 1px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.part4 .tabs > li > a.active,.part3 .tabs > li > a:hover { color:#9f1a1e;}
.part4 .tabs > li > a.active::before ,.part4 .tabs > li > a:hover::before { width:40px;}
.part4 .tab-desc { color: #646464; min-height: 200px; float:left; width:1050px; min-height:461px;}


footer { padding: 50px 0 20px; background:url(../images/bgfooter.png); margin-top:60px; position:relative;}
footer::after, footer::before { position: absolute; content: ""; width: 215px; height: 40px; background: #fff; top: -40px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
footer::after { left: 49.35%; -moz-transform-origin:  100% 0; -ms-transform-origin:  100% 0; -o-transform-origin:  100% 0; -webkit-transform-origin:  100% 0; transform-origin: 100% 0; }
footer.goTop::after { -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 
footer::before { right: 49.35%; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
footer.goTop::before { -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); }
footer .footer-packing li { display:inline-block; }
footer .footer-packing .footer-menu-box { width:431px; }
footer .footer-packing .footer-menu-box .list li { display:inline-block; width:33.28%; float:right; margin:5px 0}
footer .footer-packing .footer-menu-box .list li a { color: #fff; font-size: 11px; text-align: right; position: relative; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
footer .footer-packing .footer-menu-box .list li a:hover { color:#0067b3; padding-right:15px;}
footer .footer-packing .footer-menu-box .list li a::before{ position:absolute; content:""; right:0px; top:50%; height:1px; background:#0067b3; width:0px; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
footer .footer-packing .footer-menu-box .list li a:hover::before{ width:10px;}
footer .socials-box { text-align:center; display:inline-block; width:271px; margin-right:30px; margin-top:60px;}
footer .socials-box li{ display:inline-block; text-align:center; margin:0 0 31px 66px; position:relative;}
footer .socials-box li::before { position:absolute; content:""; left:57px; width:36px; height:2px; background:#515151; top:50%; }
footer .socials-box li:last-child ,footer .socials-box li:nth-child(3n) { margin-left:0px;}
footer .socials-box li:first-child::before ,footer .socials-box li:nth-child(4n)::before { display:none}
footer .socials-box li a{ width:43px; height:43px; border:2px solid #515151; text-align:center; padding:2px; overflow:hidden; position:relative;}
footer .socials-box li a img { width:35px; height:35px; z-index:2; position:relative;}
footer .socials-box li a::before { position: absolute; content: ""; left: 0px; right: 0px; margin: 0px auto; width: 35px; height: 35px; top: 2px; background: #27aae2; -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;}
footer .socials-box li a:hover::before { opacity:1;}
footer .goTopBtn { position: absolute; left: 0; right: 0; margin: 0 auto; text-align:center; width: 50px; height: 50px; background: #27aae2; border-radius: 50%; z-index: 10; top: 10px; 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; }
footer .goTopBtn:hover { background:#0067b3;}
footer .goTopBtn::before, footer .goTopBtn::after { -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
footer .goTopBtn::before { position: absolute; content: ""; right: -21px; margin: 0px auto; border-radius: 50%; width: 92px; height: 92px; border: 1px dashed #989898; top: -20px; -moz-animation: rotate2 25s infinite linear; -o-animation: rotate2 25s infinite linear; -webkit-animation: rotate2 25s infinite linear; animation: rotate2 25s infinite linear;  }
footer .goTopBtn::after { position: absolute; content: ""; right: -10px; margin: 0px auto; border-radius: 50%; width: 70px; height: 70px; border: 1px dashed #989898; top: -9px; -moz-animation: rotate1 25s infinite linear;-o-animation: rotate1 25s infinite linear; -webkit-animation: rotate1 25s infinite linear; animation: rotate1 25s infinite linear; }
footer .goTopBtn img { margin-top: 17px; }
@keyframes rotate1 {
    0%{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes rotate1 {
    0%{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes rotate1 {
    0%{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate2 {
    0%{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-moz-keyframes rotate2 {
    0%{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-webkit-keyframes rotate2 {
    0%{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
footer .newsletter-box{ width:310px; text-align:right; float:left}
footer .newsletter-box .ttl {color:#fff; }
footer .newsletter-box .desc { font-size:11px;}
footer .newsletter-box .input-box { width:100%; margin-top:20px;}
footer .newsletter-box .input-box .txtn{ width:250px; border-radius:3px 0 0 3px; padding:6px 10px 7px; text-align:right; direction:rtl; float:left;border:1px solid #c8c8c8}
footer .newsletter-box .input-box .btnn { float: left; background: #dcdcdc url(../images/btnnbg.png); width: 60px; border: 1px solid #c8c8c8; height: 38px; border-radius: 0 3px 3px 0; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
footer .newsletter-box .input-box .btnn:hover { background: #c8c8c8 url(../images/btnnbg.png); }
footer .coder { color:#fff;}
footer .coder a{transition:0s;}
footer .coder:hover { color:#0067b3 }
























/*Form*/
.ddl{font-size:11px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:200px; height:40px; border:1px solid #dadada; padding:0px 10px 0; text-align:right; background:#fff url(../images/ddlbg.png) no-repeat; background-position:10px center; }
.txt{width:260px; border:1px solid #e5e5e5; text-align:right; padding:5px 10px;}
.txtarea{width:100%; height:130px; border:1px solid #e5e5e5; text-align:right; padding:5px 10px;}
.btn { width: 130px; height: 40px; background: #0067b3; color: #fff; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.btn:hover{ background:#055ea0 }



.TBL100{width:100%}
.form_tbl{}
.form_tbl td{padding:3px}
.lbl{color:#dc3725}
/*prettyPhoto*/
/*Facebook style Theme*/
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content .ppt{color:#000}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_content{background:#fff}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_details{position:relative}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook #pp_full_res .pp_inline{color:#000}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
/*DO NOT CHANGE*/
div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;direction:ltr}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_fade{display:none}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px 0}.pp_description{display:none;margin:0}.pp_social{display:none;float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:10000px;width:49%}a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px 0}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999;visibility:hidden}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*.owl-nav .owl-prev{position:absolute;top:40%;right:10px;}
.owl-nav .owl-next{position:absolute;top:40%;left:10px;}*/
.owl-carousel .owl-item  img{width:100%;}
.owl-carousel .owl-item  .item > a{display:block;}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav { margin-top: 10px; }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; display: inline-block; cursor: pointer;}
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4DC7A0; }
.item a, .item a img, .item img { display: block; width: 100%; }
.owl-carousel .item { width: 100%; position: relative; }
/*   */                                                                                                                                                                                                                                                                                                                                                                                                                         
/*Programming*/
.newsMain{ position:relative; z-index:10;}