html,body,div,footer,header,article,aside,section,span,h1,h2,h3,h4,h5,h6,p,a,font,img,strong,b,u,i,center,ol,ul,li,form,label,table,button,input{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{min-width:1269px;direction:rtl;font-family:hoonel;font-size:12px;line-height:19px;background:#f9f9f9}
body a{text-decoration:none;color:#000000}
body a:hover{text-decoration:none}
.wrapper{width:1269px;margin:0 auto}
.header{min-width:1269px;width:100%;height:86px;background:#fff;box-shadow:0 0 7px 0 #ccc}
.head{height:32px;background:#0a95ff;font-size:12px;line-height:32px}
.head a{display:inline-block;color:#fff;margin-left:25px}
.head b{display:inline-block;background:#fff;color:#111;text-align:center;padding:0 15px;margin-left:25px}
.head-lang{float:left;height:30px;color:#fff}
.logo{float:left;height:26px;margin-top:14px}
.logo img{float:left;width:auto;height:26px;color:#fff;}
.logo span{float:left;font-size:22px;line-height:22px;color:#4285f4;font-family:tahoma;margin:4px 0 0 7px}
.catbar{float:right;width:300px;height:20px;line-height:20px;font-size:13.5px;color:#4285f4;margin:17px 17px 0 10px}
.catbar a{color:#4285f4}
.search{float:right;width:550px;height:30px;border:1px solid #dfe1e5;border-radius:15px;margin-top:11px}
.search input{float:right;width:480px;height:20px;font-family:hoonel;font-size:11px;margin:4px 15px 0 0}
.search button{float:left;width:18px;height:18px;padding:0 4px 4px 0;background:#fff;cursor:pointer;margin:6px 0 0 13px}
.header-pad{padding-top:28px}
.footer{height:60px;text-align:center;line-height:25px;font-size:11.1px;color:#000000;padding-top:50px}
.footer a{margin:5px}
.clr{clear:both}
.mainh{height:0px;overflow:hidden}
@font-face{font-family:hoonel;font-weight:100;src:url(//portal.hoonel.com/templates/static/fonts/100.eot);src:url(//portal.hoonel.com/templates/static/fonts/100.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/100.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/100.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:300;src:url(//portal.hoonel.com/templates/static/fonts/300.eot);src:url(//portal.hoonel.com/templates/static/fonts/300.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/300.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/300.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/300.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:400;src:url(//portal.hoonel.com/templates/static/fonts/400.eot);src:url(//portal.hoonel.com/templates/static/fonts/400.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/400.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/400.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/400.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:500;src:url(//portal.hoonel.com/templates/static/fonts/500.eot);src:url(//portal.hoonel.com/templates/static/fonts/500.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/500.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/500.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:700;src:url(//portal.hoonel.com/templates/static/fonts/700.eot);src:url(//portal.hoonel.com/templates/static/fonts/700.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/700.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/700.ttf) format("truetype"),url(//portal.hoonel.com/templates/static/fonts/700.woff2) format("woff2")}
@font-face{font-family:hoonel;font-weight:800;src:url(//portal.hoonel.com/templates/static/fonts/800.eot);src:url(//portal.hoonel.com/templates/static/fonts/800.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/800.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/800.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:900;src:url(//portal.hoonel.com/templates/static/fonts/900.eot);src:url(//portal.hoonel.com/templates/static/fonts/900.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/900.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/900.ttf) format("truetype")}
@font-face{font-family:hoonel;font-weight:950;src:url(//portal.hoonel.com/templates/static/fonts/950.eot);src:url(//portal.hoonel.com/templates/static/fonts/950.eot?#iefix) format("embedded-opentype"),url(//portal.hoonel.com/templates/static/fonts/950.woff) format("woff"),url(//portal.hoonel.com/templates/static/fonts/950.ttf) format("truetype")}
.title{height:42px;width:100%;line-height:42px;border-top:2px solid #0288d1;margin:40px 0 10px}
.title h2{display:inline-block;font-size:15px}
.title h2 a{color:#0288d1}
.title h3{display:inline-block;font-size:12.5px;margin-right:20px}
.slidprev,.slidnext{cursor:pointer;position:absolute;opacity:0.5;background:#111;margin-top:164px;height:49px;line-height:49px;width:30px;text-align:center;color:#fff;font-weight:bold;font-size:30px;transition:0.2s ease;z-index:9}
.slidnext{float:left;margin-right:597px}.slidprev{float:right}.slidprev:hover,.slidnext:hover{background:#000;opacity:0.8;text-decoration:none}
.sliddoted{width:127px;margin:350px 250px 0;position:absolute;z-index:3}
.sliddot{cursor:pointer;height:8px;width:8px;margin:0 4px;background:#555;border-radius:4px;display:inline-block;transition:background-color 0.6s ease}
.sliddot:hover{background:#777}.active.sliddot{width:22px;background:#999}
.boxslider{float:right;width:627px;height:377px;overflow:hidden;border-radius:5px;box-shadow:0 0 4px #aaa}
.boxside{float:left;width:627px;height:377px}
.boxside a:nth-child(2){display:block;float:left;width:306px;height:262px;border-radius:5px;position:relative;box-shadow:0 0 4px #aaa;overflow:hidden}
.boxside a:nth-child(2) img{width:306px;height:262px;background:#ccc;color:#ddd;position:absolute;z-index:1}
.boxside a:nth-child(2) span{font-size:25px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:228px 266px 0 0;position:absolute;z-index:3}
.boxside a:nth-child(2) h5{width:266px;height:auto;background:linear-gradient(transparent,#000 90%);color:#fff;padding:20px 20px 16px;font-size:14.5px;line-height:22px;position:absolute;z-index:2;bottom:0}
.boxside a:nth-child(2):hover img{opacity:0.8}
.boxside a:nth-child(3){display:block;float:left;width:290px;height:84px;background:#fefefe;padding:8px;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa;margin:15px 15px 0 0}
.boxside a:nth-child(3) img{float:right;width:104px;height:84px;background:#222;color:#223;border-radius:4px;overflow:hidden;position:absolute;z-index:1}
.boxside a:nth-child(3) span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.boxside a:nth-child(3) h4{font-size:12px;line-height:20px;margin-right:115px}
.boxside a:nth-child(3):hover img{opacity:0.8}
.boxside a:nth-child(4){display:block;float:left;width:290px;height:84px;background:#fefefe;padding:8px;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa;margin-top:15px}
.boxside a:nth-child(4) img{float:right;width:104px;height:84px;background:#222;color:#223;border-radius:4px;overflow:hidden;position:absolute;z-index:1}
.boxside a:nth-child(4) span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.boxside a:nth-child(4) h4{font-size:12px;line-height:20px;margin-right:115px}
.boxside a:nth-child(4):hover img{opacity:0.8}
.boxline a{display:block;float:right;width:290px;height:84px;background:#fefefe;padding:8px;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa;margin:15px 0 0 15px}
.boxline a img{float:right;width:104px;height:84px;background:#222;color:#223;border-radius:4px;overflow:hidden;position:absolute;z-index:1}
.boxline a span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.boxline a h4{font-size:12px;line-height:20px;margin-right:115px}
.boxline a:hover img{opacity:0.8}
.boxline a:nth-child(4),.boxline a:nth-child(8) {margin:15px 0 0 0}
.boxr a{display:block;float:right;width:306px;height:300px;background:#fefefe;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa}
.boxr a img{width:306px;height:197px;background:#222;color:#223;overflow:hidden;border-radius:4px 4px 0 0;position:absolute;z-index:1}
.boxr a span{font-size:21px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:168px 270px 0 0;position:absolute;z-index:2}
.boxr a h4{font-size:13px;line-height:22px;margin:206px 7px 0}
.boxr a:hover img{opacity:0.8}
.boxl a{display:block;float:left;width:306px;height:300px;background:#fefefe;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa}
.boxl a img{width:306px;height:197px;background:#222;color:#223;overflow:hidden;border-radius:4px 4px 0 0;position:absolute;z-index:1}
.boxl a span{font-size:21px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:168px 270px 0 0;position:absolute;z-index:2}
.boxl a h4{font-size:13px;line-height:22px;margin:206px 7px 0}
.boxl a:hover img{opacity:0.8}
.boxc{float:right;width:306px;height:300px;background:#fefefe;border-radius:4px;overflow:hidden;box-shadow:0 0 4px #aaa;margin-right:15px}
.boxc a{display:block;width:290px;height:84px;border-top:1px solid #ededed;padding:8px;margin-top:-1px}
.boxc a img{float:right;width:104px;height:84px;background:#222;color:#223;border-radius:4px;overflow:hidden;position:absolute;z-index:1}
.boxc a span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.boxc a h4{font-size:12px;line-height:20px;margin-right:115px}
.boxc a:hover img{opacity:0.8}
.block-slider img{float:left;width:627px;height:377px;background:#ccc;color:#ddd;overflow:hidden;border-radius:5px;position:absolute;z-index:1}
.block-slider span{font-size:35px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:337px 576px 0 0;position:absolute;z-index:3}
.block-slider h5{width:567px;height:99px;background:linear-gradient(transparent,#000 90%);color:#fff;font-size:18px;line-height:99px;padding:0 30px;border-radius:0 0 5px 5px;position:absolute;z-index:2;margin-top:278px}
.block-slider:hover img{opacity:0.8}
.block-slider{display:none}
.block-window{width:298px;height:254px;padding:3px;background:#fff;border:1px solid #d9d9d9;position:relative}
.block-window img{width:298px;height:254px;background:#ccc;color:#ddd;overflow:hidden;position:absolute;z-index:1}
.block-window span{font-size:25px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:224px 266px 0 0;position:absolute;z-index:3}
.block-window h5{width:250px;height:auto;background:linear-gradient(transparent,#000 90%);color:#fff;padding:19px 24px;font-size:14.5px;line-height:22px;position:absolute;z-index:2;bottom:3px}
.block-window:hover img{opacity:0.8}
.block-limit{float:right;width:280px;height:75px;background:#fff;padding:12px;border:1px solid #d9d9d9;margin:14px 0 0 14px}
.block-limit img{float:right;width:100px;height:75px;background:#ccc;color:#ddd;overflow:hidden;position:absolute;z-index:1}
.block-limit span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.block-limit h5{font-size:12px;line-height:20px;margin-right:111px}
.block-limit:hover img{opacity:0.8}
.block-win{width:298px;height:288px;padding:3px}
.block-win img{width:298px;height:194px;background:#ccc;color:#ddd;overflow:hidden;position:absolute;z-index:1}
.block-win span{font-size:21px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:168px 270px 0 0;position:absolute;z-index:2}
.block-win h4{font-size:13px;line-height:21px;margin:203px 7px 0}
.block-win:hover img{opacity:0.8}
.block-lim{width:280px;height:75px;border-bottom:1px solid #d9d9d9;padding-bottom:11px;margin:11px 12px}
.block-lim img{float:right;width:104px;height:84px;background:#ccc;color:#ddd;overflow:hidden;position:absolute;z-index:1}
.block-lim span{font-size:18px;background:#aaa;color:#fff;padding:2px 3px 3px 4px;margin:52px 75px 0 0;position:absolute;z-index:2}
.block-lim h4{font-size:12px;line-height:20px;margin-right:111px}
.block-lim:hover img{opacity:0.8}
.bx-ads-window{display:block;float:left;width:306px;height:262px;border-radius:5px;overflow:hidden;box-shadow:0 0 4px #aaa;margin-right:15px}
.bx-ads-window img{width:306px;height:262px;background:#aaa;color:#bbb;overflow:hidden}
.bx-ads-limit{display:block;width:298px;height:94px;border-radius:5px;overflow:hidden;box-shadow:0 0 4px #aaa;margin-top:15px}
.bx-ads-limit img{width:298px;height:94px;background:#aaa;color:#bbb;overflow:hidden}
.bx-ads-lim{display:block;width:800px;height:90px;border-radius:5px;overflow:hidden;box-shadow:0 0 4px #aaa;margin:30px auto 0}
.bx-ads-lim img{width:800px;height:90px;background:#aaa;color:#bbb;overflow:hidden}
.i-search{display:block;position:relative;width:9px;height:9px;border:2px solid #4285f4;border-radius:50%;direction:ltr}
.i-search::after{display:block;position:absolute;width:2px;height:7px;background:#4285f4;transform:rotate(-45deg);margin:8px 0 0 10px;content:"";border-radius:3px}
.i-menu{display:block;position:relative;width:25px;height:3px;background:#4d90fe;border-radius:3px;margin-top:2px;direction:ltr}
.i-menu::after{display:block;position:absolute;width:25px;height:3px;background:#4d90fe;border-radius:3px;margin-top:8px;content:""}
.i-menu::before{display:block;position:absolute;width:25px;height:3px;background:#4d90fe;border-radius:3px;margin-top:16px;content:""}
.i-menuc{display:none;position:relative;width:25px;height:25px;margin-top:-0px;direction:ltr}
.i-menuc::after{display:block;position:absolute;width:29px;height:3px;background:#4d90fe;transform:rotate(-45deg);border-radius:3px;margin:11px 0 0 -2px;content:""}
.i-menuc::before{display:block;position:absolute;width:29px;height:3px;background:#4d90fe;transform:rotate(45deg);border-radius:3px;margin:11px 0 0 -2px;content:""}


.menu{float:right;display:block;position:relative;margin:15px 0 0 10px}
.menu:focus .menu-content{visibility:visible;opacity:1}
.menu:focus .menu-btnc{display:inline-block}

.menu-btn{display:block;width:25px;height:25px;cursor:pointer}
.menu-btnc{top:0;right:0;bottom:0;left:0;cursor:pointer;position:absolute;z-index:10;display:none}
.menu-btnc:focus .menu-content{opacity:0}

.menu-content{position:absolute;right:0;opacity:0;font-size:14px;visibility:hidden;z-index:999999;background:#fff;width:1235px;height:390px;padding:15px 20px 15px 14px;box-shadow:0 6px 12px 0 #555;transition:0.15s ease-out;margin-top:15px}
.menu-content p{float:right;width:127px;margin-left:10px}
.menu-content-title{display:block;color:#222;width:97px;height:30px;line-height:30px;font-size:11.5px;padding:0 15px;border-bottom:1px solid #d6d6d6}
.menu-content p a:hover{background:#f5f5f5}
.menu-content p a{display:block;color:#333;width:97px;height:30px;line-height:30px;font-size:10.5px;padding:0 15px}

.menu:focus .i-menu{display:none}
.menu:focus .i-menuc{display:block}
.pages{display:none}