/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style:none;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
body {font: 16px 'PT Sans', Arial, sans-serif; line-height:normal; padding:0; margin:0;        
color: #000; background:#061d23 url(../images/bg2.webp); height:100%; width:100%; font-weight:400;}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #000; text-decoration: none;}
a:hover, a:focus {color:#0976a1; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight:700; font-size:18px;}

button, input {font-family: 'PT Sans' !important;}

/*--- SET ---*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	padding:0 20px; display:inline-block; height:40px; line-height:40px; border-radius:20px; cursor:pointer; 
	background-color:#00ccb2; color:#fff; text-align:center; font-weight: 700; font-size: 16px;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-color:#05ad97; color:#fff;}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"], input[type="search"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
	color:#000000; background-color:#fff; border-radius:4px; -webkit-appearance: none; 
	box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.06); font-size: 16px;}
input:focus::placeholder {color: transparent} 

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#F8F8F8; 
border-radius:0; overflow:auto; vertical-align:top; resize:vertical; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}

.img-fit {overflow: hidden; position: relative;}
.img-fit img {width: 100%; height: 100%; object-fit: cover; border-radius: 7px;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .anim {transition: all .3s;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1, .fdl-btns .fdl {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}

b, strong {font-weight: 700;}
.footer a:hover, .col-side a:hover, .yosh:hover .yosh-desc, .speedbar a:hover, .btn-login:hover {text-decoration: underline;}

/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; overflow:hidden; padding-top: 30px;}
.wrap::before {content: ''; position: absolute; left: 0; right: 0; top: 0; height: 300px; 
	background: linear-gradient(to bottom, rgba(9,118,161,0.3) 0%, transparent 100%);}
.center {max-width:1200px; margin:0 auto; position:relative; z-index:20; 
	background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.05);}
.header {padding: 30px 40px 30px 40px; position: relative; 
	background: #fff }
.header:before, .footer::before {content: ''; position: absolute; left: 40px; right: 40px; top: 0; height: 5px;
	background: linear-gradient(to right, #0976a1 0%, #0976a1 250px, #ffd374 250px, #ffd374 100%);}
.nav {padding-left: 223px; position: relative;}
.col-side {width: 300px; padding: 40px; padding-right: 0;}
.col-main {min-height: 50vh; padding: 40px;}
.footer {background: #eee url(../images/logo.svg) 40px center / 40px no-repeat; color: #999;
	padding: 20px 40px 20px 120px; line-height: 1.6; position: relative; font-size: 14px;}
.footer a {color: #0976a1; text-decoration: underline;}
.rkl {margin-bottom: 20px; text-align: center; overflow: hidden;}
.rkl img, .rkl a {display: block;}


/* HEADER, FOOTER
----------------------------------------------- */
.logo {height: 50px; display: inline-block; color: #000 !important;
	font-weight: 700; font-size: 38px; line-height: 50px;}
.logo span {display: inline-block; vertical-align: middle; text-transform: uppercase; margin-left: 8px; 
	background-color: #00ccb2; color:#fff; font-size: 14px; 
	height: 26px; line-height: 26px; border-radius: 13px; padding: 0 10px;}
.logo-caption {padding-left: 20px; margin-left: 20px; border-left: 1px solid #eee; color: #999; font-size: 14px;}
.search-wrap {margin: 0 0 0 40px; position: relative;}
.search-box {max-width:400px; position:relative;}
.search-box input, .search-box input:focus {width:100%; padding:0 60px 0 20px; border-radius: 20px; 
	background-color: #f6f5f5; box-shadow: none;}
.search-box input:not(:focus)::placeholder {color: #999; opacity: 1; font-size: 14px;} 
.search-box button {position:absolute; right:5px; top:0px; z-index:10; width:40px; padding:0 !important; 
	background-color: transparent !important; color: #000 !important;}

.header-nav {background-color: #0976a1; border-radius: 30px 0 0 30px; padding: 0 30px; 
	box-shadow: 0 3px 6px rgba(0,0,0,0.1); 
	background: linear-gradient(to right, #0976a1 0%, #0976a1 15%, #00ccb2 100%);}
.header-nav a {display: block; height: 60px; line-height: 60px; color: #fff; padding: 0 10px;}
@media screen and (min-width: 1220px) {
	.header-nav-main {position: absolute; left: 40px; top: 0; color: #fff;}
	.header-nav-main a {border-radius: 30px; white-space: nowrap; padding: 0 40px 0 64px; 
		background-color: #0976a1; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
	.header-nav-main .fa {pointer-events: none; position: absolute; left: 10px; top: 10px; 
		width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 18px;
		text-align: center; background: #00ccb2; color: #fff;}
}
.header-nav a:hover, .sect-link:hover, .ftags a:hover {background-color: #0976a1; color: #fff; border-color: #0976a1;}


/* SIDE
----------------------------------------------- */
.side-box + .side-box {margin-top: 40px;}
.side-box {border: 1px dashed #a0a09e; padding: 20px; border-radius: 4px;}
.side-bt {font-size: 18px; font-weight: 700; margin-bottom: 20px; color: #999; text-transform: uppercase;}
.side-nav-box {background-color: #ffd374; border: 0;}
.side-nav-box .side-bt {color: #7f593a; padding-top: 6px;}
.side-nav a {display: block; margin-bottom: 13px; white-space: nowrap;}
.side-nav a:before {content:"\f111"; font-family:'FontAwesome'; color:#ffb274; font-size: 12px; 
	width: 26px; display: inline-block; vertical-align: middle; position: relative; top: -1px;}
.popular {margin-bottom: 13px; line-height: 1.5;}
.popular-desc {display: block; padding-left: 24px; position: relative; font-size: 15px;}
.popular-desc:before {content:"\f0a9"; font-family:'FontAwesome'; color:#ccc; 
	display: inline-block; vertical-align: middle; position: absolute; left: 1px; top: 2px; font-size: 14px;}
.popular-title {opacity: 0.5;}



/* SECT
----------------------------------------------- */
.sections:not(:last-child), .sect1 {margin-bottom: 10px;}
.sections .sect {width: 49%;}
.sect-t {font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
.sect-t > span {color: #0976a1;}
.sect-link {display: block; background-color: #a0a09e; color: #fff; padding: 10px; 
	text-align: center; margin-top: 20px; border-radius: 4px;}
.sect-link .fa {margin-left: 10px;}
.columns-grid {column-gap: 20px; column-width: 320px;}
.columns-grid .yosh {page-break-inside: avoid; break-inside: avoid;}


/* SHORT STORY
----------------------------------------------- */
.yosh {padding: 10px; border-radius: 4px;}
.yosh:nth-child(2n+1) {background-color: #f9f9f9;}
.yosh-title {opacity: 0.5; font-size: 15px;}
.yosh-play-icon, .yosh-clip-icon {width: 40px; height: 40px; border-radius: 50%; font-size: 14px; 
	display: flex; justify-content: center; align-items: center; padding-left: 3px; 
	background-color: #00ccb2; color: #fff; margin-right: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.1);}
.yosh-clip-icon {background-color: #fc3d71; font-size: 16px; color: #fff;}
.yosh-load-icon {margin-left: 10px; color: #70706f; font-size: 18px;}


/* MOVIE ITEM
----------------------------------------------- */
.kinolar-item {width: calc((95% - 60px)/4); float: left; margin: 0 20px 20px 0;}
.kinolar-item:nth-child(4n) {margin-right: 0;}
.kinolar-img {display: block; padding-top: 140%; color: #ccc; box-shadow: 0 3px 6px rgba(0,0,0,0.1)}
.kinolar-img img {position: absolute; left: 0; top: 0;}
.kinolar-img::before {content: ''; position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; height: 70%; 
	background: linear-gradient(to top, #000 0%, transparent 100%);}
.kinolar-desc {position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; 
	padding: 15px; color: #e3e3e3; font-size: 14px; line-height: 1.6;}
.kinolar-title {font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 5px;}
.kinolar-category {position: absolute; right: 10px; top: 10px; z-index: 10; display: inline-block; 
	background: linear-gradient(to top, #0976a1 0%, #0976a1 30%, #00ccb2 100%); color: #fff; 
	padding: 5px 13px; border-radius: 3px; font-size: 11px; opacity: 0.8;}

	
/* NEWS ITEM
----------------------------------------------- */
.news-item {width: calc((95% - 20px)/2); float: left; margin: 0 20px 20px 0; background-color: #f9f9f9;}
.news-item:nth-child(2n) {margin-right: 0;}
.news-img {width: 140px; height: 140px; display: block;}
.news-desc {padding: 15px 20px; padding-bottom: 0; line-height: 1.3; font-size: 18px;}
.news-title	{display: inline-block; margin-bottom: 10px; 
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news-meta {background-color: #eee; margin: 0 -20px; padding: 6px 20px;}
.news-meta div {color: #999; margin-right: 15px; font-size: 14px; display: inline-block;}
.news-meta .fa {margin-right: 8px;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:46px; text-align:center; margin-top: 30px; font-size: 18px; }
.pagi-nav, .pagi-nav > span {max-width:100%; display:inline-block;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:46px;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 5px; 
min-width:46px; background-color:#fff; margin:0 3px; border-radius:4px; margin-top: 10px; border: 1px solid #eee;}
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color:#0976a1; color:#fff; border-color: #0976a1;}

.catPages1{padding:0!important;margin:0!important}
.swchItemA,.swchItem,.swchItemA1,.swchItem1{display: inline-block; padding: 0 5px; min-width: 36px; background-color: #fff; margin: 0 3px; border-radius: 4px; margin-top: 8px; border: 1px solid #eee;}
.swchItem,.swchItem1{color:#000; background:#fff}
.swchItem:hover,.swchItem1:hover{background:#0976a1;color:#fff;text-decoration:none}
.swchItemA,.swchItemA1{background:#0976a1; color:#fff;}
.catPages1,.catPages2{padding:10px 0}
.pagesBlock2{margin-top:10px!important;display:block}


/* FULL
----------------------------------------------- */
.full-comms {display: none;}
.fheader {margin-bottom: 20px;}
.full h1 {font-size: 24px; font-weight: 700; text-transform: uppercase;}
.full h1 a {margin-left: 10px; font-size: 14px;}
.fimg {width: 200px; height: 200px; margin-right: 20px;}
.fright {width: 260px; margin-left: 20px;}
.fcaption {font-size: 14px; line-height: 1.3; min-height: 40px;
	background-color: rgba(255, 211, 116, 0.2); border-radius: 4px; padding: 10px 15px; 
	color: rgba(0,0,0,0.6); position: relative; padding-left: 50px; margin-bottom: 10px;}
.fcaption div {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.fcaption::before {content:"\f05a"; font-family:'FontAwesome'; color: #ffb274; 
	position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 24px;}
.fdl {height: 60px; border-radius: 8px; padding: 0 70px 0 20px; color: #fff; position: relative;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2); text-transform: uppercase; font-weight: 700; font-size: 18px;
	background: linear-gradient(to right, #4e9d2c 0%, #abcf44 100%); margin-bottom: 20px;}
.fdl-dl {width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #fff;
	background-color: rgba(0,0,0,0.3); position: absolute; right: 10px; top: 10px; font-size: 18px;}
.fdl:hover {background: linear-gradient(to right, #70b353 0%, #b6d758 100%); color: #fff;}
.finfo li {position: relative; padding: 6px 10px 6px 120px; font-size: 14px;}
.finfo li:nth-child(2n+1) {background-color: #f9f9f9;}
.finfo li > span:first-child {position: absolute; left: 10px; top: 6px; opacity: 0.5;}
.finfo a {color: #5687bf; text-decoration: underline;}
.ftags {font-size: 0;}
.ftags-caption, .ftags a {height: 24px; line-height: 24px; margin: 10px 10px 0 0; font-size: 14px; font-weight: 400;}
.ftags a {display: inline-block; padding: 0 10px; border-radius: 6px; margin-right: 8px;
	border: 1px solid #eee; color: #999; line-height: 22px;}
.ftags .fa {margin-right: 6px; color: #00ccb2;}

.fdl-btns {margin: 0 -10px;}
.fdl-btns .fdl {margin: 20px 10px 0 10px;}
.fdl-hd {background: linear-gradient(to top, #f0932b 0%, #f0932b 30%, #ffd374 100%); color: #7f593a;}
.fdl-mobile {background: linear-gradient(to top, #0976a1 0%, #0976a1 30%, #00ccb2 100%); color: #fff;}
.fdl .fa-arrow-down::before {content: ''; width: 40px; height: 40px; display: block;
	background: url(../images/dl.png) center center no-repeat; background-size: contain;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; max-width:100% !important; height:400px; display:block; margin:0 auto;}
.mejs-container {max-width:100% !important;}
.full-text {color:#444; font-size:16px; line-height:1.5;}
.full-text img {max-width:100%; margin:10px auto;}
.full-text a {text-decoration:underline; color:#5687bf;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:10px 0;}
.full-text > ul li {list-style:disc; margin-left:40px; position:relative;}
.full-text > ol li {list-style:decimal; margin-left:40px;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu, .side-panel .header-nav .fa {display:none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#fff;
padding:0; z-index:888; position:fixed; left:-280px; top:0; transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.8); 
position:fixed; left:0; top:0; z-index:887; display:none; cursor: pointer;}
.btn-close {cursor:pointer; display:block; left: 260px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #e84e36; color: #fff; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
.side-panel .header-nav {display: none; text-align: left; border-radius: 0; padding: 20px;}
.side-panel .header-nav > li {width: 100%; margin-left: 0;}
.side-panel .header-nav > li > a {height: 40px; line-height: 40px; display: none;}
.side-panel .to-mob {margin: 0 !important;}
.side-panel .side-box {border-radius: 0; border: 0;}

@media screen and (max-width: 1220px) {
	.wrap {padding-top: 0;}
	body {background-image: none;}
	.center {max-width:1000px;}
	.nav, .col-side {display: none;}
	.cols {display: block;}
	.header::before, .footer::before {right: 20px; left: 20px; 
		background: linear-gradient(to right, #0976a1 0%, #0976a1 50%, #ffd374 50%, #ffd374 100%);}
	.header {box-shadow: 0 0 15px rgba(0,0,0,0.1); padding: 20px;}
	.header, .col-main {padding-left: 20px; padding-right: 20px;}
	.btn-login {margin-left: 20px;}
	.btn-menu {cursor:pointer; display:block; color: #fff; border-radius: 20px; 
	width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
	background-color: #01435d; box-shadow: 0 3px 6px rgba(0,0,0,0.1); margin-left: 20px;}
}

@media screen and (max-width: 950px) {
	.center {max-width:768px;}
	.logo-caption {display: none;}
	.header {padding-bottom: 0; box-shadow: none;}
	.search-wrap {-ms-flex-order: 10;-webkit-order: 10;order: 10; margin: 0; margin-top: 20px; min-width: 100%;}
	.search-box {max-width: 100%;}
	.footer {padding: 20px;	display: block; padding-top: 140px; 
		background-position: center 20px; text-align: center; background-size: 100px 100px;}
	.ftleft {margin-bottom: 20px;}
	.logo {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
		max-width: 100%; min-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.news-item {width: 100%; margin-right: 0;}

	.fright {width: 100%; margin: 0; margin-top: 20px;}
}

@media screen and (max-width: 760px) {
	.center {max-width:640px;}
	.sections .sect {width: 100%; margin-bottom: 20px;}
        
	.fcols {display: block;}
	.fimg {margin: 0 auto 20px auto;}
	.full h1 {text-align: center;}
	.fdl-btns {margin: 10px 0 0 0;}
	.fdl-btns .fdl {margin: 10px 0 0 0; min-width: 100%;}

	.ac-protect {margin-top:0px;}
	.comments-tree-list .comments-tree-list {padding-left:0px !important;}
	.comments-tree-list .comments-tree-list:before {display:none;}
	.mass_comments_action {display:none;}
	.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
	.center {max-width:480px;}
	.logo {font-size: 28px;}
        .fimg {width: 150px; height: 150px;}
        .col-main {padding-top: 20px;}
	.kinolar-item {width: calc((90% - 20px)/2);}
	.kinolar-item:nth-child(2n) {margin-right: 0;}

	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
	.ui-dialog {width:100% !important;}
	.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
	.upop-left {margin-bottom:10px; text-align:center;}
	.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
	#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
}

@media screen and (max-width: 470px) {
	.center22 {max-width:360px;}

	.finfo li {padding-left: 120px;}
	.finfo li span {display: inline-block; width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}



/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @font-face{font-family:'FontAwesome';
 src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
 font-weight:normal;font-style:normal; font-display: swap;}
 .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-mobile:before{content:"\f10b"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-dot-circle-o:before{content:"\f192"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
 

 /* AUDIO PLEER
----------------------------------------------- */
.player-btn {
	display: block;
	height: 60px;
    border-radius: 8px;
    padding: 0 70px 0 20px;
	line-height: 60px;
    color: #fff;
    position: relative;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    font-size: 18px;
    background: linear-gradient(to right, #0976a1 0%, #0976a1 15%, #00ccb2 100%);
    margin-bottom: 20px;
	box-sizing: border-box;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

.player-btn:hover {
	background: linear-gradient(to right, #0976a1 0%, #0976a1 15%, #00ccb2 100%); color: #fff;
}

.player-btn > span {
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
}

	.player-btn > span > i {
		margin-left: 3px;
	}
	
	.player-btn i:last-child {
		display: none;
	}
	
	.player-btn-active i:first-child {
		display: none;
	}
	
	.player-btn-active i:last-child {
		display: inline-block;
		margin-left: 1px;
	}

.open-player {
	cursor: pointer;
}

.oplayer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	z-index: 99999;
	box-shadow: 0px -5px 7px rgb(0 0 0 / 13%);
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-left: calc((100% - 1200px) / 2);
	padding-right: calc((100% - 1200px) / 2);
	text-align: left;
}

.oplayer:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 100%;
    top: -5px;
    height: 5px;
    background: linear-gradient(to right, #0976a1 0%, #0976a1 250px, #ffd374 250px, #ffd374 100%);
}

	.oplayer-nav {
		display: flex;
		align-items: center;
		padding: 0 20px 0 0;
	}
	
		.oplayer-prev {
			
		}
		
		.oplayer-play {
			width: 50px;
			height: 50px;
			border-radius: 100%;
			background: #00ccb2;
			cursor: pointer;
			line-height: 50px;
			font-size: 15px;
			color: #fff;
			text-align: center;
		}
		
			.oplayer-play i {
				margin-left: 3px;
			}
			
			.oplayer-play i:last-child {
				display: none;
			}
			
		.audioplayer-playing .oplayer-play i:first-child {
			display: none;
		}
		
		.audioplayer-playing .oplayer-play i:last-child {
			display: inline-block;
		}
		
		.oplayer-next {
			
		}
		
	.oplayer-center {
		position: relative;
		padding: 0 20px 0 70px;
		box-sizing: border-box;
		width: 300px;
	}
	
		.oplayer-image {
			position: absolute;
			left: 0;
			top: calc(50% - 25px);
			width: 50px;
			height: 50px;
			border-radius: 100%;
			overflow: hidden;
		}
		
			.oplayer-image img {
				width: 50px;
				height: 50px;
				border-radius: 100%;
			}
			
		.oplayer-song {
			color: #000;
			font-weight: bold;
			font-size: 16px;
			height: 20px;
			line-height: 20px;
			overflow: hidden;
		}
		
		.oplayer-name {
			color: #333;
			font-size: 14px;
			height: 18px;
			line-height: 18px;
			overflow: hidden;
		}
		
	.oplayer-progress {
		flex: 1;
		height: 10px;
		background: #ebefed;
		border-radius: 5px;
		position: relative;
	}
	
		.oplayer-progress > div.audioplayer-bar-loaded {
			background: #cfd9dc;
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			border-radius: 5px;
		}
		
		.oplayer-progress > div.audioplayer-bar-played {
			background: #00ccb2;
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			border-radius: 5px;
		}
		
	.oplayer-right {
		display: flex;
		align-items: center;
		margin: 0 0 0 20px;
	}
	
		.oplayer-download {
			width: 40px;
			height: 30px;
			line-height: 32px;
			text-align: center;
			display: block;
			font-size: 18px;
			color: #000;
		}
	
		.oplayer-current-time {
			font-size: 13px;
		}
		
		.oplayer-time {
			font-size: 13px;
		}
		
		.oplayer-right > i {
			font-style: normal;
			font-size: 13px;
			margin: 0 5px;
		}
	
		.oplayer-volume {
			position: relative;
			overflow: hidden;
			margin: 0 0 0 15px;
		}
		
		.oplayer-volume:hover {
			overflow: visible;
		}
		
		.audioplayer-volume {
			height: 30px;
			overflow: hidden;
			margin: 12px 0 0 0;
		}
		
			.audioplayer-volume-button {
				display: block;
				background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 480 480' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M278.944 17.577c-5.568-2.656-12.128-1.952-16.928 1.92L106.368 144.009H32c-17.632 0-32 14.368-32 32v128c0 17.632 14.368 32 32 32h74.368l155.616 124.512A16.158 16.158 0 0 0 272 464.009c2.368 0 4.736-.512 6.944-1.568A16.05 16.05 0 0 0 288 448.009v-416a16.05 16.05 0 0 0-9.056-14.432zM96 304.009H32v-128h64v128zm160 110.688-128-102.4V167.721l128-102.4v349.376zM369.024 126.857c-6.304-6.24-16.416-6.144-22.624.128-6.208 6.304-6.144 16.416.128 22.624 24.16 23.904 37.472 56 37.472 90.4 0 34.4-13.312 66.496-37.472 90.4-6.304 6.208-6.368 16.32-.128 22.624a15.943 15.943 0 0 0 11.36 4.736c4.064 0 8.128-1.536 11.264-4.64 30.304-29.92 46.976-70.08 46.976-113.12 0-43.04-16.672-83.2-46.976-113.152z' fill='%23525e64' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M414.144 81.769c-6.272-6.208-16.416-6.176-22.624.096-6.208 6.272-6.176 16.416.096 22.624C427.968 140.553 448 188.681 448 240.009s-20.032 99.456-56.384 135.52c-6.272 6.208-6.304 16.352-.096 22.624a15.89 15.89 0 0 0 11.36 4.736c4.064 0 8.128-1.536 11.264-4.64C456.608 356.137 480 299.945 480 240.009c0-59.936-23.392-116.128-65.856-158.24z' fill='%23525e64' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E") left center no-repeat;
				background-size: 20px auto;
				padding: 0 0 0 28px;
				position: relative;
				z-index: 222;
			}
			
			.audioplayer-volume-adjust {
				position: absolute;
				left: -8px;
				bottom: 0px;
				height: 60px;
				width: 10px;
				transition: all .25s ease;
				border-radius: 4px;
				background: #fff;
				box-shadow: 0 0 7px rgb(0 0 0 / 15%);
				padding: 10px 12px 35px 12px;
				opacity: 0;
				
			}
			
			.audioplayer-volume:hover {
				overflow: visible;
			}
			
			.audioplayer-volume:hover .audioplayer-volume-adjust {
				opacity: 1;
			}
			
				.audioplayer-volume-adjust > div {
					height: 100%;
					position: relative;
					background: #cfd9dc;
				}
				
					.audioplayer-volume-adjust > div > div {
						background: #72daf0;
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
					}
					
			.volpr {
				display: block;
				width: 40px;
				overflow: hidden;
				position: relative;
				z-index: 222;
				color: #737373;
			}
		


@media (max-width: 1240px) {
	
	.oplayer {
		padding: 0 20px;
	}
	
	.oplayer-center {
		width: auto;
		max-width: 250px;
	}	
	
	.oplayer-volume {
		display: none;
	}
	
}

@media (max-width: 650px) {
	
	.oplayer {
		padding: 0 10px;
	}
	
	.oplayer-nav {
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	.oplayer-center {
		padding: 15px 0 0 4px;
		height: 70px;
		max-width: none;
		box-sizing: border-box;
		display: flex;
		width: calc(100% - 80px);
		white-space: nowrap;
	}
	
	.oplayer-progress {
		position: absolute;
		left: 73px;
		top: 42px;
		width: calc(100% - 128px);
	}
	
	.oplayer-song, .oplayer-name {
		height: 20px;
		line-height: 20px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.oplayer-song {
		margin: 0 5px 0 0;
		font-size: 14px;
	}
	
	.oplayer-right {
		box-sizing: border-box;
		height: 70px;
		width: 70px;
		padding: 19px 0 0 0;
		margin: 0;
		align-items: flex-start;
	}
	
		.oplayer-current-time {
			font-size: 11px;
		}
		
		.oplayer-time {
			font-size: 11px;
		}
		
	.oplayer-image {
		display: none;
	}
	
	.oplayer-name {
		display: none;
	}
	
	.oplayer-song {
		width: calc(100% - 10px);
	}
	
	.oplayer-download {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	
}

.audioplayer-volume-adjust, .audioplayer-volume-adjust > div, .audioplayer-volume-adjust > div > div {
  box-sizing: content-box !important;
}

 /* SHRIFT
----------------------------------------------- */

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}