/*
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%; background-color:#f4f4f4; min-width:310px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Noto Sans', 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, .top-menu ul li a:before, .posts .posts-wrap .post-item a, .pager ul li a,  .post-list-title, .post-list-time, .h-social ul li a, .p-all a, .more-button a, .all-post a, .footer .footer-menu ul li a {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

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

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


/* Struktur */
.centered {width:1020px; margin:0 auto;}
.centered:after, .header .header-top:after, .header .header-m:after, .doctors:after, .full-post-wrap:after, .posts .posts-wrap:after {display:block; content:""; clear:both;}
.p-title {margin-bottom:16px;position:relative;}
.p-title:after {content: ""; background-image: linear-gradient(to right, #29874f, rgb(244, 244, 244)); position: absolute; top: 0; bottom: 0; width: 80px;}
.p-title h2 {font-weight: bold; display: inline-block; vertical-align: top; background-color: #29874f; color: #fff; padding: 5px 10px; font-size: 19px; line-height: 22px; position: relative; z-index: 1000;}
.p-all {position: absolute; right: 0; top: 0; line-height: 30px; font-weight: bold; font-size: 14px; height: 32px;}
.p-all a {display:block; padding: 0 10px; color: #29874f; border: 1px solid rgb(4 78 14); background-color: #fff; }
.p-all a:hover {background-color: #29874f; border-color: #29874f; color:#fff;}

/* Header */
.header {background-color: #fff; box-shadow: 0px 0px 4px 3px rgb(4 78 14); margin-bottom:15px; position:relative; z-index:100000;}
.header .header-m {padding:10px 0;}
.header .header-m .logo {float:left;}
.header .header-m .logo a {display:block;}
.header .header-m .logo a img {height:74px; display:block;}
.header .header-m .mobile-menu {display:none; width:38px; height:38px; background-size:cover; background-image: url(../images/menu.svg?v1); float:right; cursor:pointer; margin: 18px 0 18px 20px;}
.header .header-m .mobile-search {display:none; width:28px; height:28px; background-size:cover; background-image: url(../images/m-search.svg?V1); float:right; cursor:pointer; margin: 14px 0; background-position: 0 0;}
.header .header-m .header-m-right {float:right; margin: 18px 0;}
.header-m-right .search {float:left;width: 300px; position:relative;}
.header-m-right .search input {width:100%; border: 0; height: 38px; border-radius: 19px; box-shadow: inset 0px 0px 3px 0px #29874f; padding: 0 40px 0 20px;  background-color: rgba(41, 182, 246, 0.22);}
.header-m-right .search button {position: absolute; right: 3px; top: 3px; background-color: #29874f; border: 0; border-radius: 50%; display: block; padding: 7px; bottom: 3px; width: 32px; height: 32px;}
.header-m-right .search button:before {content: ""; width:18px; height:18px; display:block; background-size:cover; background-image: url(../images/search.svg?v1);}
.h-menu {float:left; margin: 9px 14px;}
.h-menu ul li {float:left; margin-right:16px;}
.h-menu ul li a {display: block; font-size: 14px; line-height: 20px; color: rgb(4 78 14); font-weight: bold;}
.language {float:left; margin: 7px 0 7px 30px;}
.language ul li {float:left;}
.language ul li a {display: block; font-weight:bold; font-size:16px; line-height:24px; color:rgb(4 78 14);}
.language ul li.az a:after {content: "|"; padding:0 5px;}
.h-social {float:left; margin: 7px 0 7px 20px;}
.h-social ul li {float:left; margin-left:10px;}
.h-social ul li a {display: block; background-color: #29874f; padding: 2px; border-radius: 3px;}
.h-social ul li a:before {content: ""; display:block; width:20px; height:20px; background-size:cover;}
.h-social ul li.fb a:before {background-image: url(../images/fb.svg);}
.h-social ul li.tw a:before {background-image: url(../images/tw.svg);}
.h-social ul li.ins a:before {background-image: url(../images/ins.svg);}
.h-social ul li a:hover {background-color: #29874f}
.header .header-bottom {background-color:#29874f;}
.header .header-bottom .mobile-menu-a {display:none;}
.header .header-bottom .mobile-menu-top {position:relative; margin: 0 -10px;}
.mobile-menu-top .menu-logo {text-align:center; padding: 10px 0;}
.mobile-menu-top .menu-logo a {display:inline-block; vertical-align:top;}
.mobile-menu-top .menu-logo img {height: 74px; display: block;}
.mobile-menu-top .m-close {position:absolute; top:32px; right:15px; background-size:cover; width:30px; height:30px; background-image: url(../images/close.svg); cursor:pointer;}
.header .header-bottom .mobile-menu-h {overflow:hidden;}
.header .header-bottom .mobile-menu-h .h-menu {margin: 9px 10px;}
.header .header-bottom .mobile-menu-h .h-menu ul li a, .header .header-bottom .mobile-menu-h .language ul li a {color: #c9e9ff}
.header .header-bottom .mobile-menu-h .language {float:right; margin: 7px 10px}
.header .header-bottom .h-social {float:none; display:none; margin: 30px 0 10px 0; text-align:center;}
.header .header-bottom .h-social ul {display:inline-block; vertical-align:top;}
.header .header-bottom .h-social ul li {margin: 0 5px;}
.header .header-bottom .h-social ul li a {background-color:transparent;}
.header .header-bottom .h-social ul li a:before {width:24px; height:24px;}
.header .header-bottom .top-menu>ul {display:table; width:100%;}
.header .header-bottom .top-menu>ul>li {display:table-cell; border-right: 1px solid rgba(255, 255, 255, 0.2); text-align: center;}
.header .header-bottom .top-menu>ul>li.has-sub {position:relative;}
.header .header-bottom .top-menu>ul>li.show-mob {display:none;}
.header .header-bottom .top-menu>ul>li:first-child {border-left: 1px solid rgba(255, 255, 255, 0.2);}
.header .header-bottom .top-menu ul li a {position:relative; display:block; padding:10px; font-size:15.5px; line-height:24px; font-weight:bold; color: #fff; text-shadow:1px 1px 1px rgba(22, 106, 144, 0.82); z-index:1}
.header .header-bottom .top-menu ul li a:before  {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(4 78 14); -webkit-transform: scale(0); transform: scale(0); opacity:0; z-index:-1;}
.header .header-bottom .top-menu ul li a:hover:before {-webkit-transform: scale(1); transform: scale(1); opacity:1;}
.header .header-bottom .top-menu .sub-menu {display: none; background-color: #29874f; position: absolute; z-index: 100000; right:0;}
.header .header-bottom .top-menu .sub-menu ul li {border-top: 1px solid rgba(255, 255, 255, 0.2);}

/* Owl carousel */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-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(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)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;  }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;border:none;font:inherit; padding: 0; background-color: transparent;}
.owl-carousel.owl-loaded{display:block}
.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{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.no-js .owl-carousel{display:block}
.owl-height{transition:height 500ms ease-in-out}
.nav-1 .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%; margin-top: -20px;}
.main-slider-wrap.owl-carousel:hover .owl-nav [class*='owl-'] {opacity:1;}
.owl-carousel.nav-1 .owl-nav .owl-next {right: 30px}
.owl-carousel.nav-1:hover .owl-nav .owl-next {right: 10px}
.owl-carousel.nav-1 .owl-nav .owl-prev {left: 30px}
.owl-carousel.nav-1:hover .owl-nav .owl-prev {left: 10px}
.nav-1 .owl-nav [class*='owl-']:before {content: ""; display:block; width:40px; height:40px; background-size:cover; background-position:0 0;}
.owl-carousel.nav-1 .owl-nav .owl-prev:before {background-image: url(../images/prev.svg);}
.owl-carousel.nav-1 .owl-nav .owl-next:before {background-image: url(../images/next.svg);}

/* Main slider */
.site-top {position:relative; overflow:hidden; margin-bottom:20px;}
.main-slider {float:left; width:67%; padding-right:10px;}
.main-slider-wrap .main-slider-item a {display: block; position: relative;}
.main-slider-item .main-slider-info {position:absolute; bottom:0; padding:15px; width:100%;}
.main-slider-item .main-slider-info:after {content: ""; position: absolute; top: -30px; left: 0; bottom: 0; right: 0; background-image: linear-gradient(to top, #000 , transparent);}
.main-slider-info .main-slider-category {color: #fff; background-color: rgb(4 78 14); font-weight: bold; font-size: 12px; line-height: 18px; padding: 3px 8px; margin-bottom: 10px; display:inline-block; vertical-align:top; position:relative; z-index:1;}
.main-slider-info .main-slider-title {color: #fff; position: relative; z-index: 1; font-size: 24px; font-weight: bold; line-height: 34px;}
.main-right-posts {position: absolute; width: 33%; top: 0; right: 0; height: 100%;}
.main-right-posts .top-posts {position: absolute; width: 100%; top: -5px; bottom: -5px; overflow: hidden;}
.main-right-posts .top-posts .top-post-item {height: 50%; padding: 5px 0;}

/* Main right posts */
.top-posts .top-post-item a {display: block; position: relative; height:100%;}
.top-post-item .top-post-image {height:100%;}
.top-post-item .top-post-image img {width: 100%; height: 100%; display: block; object-fit: cover;}
.top-post-item .top-post-info {position:absolute; bottom:0; padding:10px; width:100%;}
.top-post-item .top-post-info:after {content: ""; position: absolute; top: -30px; left: 0; bottom: 0; right: 0; background-image: linear-gradient(to top, #000 , transparent);}
.top-post-info .top-post-category {color: #fff; background-color: rgb(6, 23, 143); font-weight: bold; font-size: 11px; line-height: 18px; padding: 2px 6px; margin-bottom: 10px; display: inline-block; vertical-align: top; position: relative; z-index: 1;}
.top-post-info .top-post-title {color: #fff; position: relative; z-index: 1; font-size: 17px; font-weight: bold; line-height: 23px; max-height:112px; overflow:hidden;}

/* Posts */
.posts {margin-bottom:6px;}
.posts .posts-wrap {margin: 0 -10px;}
.posts .posts-wrap .post-item {width:33.333333333%; float:left; padding: 0 10px 20px;}
.post-item a {display:block; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.17); background-color:#fff;}
.posts .posts-wrap .post-item.col-2 {width:50%}
.post-item .post-item-image {position:relative;}
.post-item .post-item-image img {width:100%; height: 215px; display:block;}
.post-item .post-item-image .post-item-category {position: absolute; left: 10px; bottom: 10px; background-color: rgb(4 78 14); color: #fff; font-weight: bold; font-size: 12px; line-height: 18px; padding: 2px 6px;}
.post-item .post-item-info {}
.post-item .post-item-info .post-item-title {font-size: 17.5px; font-weight: bold; color: #4e4e4e; line-height: 24px; padding:10px;}

/* Doctors */
.doctors {margin-bottom:26px; position:relative;}
.doctors-carousel .doctor-item {}
.doctors-carousel .doctor-item>a {overflow:hidden; display:block; position:relative; border-radius:4px; background-color: #fff; border: 1px solid #d4d4d4; }
.doctors-carousel .doctor-item .doctor-image img {display:block; width:100%;}
.doctors-carousel .doctor-item .doctor-info {padding: 10px 15px}
.doctors-carousel .doctor-item .doctor-info .doctor-name {font-size: 18.5px; line-height: 26px; color: #4840b4; overflow: hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; margin-bottom: 5px;}
.doctors-carousel .doctor-item .doctor-info .doctor-prof {color: #4e4e4e; font-size:14px; line-height:18px; margin-bottom:5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:18px;}
.d-nav .owl-nav [class*='owl-'] {opacity: 0.7; padding:0; position:absolute; top: 50%; margin-top: -16px; background-color: #29874f !important; border-radius: 4px; -webkit-transition: opacity 0.35s ease-in-out;  -moz-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out;}
.d-nav .owl-nav [class*='owl-']:before {content: ""; display:block; width:20px; height:20px; background-size:cover; margin: 10px 5px;}
.d-nav .owl-nav .owl-prev {left: 0px; border-top-left-radius:0; border-bottom-left-radius: 0;}
.d-nav .owl-nav .owl-next{right: 0px; border-top-right-radius:0; border-bottom-right-radius:0;}
.d-nav .owl-nav .owl-prev:before {background-image: url(../images/prev-2.svg);}
.d-nav .owl-nav .owl-next:before {background-image: url(../images/next-2.svg);}
.d-nav:hover .owl-nav [class*='owl-'] {opacity:1;}

/* Footer */
.footer {padding:15px 0; background-color: #232323; color: #c4c3c4;}
.footer .centered {overflow:visible;}
.footer .footer-wrap {position:relative;}
.footer .footer-left {float:left;}
.footer .footer-left .copy {line-height:20px; font-size:14px;}
.footer .footer-right {float:right;}
.fc {float:left;}
.site-counter {float:left; margin-top:-5px; margin-bottom:-6px; margin-left:20px}
.site-counter img {display:block;}
.footer .footer-menu {float:left;}
.footer .footer-menu ul {overflow:hidden;}
.footer .footer-menu ul li {float:left; margin-left:20px;}
.footer .footer-menu ul li a {display:block; font-size:14px; line-height: 20px; color: #c4c3c4;}
.footer .footer-menu ul li a:hover {color: #29874f;}

/* Full post */
.full-post-wrap {}
.full-post-wrap .full-post-left {float:left; padding-right:30px; width:66%;}
.full-post-wrap .full-post-right {float:left; width:34%;}
.full-post-p .full-post-title {color: #3e3b3b; font-weight:bold; font-size: 25px; line-height: 32px; margin-bottom:15px;}
.full-post-p .f-shadow {background-color: #fff; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.17); padding: 0 10px 0px; margin-bottom:26px;}
.full-post-p .full-post-image {margin:0 -10px 15px;}
.full-post-p .full-post-image img {width:100%; display:block; max-height:500px; object-fit:cover;}
.full-post-p .full-post-info {overflow:hidden;}
.full-post-p .full-post-info .full-post-category {float: left; background: #29874f; padding: 0px 10px; font-size: 15px; color: #fff; display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-weight: bold; margin-bottom:15px; margin-right:20px;}
.full-post-p .full-post-info .post-extra {float: left; margin: 3px 0;margin-bottom:15px; }
.full-post-info .post-extra .post-e {float: left; margin-right: 15px; font-size: 14px; line-height: 18px; color: #7b7b7b; height: 18px; padding-left:18px; position:relative;}
.full-post-info .post-extra .post-e:before {content: ""; position:absolute; left:0; width:14px; height:14px; display:block; background-size:cover; top:2px;}
.post-e.date:before {background-image: url(../images/date.svg);}
.post-e.view:before {background-image: url(../images/view.svg);}
.full-post-p .full-post-article {font-size:16px; line-height:24px; }
.full-post-p .full-post-article img, .full-post-p .full-post-article iframe {max-width:100%;}
.full-post-p .full-post-article p {margin-bottom:12px;}
.full-post-p .full-post-article a {color:#3b5998;}
.share-box {overflow:hidden; margin: 15px 0 0; padding-bottom:15px;}
.share-box ul li {float:left; margin-right:10px;}
.share-box ul li a {display:block; border-radius:50%; padding:8px;}
.share-box ul li a:before {content: ""; display:block; width:20px; height:20px; background-size:cover;}
.share-box ul li.fb a {background-color:#3b5998}
.share-box ul li.tw a {background-color:#1da1f2}
.share-box ul li.wp a {background-color:#25d366}
.share-box ul li.ok a {background-color:#ed812b}
.share-box ul li.tlg a {background-color:#0088cc}
.share-box ul li.ins a {background-color:#5851db}
.share-box ul li.fb a:before {background-image: url(../images/facebook.svg);}
.share-box ul li.tw a:before {background-image: url(../images/twitter.svg);}
.share-box ul li.wp a:before {background-image: url(../images/whatsapp.svg);}
.share-box ul li.ok a:before {background-image: url(../images/odnoklassniki.svg);}
.share-box ul li.tlg a:before {background-image: url(../images/telegram.svg);}

/* List post */
.post-list {margin-bottom:26px;}
.post-list .post-list-wrap {background-color: #fff; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.17);}
.post-list-wrap .post-list-item {border-bottom:1px solid #e6e6e6}
.post-list-wrap .post-list-item:last-child {border-bottom:0;}
.post-list-wrap .post-list-item a {display:block; background-color:#fff; padding:10px; overflow:hidden;}
.post-list-time {float: left; background: rgba(41, 182, 246, 0.18); font-size: 12px; color: #0c87bf; line-height: 18px; font-weight: bold; margin-right: 10px; width: 55px; text-align: center; border-radius: 3px; padding: 4px 0;}
.post-list-item .post-list-title {overflow:hidden; font-weight:bold; font-size:14px; line-height:20px; color:#4e4e4e;}
.all-post a {text-align: center; color: #ffffff; font-weight: bold; font-size: 15px; line-height: 20px; background-color: #29874f; display: block; padding: 5px 0; margin-top: -1px;}
.all-post a:hover {background-color: #1f7003;}
.post-list-wrap .post-list-item a:hover .post-list-time {background: rgba(41, 182, 246, 0.34);}
.post-list-wrap .post-list-item a:hover .post-list-title {color:#29874f}

/* Pager */
.pager {text-align:center; overflow:hidden; margin-bottom: 15px;}
.pager ul {overflow:hidden; display:inline-block; vertical-align:top;}
.pager ul li {float:left; margin:3px 3px 5px;}
.pager ul li a, .pager ul li span {min-width:24px; font-size:15px; height:24px; display:block; line-height:24px; padding: 0 5px;  color: #fff; border-radius: 2px; font-weight:bold; position:relative;}
.pager ul li a {background-color: #545252;}
.pager ul li span, .pager ul li a:hover {background-color: #29874f; color:#fff}
.pager ul li a.icp {padding: 6px;}
.pager ul li a.icp:before {content: ""; display:block; width:12px; height:12px; margin:0 auto; background-size:cover; background-position:0 0;}
.pager ul li a.icp.icprev:before, .pager ul li a.icp.first:before {background-image: url(../images/prev-2.svg);}
.pager ul li a.icp.icnext:before, .pager ul li a.icp.last:before {background-image: url(../images/next-2.svg);}
.pager ul li a.icp:hover:before {background-position:0 100%;}
.pager ul li a.icp.first {padding: 0 6px 0 18px;}
.pager ul li a.icp.last {padding: 0 18px 0 6px;}
.pager ul li a.icp.first:before, .pager ul li a.icp.last:before {position:absolute; top:0; bottom:0; margin: auto;}
.pager ul li a.icp.first:before {left:3px;}
.pager ul li a.icp.last:before {right:3px;}

/* Static page */
.static-page {min-height:600px; margin-bottom:26px;}
.static-page .static-page-content {font-size:18px; line-height:24px;}
.static-page .static-page-content p {margin-bottom:15px;}

/* Scroller */
.loader-ellips {font-size: 20px;position: relative;width: 4em;height: 1em;margin: 10px auto;}
.loader-ellips__dot {display: block;width: 1em;height: 1em;border-radius: 0.5em;background: #555;position: absolute;animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: infinite;}
.loader-ellips__dot:nth-child(1),.loader-ellips__dot:nth-child(2) {left: 0;}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}
.loader-ellips__dot:nth-child(1) {animation-name: reveal;}
.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3) {animation-name: slide;}
.loader-ellips__dot:nth-child(4) {animation-name: reveal;animation-direction: reverse;}
.scroller-status {display: none;padding: 20px 0; overflow:hidden;}
.scroller-status__message {text-align: center;color: #777;}
.x-nav {display:none;}
.more-button {text-align:center;}
.more-button a {display: inline-block; vertical-align: top; background-color: #29874f; color: #fff; font-weight: bold; font-size: 16px; line-height: 24px; padding: 4px 18px; border-radius: 3px; margin-bottom: 14px;}
.more-button a:hover {background-color:rgb(4 78 14);}

/* Banner */
.mb {}
.mb-20 {margin-bottom:20px;}
.mb-15 {margin-bottom:15px;}
.mb-10 {margin-bottom:10px;}
.mb-d {display:block; margin:0 auto;}
.t-center {text-align:center;}
.mb-i {display:inline-block; vertical-align:top;}
.fx {position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; margin: 0 auto; }
.fx i {position: absolute; top: -10px; right: -10px; display: block; background-color: #e21717; border-radius: 50%; cursor: pointer; padding: 5px;}
.fx i:before {content: ""; width:20px; height:20px;background-size:cover; background-image: url(../images/close.svg); display:block;}
.w-728 {width:728px; height:90px;}
.w-320 {width:320px; height:100px;}