/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; min-width:300px;/* background-color: #eeeeee;background-image: url("../images/bg.jpg");background-size: cover;background-repeat: no-repeat;background-attachment: fixed; background-position:center center; */}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 "Raleway", Arial, Helvetica, sans-serif; color:#000;outline:none}
a{outline:none;color:#000;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sitebg {display:block; position: fixed;top: 0;right: 0;height:100%; left: 0;width: 100%;background-image: url("../images/sitefon.png");opacity: .25;background-attachment:fixed;}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Medium.eot');
    src: url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Medium.woff2') format('woff2'),
        url('../fonts/Raleway-Medium.woff') format('woff'),
        url('../fonts/Raleway-Medium.ttf') format('truetype'),
        url('../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Bold.woff2') format('woff2'),
        url('../fonts/Raleway-Bold.woff') format('woff'),
        url('../fonts/Raleway-Bold.ttf') format('truetype'),
        url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.tr, .menupanel .menu ul li a, .menupanel .menu ul li a:after, .owl-carousel.navstyle1 .owl-dots .owl-dot span, .catalog ul li a, .catalog ul li a .ccounter span, .authorlist .author a, .authorlist .author .atitle, .booklist.owl-carousel a .image-overlay, .booklist.owl-carousel a .bookname, .links ul li a, .journals .journalwrap .journalitem a, .votes .bts button, .fullstory .share .share-box ul li a, .relatednews ul li a h3, .relatednews ul li a .relimg, .news-category ul li .news-catimg, .news-category ul li h3, .pagination .page-numbers li a, .ebook-category ul li .hfon, .ebook-category ul li h3, .ebook-category ul li .efon, .ebookpanel .ebpvr .book-download a, .flists ul li a .flistimg, .flists ul li a h2, .menupanel .menu>ul>li.opensub .submenu, .news-category.regions ul li a, .news-category.regions ul li a .region-title {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

/* Struktur */
.xsayt {width:1300px; padding:0 10px; margin:0 auto; -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.2);     box-shadow: 0 0px 10px rgba(0,0,0,0.2); position:relative;}
.clr:after {display:block; content:""; clear:both}
.content {overflow:hidden; padding: 10px 0;}
.content .siteleft {width:75%; float:left; padding-right: 10px;}
.content .siteright {width:25%; float:left;}
.doublepanel {margin:0 -5px; overflow:hidden;}
.doublepanel .halfpanel {width:50%; float:left; padding:0 5px;}

/* Header */
.header .headertop {margin: 0 -10px; padding: 0 10px; background-color: #fdfdfd; border-bottom: 1px solid #ecf0f1; color: #78899b;}
.header .headertop .headertopleft {float:left; padding:5px 0;}
.header .headertop .headertopleft .currentdate {font-size:13px; line-height:16px;}
.header .headertop .headertopleft .currentdate  i {float:left; width:12px; height:12px; display:block; background-image: url(../images/clock.svg); margin: 2px 3px 2px 0;}
.header .headertop .headertopleft .currentdate  span {display: block; overflow: hidden;}
.header .headertop .headertopright {float:right; padding: 5px 0;}
.toplinks {float:left; margin-right: 8px;}
.toplinks ul li {float: left; margin: 0 0 0 8px; font-size: 12px; font-weight: bold; line-height: 16px;}
.toplinks ul li a {display:block; color: #78899b;}
.toplinks ul li a:hover {color: #30d5c7}
.social {float:left; overflow:hidden;}
.social ul li {float:left;}
.social ul li a {width:14px; height:14px; display:block; background-size:cover; background-position:0 0; margin: 1px 3px;}
.social ul li.facebook a {background-image: url(../images/facebook.svg);}
.social ul li.twitter a {background-image: url(../images/twitter.svg);}
.social ul li.youtube a {background-image: url(../images/youtube.svg);}
.social ul li a:hover {background-position: 0 100%;}
.header .headerbottom {padding: 20px 10px 32px; margin:0 -10px; background-color: #fff; background-image: url(../images/headerfon.png); background-size:cover;}
.header .headerbottom .logo {float:left; padding-top:82px; padding-left:68px;}
.header .headerbottom .logo img {display:block; height:60px;}
.header .headerbottom .otherlogos {float:right; overflow:hidden;}
.header .headerbottom .otherlogos .logowrap {background-color: rgba(248, 248, 248, 0.83); border-radius:3px;}
.header .headerbottom .otherlogos .logowrap:first-child {margin-bottom:10px;}
.header .headerbottom .otherlogos .logowrap img {display:block; height: 60px; margin: 0 auto;}
.menupanel {background-color: #e9614e; margin: 0 -10px; position:relative; margin-bottom:10px;}
.menupanel .menu>ul {border-bottom: 2px solid #d64f3c; display:table; padding-right:40px; width: 100%}
.menupanel .menu>ul>li {display:table-cell; text-align:center;}
.menupanel .menu>ul>li>a {color: #fff; position:relative; font-size: 14px; line-height: 20px; display: block; padding: 10px 5px;}
.menupanel .menu ul li a:hover, .menupanel .menu>ul>li.hov{background-color:  #d64f3c;}
.menupanel .menu>ul>li>a:after {opacity: 0; content: ""; display: block; height: 2px; position: absolute; top: 100%; width: 100%; left: 0; background-color: rgba(255, 255, 255, 0.45);}
.menupanel .menu>ul>li>a:hover:after, .menupanel .menu>ul>li.hov a:after {opacity: 1;}
.menupanel .secondmenu {display:none;}
.menupanel .search {position:absolute; top:0; right:0; width: 40px; height: 40px; background-color: #d64f3c; cursor: pointer;}
.menupanel .search i {width:18px; height:18px; display:block; background-image: url(../images/search.svg); margin: 11px;}
.menupanel .searchpanel {display:none;}
.menupanel .searchpanel input[type="text"] {border: none;padding: 18px;width: 100%;background-color: #d64f3c;line-height: 1;font-size: 26px;color: #fff;}
.menupanel .searchpanel input[type="text"]::-webkit-input-placeholder {color: #fff}
.menupanel .searchpanel input[type="text"]::-moz-placeholder {color: #fff; opacity: 1;}
.menupanel .searchpanel input[type="text"]:-ms-input-placeholder {color: #fff}
.menupanel .searchpanel input[type="text"]:-moz-placeholder {color: #fff}
.menupanel .searchpanel input[type="text"]::placeholder {color: #fff; opacity: 1;}
.mobilmenu {display:none; overflow:hidden; padding: 8px; cursor: pointer;}
.mobilmenu i {float:left; width:24px; height:24px; margin-right: 8px; background-size:cover; display:block; background-image: url(../images/menu.svg);}
.mobilmenu span {display:block; overflow: hidden; color: #fff; font-size:18px; font-weight:bold; line-height:24px;}
.menupanel .menu>ul>li.opensub .submenu{opacity: 0;visibility: hidden;position: absolute;min-width: 200px;top:80px; background-color: #e9614e; border-bottom: 2px solid #d64f3c;  z-index: 99999;}
.menupanel .menu>ul>li.opensub .submenu.opened {visibility: visible; opacity: 1; top:42px; display: block !important}
.menupanel .menu>ul>li.opensub .submenu li {}
.menupanel .menu>ul>li.opensub .submenu li a {display:block; color: #fff; text-align:left; font-size:14px; line-height: 22px; padding: 5px 15px; border-bottom: 1px solid rgba(150, 24, 24, 0.27);}
.menupanel .menu>ul>li.opensub .submenu li:last-child a {border:none;}
.menupanel .menu>ul>li.opensub .mobildown {position:absolute; right:0; top:0; bottom:0; background-color: #d8523f; width:30px; height: 40px; cursor: pointer;padding: 12px 7px;}
.menupanel .menu>ul>li.opensub .mobildown i {width:16px; height:16px; display:block; background-image: url(../images/mobildown.svg); background-size:cover; background-position: 0 0;}
.menupanel .menu>ul>li.opensub .mobildown.opnd i {background-position: 0 100%;}

/* Main Slider */
.mainslider {overflow:hidden; margin-bottom:10px;}
.owl-carousel {width:100%; display: none; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.mainslider .owl-carousel {padding-left:160px; padding-right:160px; width:auto;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;-moz-backface-visibility: hidden;/* fix firefox animation glitch */ }
.owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-stage-outer {position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-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); }
.mslider.owl-carousel .item {background-size:cover; width:100%; padding-top: 56%; background-position: center center;}
.owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-nav.disabled, .owl-dots.disabled {display: none; }
.owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.navstyle1 .owl-nav [class*='owl-'] {position: absolute; z-index: 1; -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.31); padding:11px; border-radius: 3px; width: 40px; height: 40px; }
.mslider.owl-carousel:hover .owl-nav [class*='owl-'] {opacity:1;}
.owl-carousel.navstyle1 .owl-nav .owl-next {right: 200px}
.owl-carousel.navstyle1:hover .owl-nav .owl-next {right: 170px}
.owl-carousel.navstyle1 .owl-nav .owl-prev {left: 200px}
.owl-carousel.navstyle1:hover .owl-nav .owl-prev {left: 170px}
.owl-carousel.navstyle1 .owl-nav [class*='owl-']:before {content: ""; display:block; width:18px; height:18px; background-size:cover; background-position:0 0;}
.owl-carousel.navstyle1 .owl-nav .owl-prev:before {background-image: url(../images/prev.svg);}
.owl-carousel.navstyle1 .owl-nav .owl-next:before {background-image: url(../images/next.svg);}
.owl-carousel.navstyle1 .owl-nav [class*='owl-']:hover {background-color: rgba(48, 213, 199, 0.6);}
.owl-loaded {display: block;}
.owl-loading {opacity: 0; display: block;}
.owl-hidden {opacity: 0;}
.owl-refresh .owl-item {visibility: hidden;}
.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.navstyle1 .owl-dots {-webkit-tap-highlight-color: transparent; overflow:hidden;}
.owl-carousel.navstyle1 .owl-dots .owl-dot {width:150px; position:absolute; padding: 0; left:0;}
.owl-carousel.navstyle1 .owl-dots .owl-dot:nth-child(n+6) {left: auto; right:0;}
.owl-carousel.navstyle1 .owl-dots .owl-dot span {position:relative; display:block; border: 1px solid rgba(0,0,0, 0.1); height:100%; background-size:cover; background-position: center center}
.owl-carousel.navstyle1 .owl-dots .owl-dot.active span, .owl-carousel.navstyle1 .owl-dots .owl-dot:hover span {border-color: #30d5c7;}
.owl-carousel.navstyle1 .owl-dots .owl-dot.active span:before, .owl-carousel.navstyle1 .owl-dots .owl-dot span:hover:before {content: ""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color: #30d5c7; opacity: .5;}
.blackfon {position: absolute; width: 100%; height: 44%; bottom: 0; background: #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); background: -webkit-linear-gradient(top, transparent, #000); background: -moz-linear-gradient(top, transparent, #000); background: -ms-linear-gradient(top, transparent, #000); background: -o-linear-gradient(top, transparent, #000); opacity: 0.8; -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.mslider.owl-carousel a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.owl-carousel .iteminfo {position: absolute;bottom:0; left:0; right:0; padding:20px; -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.owl-carousel .iteminfo h1 {margin:0; color: #fff; font-size:26px; line-height:32px; text-shadow: 1px 1px 3px #000; padding-bottom: 5px;}
.owl-carousel .iteminfo h1 *{font-weight:normal !important; color: #fff !important}
.owl-carousel .categoryname {margin-bottom: 10px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); display: inline-block;background-color: #585858;padding: 0 10px;color: #ffffff;font-size: 16px;border-radius: 3px;line-height: 24px;}
.owl-carousel .date {color: #909090; display: block;}
.owl-carousel .date i {width: 14px; height: 14px; margin: 0 5px 0 0; display: block; float: left; background-image: url(../images/date.svg);}
.owl-carousel .date span {display:block; overflow:hidden; font-size: 13px; line-height: 14px; font-family: Arial;}

/* Widget */
.widget {background: #fff; margin-bottom:10px; border: 1px solid rgba(0,0,0,0.1);padding: 10px;border-bottom: 2px solid #30d5c7; border-radius: 3px;}
.widget h2.widget-header {margin-bottom:10px; font-size:18px; line-height:24px; font-weight:bold; overflow:hidden; padding: 3px 8px; border-radius: 3px; color: #fff; text-transform: uppercase; background-color :#8f0101}
.widget h2.widget-header a {color: #fff; display:block;}
.widget.nopad {padding:0;}
.siteleft .widget {padding: 0 0 10px 0;}
/*
.widget.titcenter h2 span:before, .widget h2 span:after {content: " ";display: block;width: 1000px;position: absolute;top: 50%;border-top: 3px solid #262626; margin-top: -3px;}
.widget.titcenter h2 span:before {right: 100%;}
.widget h2 span:after {left: 100%;}
.widget h2.red span {color:#F44336}
.widget h2.red span:after {border-color: #F44336}
.widget h2.green span {color:#4CAF50}
.widget h2.green span:after {border-color: #4CAF50}
.widget h2.pink span {color:#AB47BC}
.widget h2.pink span:after {border-color: #AB47BC}
.widget h2.blue span {color:#03A9F4}
.widget h2.blue span:after {border-color: #03A9F4}
.widget h2.gold span {color:#AFB42B}
.widget h2.gold span:after {border-color: #AFB42B}
.widget h2.indigo span {color:#3F51B5}
.widget h2.indigo span:after {border-color: #3F51B5}
.widget h2.amber span {color:#FFB300}
.widget h2.amber span:after {border-color: #FFB300}
.widget h2.grey span {color:#e45255}
.widget h2.grey span:after {border-color: #e45255}
.widget h2.orange span {color:#9b3133}
.widget h2.orange span:after {border-color: #9b3133}
.widget h2.grr span {color:#67be0b}
.widget h2.grr span:after {border-color: #67be0b}
.widget h2.prr span {color:#e346ce}
.widget h2.prr span:after {border-color: #e346ce}
*/

/* E-Catalog */
.catalog ul li {margin-bottom: 3px;}
.catalog ul li a {display:block; overflow:hidden; color: #8f4301;padding-left: 15px;position: relative;font-size: 14px;line-height: 20px; font-weight:bold;}
.catalog ul li a:before {content: "";z-index:10; background-color: #fff; position: absolute;left: 0;top: 2px;width: 14px;height: 14px;display: block;background-image: url(../images/item.svg);}
.catalog ul li a:after {position:absolute; content: ""; display:block; background-image: url(../images/dashed.svg); right:20px; left:20px; height:1px; top:50%; margin-top: -1px;} 
.catalog ul li a .cname {overflow:hidden;}
.catalog ul li a .cname span {display:inline-block; vertical-align:top; background-color: #fff; z-index:10; padding-right: 8px; position:relative;}
.catalog ul li a .ccounter {float:right; position:relative; z-index: 10; padding-left:6px; background-color: #fff}
.catalog ul li a .ccounter span {font-family: Arial;  min-width:20px; height:20px; display:block; background-color: #8f0101; color: #fff; font-size:12px; font-weight:bold; text-align:center; border-radius: 3px; padding:0 2px;}
.catalog ul li a:hover {color: #30d5c7;}
.catalog ul li a:hover .ccounter span {-webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.3);}

/* Top users  */
.authorlist {margin: 0}
.authorlist .author {}
.authorlist .author a {padding:10px; display:block; text-align:center; background-color: rgba(239, 239, 239, 0.67)}
.authorlist .author .authorimage {border-radius: 50%; overflow:hidden; margin-bottom:10px; background-size:cover; background-position: top center; padding-top:100%}
.authorlist .author .authorimage img {width:100%; display:block; border-radius: 50%;}
.authorlist .author h3 {font-size: 14px; font-weight: bold; color: #5f1c25; line-height: 18px; margin-bottom:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.authorlist .author .atitle {font-size: 14px; font-weight: bold; height:36px; color: #262626; line-height: 18px;}
.navstyle2 .owl-nav [class*='owl-'] {position: absolute; z-index: 1; -webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; padding: 11px 5px; border-radius: 3px; width: 28px; height: 40px; }
.authorlist.owl-carousel:hover .owl-nav [class*='owl-'], .booklist.owl-carousel:hover .owl-nav [class*='owl-'] {opacity:1;}
.owl-carousel.navstyle2 .owl-nav .owl-next {right: 20px; border-top-right-radius:0; border-bottom-right-radius:0;}
.owl-carousel.navstyle2:hover .owl-nav .owl-next {right: 0px}
.owl-carousel.navstyle2 .owl-nav .owl-prev {left: 20px; border-top-left-radius:0; border-bottom-left-radius: 0;}
.owl-carousel.navstyle2:hover .owl-nav .owl-prev {left: 0px}
.owl-carousel.navstyle2 .owl-nav [class*='owl-']:before {content: ""; display:block; width:18px; height:18px; background-size:cover; background-position:0 0;}
.owl-carousel.navstyle2 .owl-nav [class*='owl-']:hover:before {background-position: 0 100%;}
.owl-carousel.navstyle2 .owl-nav .owl-prev:before {background-image: url(../images/prev2.svg);}
.owl-carousel.navstyle2 .owl-nav .owl-next:before {background-image: url(../images/next2.svg);}
.owl-carousel.navstyle2 .owl-nav [class*='owl-']:hover {background-color: rgba(48, 213, 199, 0.6);}
.authorlist .author a:hover .atitle {color: #30d5c7; }
.authorlist .author a:hover {background-color: rgb(235, 235, 235)}

/* Book list */
.booklist .bookitem {position:relative; background-size: cover; width: 100%; padding-top: 140%; background-position: center center;}
.booklist.owl-carousel a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.booklist.owl-carousel a .bookname {position: absolute; bottom: 0; padding: 5px 10px; width: 100%; background: rgba(22, 22, 22, 0.75); color: #fff; font-size: 16px; line-height: 20px; text-shadow: 1px 1px 5px #5f1c25;}
.booklist.owl-carousel a .image-overlay {opacity:0; position: absolute;display: block;top: 0;bottom: 0;left: 0;right: 0; background-color: rgba(95, 28, 37, 0.30);}
.booklist.owl-carousel a:hover .image-overlay {opacity:1;}
.booklist.owl-carousel a:hover .bookname {background: rgba(95, 28, 37, 0.84); padding-bottom: 15px;}

/* Links */
/* .links ul li {line-height:20px;} */
.links ul li {padding-bottom:10px;}
.links ul li:last-child {padding:0;}
.links ul li a {display:block; border: 1px solid rgba(0,0,0, 0.1);}
.links ul li a img {display:block; width:100%;}
/* .links ul li a:before {content: ""; display:block; position:absolute; left:0; top:0;bottom:0; margin: auto; background-image: url(../images/site.svg); width:10px; height:10px;} */
/* .links ul li a:hover {color: #30d5c7} */

/* Hot news */
.hotnews {background-color: #f4f4f4; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.hotnews .breaking {float: left; background-color: #ed7171; color: #fff; font-size: 15px; padding: 5px 10px; line-height: 16px; margin-right: 10px;}
.hotnews .hotlist {overflow: hidden; font-size: 21px; line-height: 44px; padding: 4px 0;}
#mycrawler{width: 10000px;}
#mycrawler div{float:left; color: #18a0d4;}
#mycrawler div.crv b {display:inline-block; vertical-align:top;}
#mycrawler div.crv:after {content: "✱✱✱"; font-size:16px; padding:0 60px; line-height:44px; display:inline-block; vertical-align:top;}
.hotnews .hotlist a {display:inline-block; vertical-align:top; color: #262626;}
/* .hotnews .hotlist a:hover {color: #30d5c7;} */
.hotnews .hotlist div:hover {color: #30d5c7;}
.hotnews .hotlist i.ik {display:inline-block; vertical-align:top; width:12px; height:12px; margin: 3px 1px 3px 0; background-image: url(../images/item.svg)}
.hotnews .hotlist div span {color: #e53935;}

/* Journals */
.journals {margin-bottom:10px;}
.journals .journalwrap {}
.journals .journalwrap .journalitem {width:33.333333333%; float:left; padding: 0 5px;}
.journals .journalwrap .journalitem a {display: block; background-color: #f4f4f4; border: 1px solid rgba(0,0,0,0.1); font-size: 16px; line-height: 20px; padding: 10px; color: #5f1c25; font-weight: bold; text-align:center; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}
.journals .journalwrap .journalitem a:hover {background-color: #fff; border-color: #30d5c7;}


.journals .journalwrap .journaltitle {width:100%; padding: 0 5px;}
.journals .journalwrap .journaltitle {display: block; background-color: #8f0101; border: 1px solid rgba(0,0,0,0.1); font-size: 16px; line-height: 20px; padding: 10px; color: #ffffff; font-weight: bold; text-align:center; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}


/* News list */
.newslist {height:500px; overflow:hidden;}
.newslist ul {height:10000px; padding-right:10px}
.newslist ul.stp .slimScollBar {height:500px;}
.newslist ul li {border-bottom: 1px solid rgba(0,0,0,0.1);}
.newslist ul li a {display:block; color:#262626; padding: 7px 0px;}
.newslist .ntitle {line-height:18px; font-weight:bold; margin-bottom:2px;}
.newslist time {font-size: 11px; line-height:14px;color: #aeaeae; font-family: Arial; display:block;}
.newslist time i {display:block; float:left; width:8px; height:8px; margin: 3px 2px 3px 0; background-image: url(../images/time.svg)}
.newslist ul li a:hover {color: #30d5c7;}
.aimg img {width:100%; display:block;}


/* Full panel */
.fullpanel {}
.flists ul {margin:0 -10px; overflow:hidden;}
.flists ul li {float:left; width:20%; padding:0 10px;}
.flists.hh ul li {width:50%;}
.flists.hh.expad ul {margin: 0 -15px;}
.flists.hh.expad ul li {padding: 0 15px;}
.flists ul li a {display:block;}
.flists ul li a .flistimg img {width:100%; display:block;}
.flists ul li a h2 {font-size:14px; line-height:18px; padding: 5px 5px 0 5px;margin-bottom:0; font-weight:bold;}
.flists ul li a:hover h2 {color: #30d5c7;}
.flists ul li a:hover .flistimg {opacity: 0.8;}
.item8 .flists ul li {padding-bottom:20px;}
.flists ul li:nth-child(5n+1) {clear:both;}
.item8 .widget {padding-bottom:0;}



/* Votes */
.votes {}
.votes h3 {font-size: 14px; margin-bottom: 10px; font-weight: bold; color: #5f1c25;}
.votes .votelist .vote {font-size: 14px; line-height: 18px; margin-bottom: 5px; overflow: hidden;}
.votes .vote input[type="radio"] {display: none;}
.votes .vote i {float: left; cursor: pointer; display: block; margin: 4px 5px 4px 0; width: 10px; height: 10px; background-image: url(../images/radio.svg); background-size: cover;}
.votes .vote input[type="radio"]:checked + label i {background-image: url(../images/radiochecked.svg);}
.votes .vote span {overflow: hidden; display: block; cursor: pointer}
.votes .bts {text-align:center; padding-top:5px;}
.votes .bts button {display: inline-block; vertical-align: top; border: none; background-color: rgba(225, 225, 225, 0.09); color: #36d6c9; font-size: 14px; line-height: 18px; padding: 2px 7px; margin: 0 3px; border-radius: 3px; font-weight: bold; cursor: pointer; border: 1px solid rgb(48, 219, 199);}
.votes .bts button:hover {background-color: #30d5c7; color: #fff;}

/* Footer */
.footer {margin: 0 -10px; overflow: hidden; padding: 10px; background-color: #ebebeb; border-top: 1px solid rgba(0,0,0,0.1);}
.footer .footerleft {float: left; color: #787878; font-size: 13px; line-height: 20px; font-weight: bold;}
.footer .footerright {float:right; padding: 2px 0;}
.footer .footerright .social {border-color: #bac2ca;}

/* Full Story */
.fullstory.widget {padding: 10px 10px 0 10px;}
.fullstory h1.fullname {font-size:25px; font-weight:bold; color: #262626; margin-bottom: 10px;}
.fullstory .fullinfo {font-family: Arial; overflow:hidden; font-size: 14px; line-height: 20px; color: #828282; padding-bottom:10px;  border-bottom: 1px solid rgba(0,0,0,0.1);}
.fullstory .fullinfo .date {float:left;}
.fullstory .fullinfo .view {float:right;}
.fullstory .fullinfo i {float:left; width:14px; height:14px; margin: 3px 3px 3px 0; display:block; background-size: cover;}
.fullstory .fullinfo .date i {background-image: url(../images/calendar.svg);}
.fullstory .fullinfo .view i {background-image: url(../images/view.svg);}
.fullstory .share {overflow:hidden; margin: 15px 0 10px;}
.fullstory .share .share-title {float:left; font-size:14px; line-height:30px; padding-right: 20px;}
.fullstory .share .share-title i {float:left; width:14px; height:14px; display:block; background-image: url(../images/share.svg); background-size:cover; margin: 8px 5px 8px 0;}
.fullstory .share .share-title span {overflow:hidden;}
.fullstory .share .share-box {overflow:hidden;}
.fullstory .share .share-box ul li {float:left; height: 30px; margin: 0 5px 5px 0;}
.fullstory .share .share-box ul li a {display:block; color: #fff; line-height:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow:hidden;}
.fullstory .share .share-box ul li.facebook a {background-color: #5d82d1;}
.fullstory .share .share-box ul li.twitter a {background-color: #40bff5;}
.fullstory .share .share-box ul li.googleplus a {background-color: #eb5e4c;}
.fullstory .share .share-box ul li.whatsapp a {background-color: #25d366; }
.fullstory .share .share-box ul li i {float:left; width:16px; height:16px; display:block; margin:7px;}
.fullstory .share .share-box ul li.facebook i {background-image: url(../images/facebookv.svg);}
.fullstory .share .share-box ul li.twitter i {background-image: url(../images/twitterv.svg);}
.fullstory .share .share-box ul li.googleplus i {background-image: url(../images/googleplusv.svg);}
.fullstory .share .share-box ul li.whatsapp i {background-image: url(../images/whatsappv.svg);}
.fullstory .share .share-box ul li span {display:block; font-size:12px; padding: 0 7px; border-left: 1px solid rgba(255, 255, 255, 0.3); line-height:20px; height: 20px; float:left; margin: 5px 0;}
.fullstory .share .share-box ul li a:hover {opacity: 0.8}
.fullstory .fullimg {margin-bottom:10px;}
.fullstory .fullimg img {max-width:100%; display:block; margin:0 auto;}
.fullstory .fulltext {font-size: 16px; color: #262626; margin-bottom:10px;}
.fullstory .fulltext img {max-width:100%;}
.fullstory .sharevr {margin:0 -10px; overflow:hidden; border-top: 1px solid rgba(0,0,0, 0.1); background-color: #f5f5f5;}
.fullstory .sharevr .share {padding:0 10px}

/* Related news */
.relatednews {}
.relatednews ul {margin:0 -10px;}
.relatednews ul li {float:left; width: 33.333333333%; padding:0 10px;}
.relatednews ul li a {display:block;}
.relatednews ul li .relimg img {display:block; width:100%;}
.relatednews ul li h3 {font-size: 14px; line-height:20px; font-weight:bold; color: #262626; padding:5px 5px 0 5px;}
.relatednews ul li a:hover .relimg {opacity: 0.8}
.relatednews ul li a:hover h3 {color: #30d5c7;}

/* News Category */
.news-category {}
.news-category ul {margin: 0 -10px;}
.news-category ul li {width:33.333333333%; float:left; padding: 0 10px 20px;}
.news-category ul li:nth-child(3n+1) {clear:both;}
.news-category ul li a {display:block;}
.news-category ul li .news-catimg img {display:block; width:100%;}
.news-category ul li h3 {font-size: 14px; line-height:20px; font-weight:bold; color: #262626; padding: 5px 5px 0 5px;}
.news-category ul li a:hover .news-catimg {opacity: 0.8}
.news-category ul li a:hover h3 {color: #30d5c7;}

/* Ebook Category */
.ebook-category {}
.ebook-category ul {margin: 0 -10px;}
.ebook-category ul li {width:20%; float:left; padding: 0 10px 20px;}
.ebook-category.relt ul li {padding: 0 10px 0;}
.ebook-category ul li a {position: relative; display:block;}
.ebook-category ul li .ebook-catimg {}
.ebook-category ul li .ebook-catimg img {display:block; width:100%;}
.ebook-category ul li h3 {position: absolute; font-size: 14px; line-height: 20px; font-weight: bold; bottom: 0; color: #fff; width: 100%; padding: 8px;z-index:2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.71); max-height:160px; overflow:hidden;}
.ebook-category ul li h3 * {color: #fff !important}
.ebook-category ul li .efon {position: absolute; bottom:0; width:100%; height:40%; background: #000;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));background: -webkit-linear-gradient(top, transparent, #000);background: -moz-linear-gradient(top, transparent, #000);background: -ms-linear-gradient(top, transparent, #000);background: -o-linear-gradient(top, transparent, #000);}
.ebook-category ul li .hfon {position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(94, 28, 37, 0.57); opacity:0;}
.ebook-category ul li a:hover .hfon {opacity: 1}
.ebook-category ul li a:hover .efon {opacity: 0}
.ebook-category ul li a:hover h3 {padding-bottom:20px;}

/* Pagination */
.pagination {clear:both; padding:10px 0 0; text-align:center;}
.pagination .page-numbers {display: inline-block; vertical-align:top;}
.pagination .page-numbers li {float: left; margin: 0 3px; padding-bottom:6px; list-style: none; line-height: 25px; text-align:center;}
.pagination .page-numbers li a, .pagination .page-numbers li span {display: block; line-height: 24px; padding: 0 5px; background-color: #ffffff; border: 1px solid #d8d8d8; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; min-width:26px; border-radius: 2px;}
.pagination .page-numbers li span.current, .pagination .page-numbers li a:hover{border-color: #30d5c7; color:#30d5c7; }

/* Ebook View */
.ebookpanel {margin:15px 0;}
.ebookpanel .ebpvr {margin:0 -5px;}
.ebookpanel .ebpvr .ebt {width:40%; float:left; padding: 0 5px;}
.ebookpanel .ebpvr .ebt>img {width:100%; display:block;}
.ebookpanel .ebpvr .ebp {width:60%; float:left; padding: 0 5px;}
.ebookpanel .ebpvr .ebp .book-detail {}
.ebookpanel .ebpvr .ebp .book-detail ul li {margin-bottom: 10px; overflow: hidden; background-color: #efefef; font-size: 16px;}
.ebookpanel .ebpvr .ebp .book-detail ul li .bdetail-title {float: left; line-height: 24px; padding: 3px 10px; background-color: #30d5c7; color: #fff; font-weight: bold; width: 120px;}
.ebookpanel .ebpvr .ebp .book-detail ul li i {width:16px; height:16px; display:block; float:left; background-size:cover; margin: 4px 4px 4px 0;}
.ebookpanel .ebpvr .ebp .book-detail ul li i.bname {background-image: url(../images/bname.svg);}
.ebookpanel .ebpvr .ebp .book-detail ul li i.bdown {background-image: url(../images/bdown.svg);}
.ebookpanel .ebpvr .ebp .book-detail ul li i.bformat {background-image: url(../images/bformat.svg);}
.ebookpanel .ebpvr .ebp .book-detail ul li i.bmb {background-image: url(../images/bmb.svg);}
.ebookpanel .ebpvr .ebp .book-detail ul li .bvalue {overflow: hidden; line-height: 24px; padding: 3px 10px; color: #262626; font-weight: bold;}
.ebookpanel .ebpvr .ebp .book-detail ul li .bn.bvalue  {overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.ebookpanel .ebpvr .book-download {padding-top: 5px; text-align:center;}
.ebookpanel .ebpvr .book-download a {display: inline-block; vertical-align: top; background-color: #ef6a6a; font-size: 16px; line-height: 24px; padding: 3px 20px; border-radius: 3px; color: #fff; font-weight: bold; letter-spacing: 1px;}
.ebookpanel .ebpvr .book-download a:hover {background-color: #f12929}

/* Static */
.static {font-size: 18px; padding: 0 10px;}

/* Regions */
.news-category ul li.full-r {width:100% !important}
.news-category.regions ul li:nth-child(3n+1) {clear:none;}
.news-category ul li .region-item {text-align:center; font-weight:bold; padding: 15px; background: radial-gradient(white, gainsboro);}
.news-category ul li .region-item .region-logo {margin-bottom:10px;}
.news-category ul li .region-item .region-logo img {height:140px; display:inline-block; vertical-align:top;}
.news-category ul li.full-r .region-item .region-logo img {height:220px;}
.news-category ul li .region-item .region-title {font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.news-category ul li.full-r .region-item .region-title {height: auto}
.news-category.regions ul li a:hover {opacity: 0.8}
.news-category.regions ul li a:hover .region-title {color: #8f0101}

/* Automatic book */
.auto-book ul li .auto-book-item {border: 1px solid rgba(0,0,0,0.1); background-color: rgba(239, 239, 239, 0.76);}
.auto-book .auto-book-img {position:relative;}
.auto-book .auto-book-img img {display:block; width:100%;}
.auto-book .auto-book-value {position: absolute; background-color: #f3f3f3; color: #0bbee9; font-weight: bold; font-size: 16px; padding: 2px 8px; line-height: 20px; bottom: 0; right: 0; border-bottom: 2px solid #0bbee9; border-top-left-radius: 5px; box-shadow: inset 2px 2px 4px 0px #b9b9b9;}
.auto-book .auto-book-title .abt {padding: 5px; font-size: 14px; line-height: 21px; overflow:hidden;}