/*
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%;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Roboto', 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;}

.tr {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/subset-Roboto-Black.eot');
    src: url('../fonts/subset-Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-Roboto-Black.woff2') format('woff2'),
    url('../fonts/subset-Roboto-Black.woff') format('woff'),
    url('../fonts/subset-Roboto-Black.ttf') format('truetype'),
    url('../fonts/subset-Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

/* Struktur */
.centered {width:940px; margin:0 auto;}
.centered:after, .header-top:after, .top-menu:after, .content:after, .tags:after {display:block; content:""; clear:both;}
.a-st {background-color:#f04b23; position:relative;}
.a-text {position: absolute; width: 100%; text-align: center; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-family: 'Fira Sans', Arial, Tahoma, sans-serif; font-size: 30px; top: 0; bottom: 0; margin: auto;}
.site-left {float:left; width:640px; padding-right:20px;}
.sidebar {float:left; width:300px;}
.s-block {padding-bottom:20px; border-bottom:1px solid #282828; margin-bottom:15px;}

/* Header */
.header {padding: 10px 0 0 0;}
.header-top .logo {float:left; padding:24px 0 13px;}
.header-top .logo a {display:block; width:197px; height:53px; background-image: url(../images/logo.svg);}
.header-m {position:relative;}
.header-m .top-menu {}
.top-menu ul li {float:left; margin-right:40px;}
.top-menu ul li a {display:block; color:#282828; font-size:16px; line-height:24px; padding:13px 0;}
.header-m .search {width: 20px; height:20px; position:absolute; top:0; bottom:0; margin: auto; right:0; background-image: url(../images/search.svg); cursor:pointer;}

/* Top post */
.top-post {margin-bottom:20px;}
.top-post .top-post-item a {display:block;}
.top-post-item .top-post-image img {width:100%; display:block;}
.top-post-item .top-post-info {padding:10px 20px 15px; background-color:#f5f5f5;}
.top-post-info .top-post-title {font-weight:900; font-size:30px; line-height:37px; margin-bottom:4px; color:#282828;}
.top-post-info .top-post-text {color:#7d7d7d; font-size:14px; line-height:17px;}

/* Posts */
.posts {overflow:hidden;}
.posts-r {border-bottom:1px solid #282828; margin-bottom:15px;}
.posts-r.half .posts-wrap {overflow:hidden; margin: 0 -10px;}
.posts-r.half .posts-wrap .post {float:left; width:50%; padding: 0 10px;}
.post a {display:block; padding-bottom:20px;}
.post .post-image {margin-bottom:10px;}
.post .post-image img {width:100%; display:block;}
.post-info .post-title {color:#282828; font-size:20px; line-height:24px; margin-bottom:4px; font-weight:900;}
.post-info .post-text {color:#7d7d7d; font-size:14px; line-height:17px; overflow:hidden; height:68px;}
.with-image .post-info .post-text {height:136px;}
.sd .post a {padding-bottom:15px;}

/* Footer  */
.footer {margin:5px 0 20px;}
.footer-wrap {text-align:center; border:1px solid #282828; font-size:14px; line-height:18px; padding:19px 10px;}

/* Display */
.w-728x90 {width:728px; height:90px;}
.w-300x250 {width:300px; height:250px;}
.a-top {float:right;}

/* Background */
.w-160x600 {width:728px; height:90px;}
.b-fixed {position: fixed; top: 10px;width: 160px;height: 600px;bottom: 0px;z-index: 100000;}
.b-left {right: 50%; margin-right: 490px;}
.b-right {left: 50%; margin-left: 490px;}

/* Catfish */
.a-catf {position: fixed; z-index: 10000000; bottom: 0; width: 100%; text-align: center;}
.a-catf .a-catf-inner {position: relative; display: inline-block; vertical-align: top; max-width: 100%;}
.w-980x90 {width:980px; height:90px;}
.catf-close {position: absolute; right: 10px; top:10px; border-radius:1px; padding:2px;background-color:#ffc908; cursor:pointer; z-index:1000;}
.catf-close:before {content: ""; width:24px; height:24px; display:block; background-image: url(../images/close.svg);}

/* Expandable */
.w-940x240 {width:940px; height:240px;}

/* Collapsible */
.w-620x260 {width:620px; height:260px;}
.mb-20 {margin-bottom:20px;}

/* Pop up */
.a-pp {min-width: 300px; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.68); overflow-x: hidden; overflow-y: auto; text-align: center;}
.pp-t {display: table; width: 100%; height: 100%; padding:10px; table-layout: fixed;}
.pp-t .pp-z {display: table-cell; vertical-align: middle; height: 100%;}
.w-380x302 {width:380px; height:302px; max-width:100%; margin: 0 auto;}

/* Fullscreen */
.f-pp {position:absolute; width:100%; height:100%; padding:20px; min-width:310px; min-height:400px;}
.w-100 {width:100%; height:100%;}
.x-sec {position:absolute; top:10px; right: 50px; font-size:18px; line-height:24px; padding: 2px 0; color:#fff;}

/* Full post */
.full-post .full-post-image {margin-bottom:10px;}
.full-post .full-post-image img {width:100%; display:block;}
.full-post .full-post-title {font-weight:900; font-size:30px; line-height:36px; color: #282828; margin-bottom:6px;}
.full-post .full-post-extra {overflow:hidden; margin-bottom:10px;}
.full-post .full-post-extra span {float:left; display:block; color:#a1a1a1; font-size:14px; line-height:18px; margin-right:20px;}
.full-post .full-post-article {font-size:16px; line-height:20px; color:#282828;}
.full-post-article {padding-bottom:10px; border-bottom:1px solid #cecece; margin-bottom:15px;}
.full-post-article p {margin-bottom:10px;}
.tags {margin-bottom:20px;}
.tags .t-text {float:left; margin-right:10px; font-size:14px; line-height:18px; color:#282828; font-weight:bold; padding:3px 0;}
.tags .tag-list {overflow:hidden;}
.tags .tag-list ul li {float:left; padding-right:10px;}
.tags .tag-list ul li a {display:block; background-color:#e2e2e2; font-size:12px; line-height:16px; color:#565656; padding:4px 10px;}
.s-tp {border-bottom: 1px solid #282828; margin-bottom: 15px;}

/* News block */
.w-620x80 {width:620px; height:80px;}
.n-block-wrap {overflow:hidden;}
.n-block-wrap .n-block-item {float:left; width:33.33333333%; padding: 0 10px;}
.n-block-wrap .n-block-item a {display:block; overflow:hidden; padding:10px 0;}
.n-block-item .n-block-image {float:left; width:60px; margin-right:10px;}
.n-block-item .n-block-image img {width:100%; display:block;}
.n-block-item .n-block-info {overflow:hidden;}
.n-block-info .n-block-title {font-weight:bold; color:#fff; font-size:14px; line-height:18px;}

/* Related posts */
.related-posts {margin-top:40px;}
.r-title {font-size:25px; line-height:30px; border-bottom:1px solid #282828; padding-bottom:15px; margin-bottom:15px;}
.related-posts .post-info .post-text {height:34px;}

/* Inpage */
.inpage {margin-bottom:10px;}
.inpage video {display:block;}

/* Pre roll */
.f-video {margin-bottom:10px; width:620px;height:350px; position:relative;}
.pre-roll {position:absolute; top:0; left:0; z-index:100;}
.pre-roll video {display:block;}
.skip {position:absolute; bottom:14px; right:14px; cursor:pointer; color:#000; font-size:14px; line-height:18px; padding: 4px 20px; background-color:#ffc908;}
.v-video .post a {padding-bottom:10px; overflow:hidden;}
.v-video .post .post-image {position:relative;}
.v-video.v-related .post .post-image {float:left; width:220px; margin-right:15px;}
.v-video .post .post-image i {position:absolute; width:46px; height:46px; top:0; bottom:0; left:0; right:0; margin: auto; border-radius:50%; background-color:rgba(0,0,0, 0.5); padding:6px;}
.v-video .post .post-image i:before {content: ""; width:34px; height:34px; display:block; background-image: url(../images/play.svg);}
.v-video .post .post-image .v-time {position:absolute;right:10px; bottom:10px; color:#fff; border-radius:2px; background-color:#000; font-size:12px; line-height:16px; height:16px; padding:0 5px;}
.v-video.v-related .post .post-info {overflow:hidden;}
.v-video .post-info .post-title {font-size:16px; line-height:20px; margin-bottom:0;}
.v-video.v-related .post-title {font-size:22px; line-height:28px; font-weight:900;}

/* Interscroller */
.w-620x500 {width:620px;}
#inscroll-banner {margin: 0 auto; position:relative; border: 1px solid #000; box-sizing:border-box; overflow:hidden; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.scroll-x {position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; clip:rect(0px, auto, auto, 0px); margin: 0 0 20px;}
.interscroller {position:fixed; top:0; left:0; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0);}
.inb {position:absolute; top: 0;}
.inb img {display:block; width:100%; height:100%;}
.inr { -webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
.scroll-image {background-size:cover; width:100%; height:100%; background-repeat: no-repeat;}
.scroll-text {bottom:0; background-color: #000; color: #fff; line-height: 20px; position:absolute; z-index: 1000000; padding: 0 10px; text-align:center; font-family: Tahoma, Arial, sans-serif; left:0; right:0; font-size:12px; transform: translate3D(0,0,0);}