@font-face {
font-family:IRANSansXV;
src:url(../fonts/IRANSansXV.woff2) format("woff-variations");
font-weight:100 900;
font-display:swap
}

* {
margin:0;
padding:0;
border:0
}

*,:before,:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

:focus {
outline:0
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
margin:0;
padding:0
}

body {
direction:rtl;
background:#fff;
color:#505050;
line-height:24px;
word-wrap:break-word;
font-family:'IRANSansXV',tahoma;
font-size:15px
}

h1,h2,h3,h4,h5 {
line-height:normal;
font-weight:400
}

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 {
direction:rtl;
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
font-family:IRANSansXV;
font-variation-settings:dots 2;
-moz-font-feature-settings:ss02;
-webkit-font-feature-settings:ss02;
font-feature-settings:ss02
}

a:hover {
text-decoration:none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
font-family:'IRANSansXV',tahoma;
direction:rtl;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
display:block
}

body {
line-height:1.8;
overflow-x:hidden;
color:#636b6f;
font-family:'IRANSansXV',tahoma;
font-size:12px
}

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
}

header.header {
display:table;
width:100%;
color:#fff;
padding-top:0
}

header div.container {
padding:0
}

header div.container div.row {
margin:0
}

footer {
background-color:#cddbe9;
color:#000;
text-align:right;
color:#e0ffed;
line-height:21px
}

footer div.block {
padding:20px
}

footer div.block a {
line-height:20px;
color:#e0ffed
}

footer div.block h4 {
margin:0 0 5px;
padding:5px 0;
font-weight:700
}

.logo {
height:113px
}

.logo img {
height:60px;
margin:10px 0 0
}

.container {
margin:0 auto;
width:100%;
max-width:1320px
}

.navholder {
height:40px
}

.topmenu {
background:#f2f5f8;
overflow:hidden;
border-radius:20px;
margin:0;
padding:0;
list-style-type:none;
width:100%;
transition:all .5s;
height:40px
}

.topmenu li {
float:right
}

.topmenu li a {
transition:all .5s;
text-decoration:none;
color:#979797;
padding:0 10px;
display:inline-block;
line-height:40px;
font-size:12px;
font-weight:500
}

.topmenu li a i {
display:none
}

.topmenu li a:hover {
background-color:#cddbe9;
color:#fff
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
position:relative;
min-height:0;
padding-left:0;
padding-right:0
}

.d-box {
padding:0 5px
}

.c-box {
border-radius:6px;
-webkit-box-shadow:0 0 4px 0 #d1d1d1;
box-shadow:0 0 4px 0 #d1d1d1;
background:#fff;
margin:0 0 15px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
overflow:hidden
}

.ads {
line-height:0
}

.ads img {
width:100%
}

.blockhead {
position:relative;
height:40px;
line-height:40px;
font-weight:700
}

.blockhead:before {
margin:13px 10px;
content:'';
float:right;
background:#ffc107;
display:block;
width:14px;
height:14px;
border-radius:7px
}

.blockhead:after {
position:absolute;
left:0;
top:18px;
content:'';
background:#000;
background:linear-gradient(270deg,#0000 0%,#ffa900 100%);
display:block;
width:calc(100% - 100px);
height:4px
}

.blockcontent {
padding:0 10px 15px;
color:#23354a
}

ul.blockcontent li {
display:table;
width:100%;
text-align:center;
line-height:30px;
border-bottom:1px solid #f1f1f1
}

.menuback {
background-color:#000
}

.newslist div.c-box {
background:#f7f7f7
}

.listofnews li {
color:#000;
line-height:23px;
margin-bottom:12px
}

.listofnews li a {
color:#2b2b2b;
text-decoration:none;
font-weight:300
}

.listofnews li a span {
color:#c43c35;
margin-right:5px;
display:inline-block
}

.listofnews li a span i {
margin-left:3px
}

.listofnews li:before {
content:'';
display:block;
float:right;
-webkit-transition:.2s all;
-o-transition:.2s all;
transition:.2s all;
z-index:90;
opacity:.7;
width:6px;
border-radius:3px;
height:6px;
background:#ffc107;
margin-left:6px;
margin-top:9px
}

.slide {
position:relative
}

.slide img {
width:100%
}

.slide div.caption {
line-height:1.8;
background:#000;
background:linear-gradient(0deg,#000f 0%,#000f 0%,#000c 60%,#0000 100%);
width:100%;
padding:50px 5px 10px;
bottom:0;
position:absolute;
color:#fff;
font-weight:700;
font-size:16px
}

.slide h3 {
color:#ffc107;
font-size:11px
}

.slide h2 {
color:#fff;
font-weight:700;
font-size:16px
}

.slide p {
color:#f1f1f1;
font-size:10px
}

.slide1 {
border-bottom:10px solid #000
}

.slide2 {
margin-bottom:10px
}

.slide2 p {
display:none
}

.slide2 h2 {
font-size:12px
}

.slide2 h3 {
display:none
}

.shortart {
width:100%;
display:block;
height:80px;
overflow:hidden;
margin-bottom:10px
}

.shortart img {
float:right;
width:90px;
height:70px;
margin:5px 0 5px 10px
}

.shortart h3 {
line-height:1.2;
font-size:11px;
color:#545b62
}

.shortart h2 {
line-height:20px;
padding:5px 0;
color:#343a40;
font-weight:700;
font-size:13px
}

.shortart p {
line-height:1.5;
font-size:11px
}

.more {
display:block;
width:100px;
text-align:center;
padding:10px 15px;
background:hsl(240deg 11.11% 94.71%);
margin:20px auto;
border-radius:20px;
text-decoration:none;
color:#979797;
padding:0 10px;
line-height:40px;
font-size:12px;
font-weight:500
}

.more:hover {
background-color:#cddbe9;
color:#fff
}

.more:after {
display:block;
clear:both;
content:""
}

.firstnews {
width:100%;
display:block;
height:auto;
overflow:hidden
}

.firstnews img {
float:right;
width:100%;
height:auto
}

.firstnews h2 {
line-height:20px;
padding:5px 0;
color:#343a40;
font-weight:700;
font-size:15px
}

.firstnews h3 {
line-height:1.7
}

.firstnews p {
line-height:1.9;
font-size:11px
}

.shopbox {
padding:50px 25px 20px;
overflow:hidden
}

.shopbox:after {
position:absolute;
left:0;
top:18px;
content:'';
height:100%;
width:30px;
background:#fff;
background:linear-gradient(90deg,#ffff 0%,#b7010100 100%)
}

.shopbox button {
line-height:30px;
text-align:center;
cursor:pointer;
overflow:hidden;
background:#d8d8d8;
color:#fff;
position:absolute;
top:10px;
height:30px;
width:30px;
border-radius:15px;
border:0 solid #fff
}

.shopbox button:hover {
background-color:#ffc107;
color:#000
}

.shopbox button.slick-next {
right:45px
}

.shopbox button.slick-prev {
right:10px
}

.shop {
margin-right:10px;
padding:10px;
width:180px;
float:right;
border-radius:7px;
border:1px solid #f1f1f1;
border-radius:6px;
-webkit-box-shadow:0 0 4px 0 #d1d1d1;
box-shadow:0 0 4px 0 #d1d1d1;
background:#fff
}

.shop img {
width:100%
}

.shop h2 {
text-align:center;
padding:10px 0;
height:50px;
line-height:25px
}

.shop div.price {
float:left;
text-align:left;
font-size:11px;
color:#1a6400
}

#soch {
text-align:left;
width:100%;
padding:20px 0;
height:75px
}

#soch li {
display:inline-block;
font-size:14px;
padding:0
}

#soch li a {
background-color:#fff;
width:35px;
height:35px;
display:inline-block;
border-radius:20px
}

#soch li span {
color:#000
}

.menuback {
display:none
}

.opens {
display:block!important
}

.league-teem div,.main-league h5.font-sport-text i {
text-align:center;
float:right;
width:15%
}

.commtext div.onoff {
width:120px
}

.commtext div.onoff a,.commtext div.onoff input {
line-height:10px;
float:left;
padding:5px;
margin-left:5px
}

.commtext div.onoff,.commtext div.onoff a {
background-color:#f8f8f8
}

.commtext img,.text iframe {
max-width:100%
}

.even {
background-color:#ececec
}

.game-score {
padding:0;
float:right;
margin:5px 0;
width:30%;
height:25px;
line-height:25px;
font-size:12px;
display:block;
border-radius:15px;
background-color:#ced4da
}

.game-score i,.main-league h5.font-sport-text i {
font-style:normal
}

.game-team-gust,.game-team-owner {
float:left;
padding:0;
margin:0;
width:35%
}

.game-team-owner {
float:right
}

.inbox a li i {
width:100%;
position:absolute;
top:30%;
color:#f1f1f1cc;
text-shadow:0 0 20px #0000001a;
font-size:60px
}

.inbox,.inbox a li img {
width:100%
}

.iran-league {
display:table;
width:100%;
margin:5px auto
}

.iran-league select,.iran-league select.league-name {
width:49%;
padding:0;
line-height:26px;
font-size:11px;
font-family:tahoma
}

.iran-league select {
text-align:center;
border:0 solid #fff;
float:left
}

.iran-league select.league-name {
display:none
}

.sport-mobile-hide {
display:none
}

.iran-league h5.font-sport-text {
background-color:#ffc107;
color:#fff;
height:26px
}

.league-box {
padding:0;
margin:0;
list-style-type:none
}

.league-teem {
line-height:26px
}

.league-teem h4 {
display:block;
margin:0;
font-weight:400
}

.league-teem h4,.loged li label {
float:right;
width:50%
}

.league-teem,ul.tabs {
width:100%;
display:table
}

.league-week,.lid img {
display:none
}

.lid {
width:100%;
display:table;
margin-bottom:5px;
line-height:28px
}

.log-links {
margin-top:30px;
margin-bottom:5px;
border-top:1px dashed #f1f1f1;
text-align:center
}

.log-links a {
float:right;
color:#ff485b;
margin:4%;
line-height:30px;
border:1px solid #ff485b;
border-radius:4px;
width:40%
}

.log-links a,.playerbox {
display:table;
height:30px
}

.log-links a:hover {
color:#fff;
background-color:#ff485b
}

.log-links h2 {
color:#ff485b;
font-size:16px
}

.log-links,.loged li,.submitline {
display:table;
border-bottom:1px solid #f1f1f1;
padding:5px;
width:100%
}

.log-links h2,.loged li {
line-height:40px
}

.loged li input {
float:left;
width:70%
}

.loged,.submitline button {
width:100%
}

.main-league {
margin:5px 0 0
}

.main-league h5.font-sport-text span {
display:block;
width:60%;
display:none;
font-weight:700;
float:right;
text-align:right
}

.league-team-score {
background-color:#ced4da
}

.mass_comments_action {
display:none
}

.menutop {
background:#0009
}

.moret,.playerb {
border-radius:4px
}

.moret {
margin-top:5px;
background-color:#febb14;
color:#3e3e3e;
padding:3px 15px;
float:left
}

.moret:hover {
background-color:#d13600;
color:#fff!important
}

.playerb {
padding:5px 10px;
color:#000;
margin-left:5px;
float:right;
background-color:#f8ca00;
height:30px;
line-height:20px
}

.playerbox {
padding:5px;
background-color:#333;
width:100%
}

.reply {
background-color:#ff485b;
color:#fff;
float:left;
padding:0 5px
}

.section div.cbox a.news i {
padding-left:7px;
color:#1a1d20
}

.sport-game {
list-style-type:none;
margin:0;
padding:0;
font-size:11px
}

.sport-game li {
width:100%;
display:block;
width:100%;
overflow:hidden;
line-height:35px;
height:35px
}

.sport-game li,h5.font-sport-text {
text-align:center;
line-height:35px
}

h5.font-sport-text {
font-weight:400;
font-size:12px;
overflow:hidden
}

.nextmatch {
padding-right:92px;
position:relative;
line-height:15px;
color:#212121;
height:45px;
margin:15px 0 0 5px;
border-radius:25px;
background:#fff;
background:linear-gradient(-90deg,#fff0 0%,#ffffff4d 20%,#fff9 100%)
}

.nextmatch p {
color:#865900;
padding:5px 0 0;
margin:0
}

.nextmatch h2 {
letter-spacing:-.5px;
line-height:20px;
font-weight:700;
font-size:14px
}

.nextmatch img.mizban {
height:55px;
position:absolute;
right:0;
top:-5px;
z-index:3
}

.nextmatch img.mihman {
height:55px;
position:absolute;
right:35px;
top:-5px;
z-index:2
}

.nextmatch:hover {
color:#fff;
background:#000;
background:linear-gradient(-90deg,#0000 0%,#0000004d 20%,#0009 100%)
}

.nextmatch:hover p {
color:#fff
}

.sport-iran-football li:before {
display:none
}

.speedbar {
background-color:#f1f1f1;
padding:5px 0
}

.button {
display:inline-block;
border-radius:4px;
background-color:#fe3042;
border:none;
color:#FFF;
text-align:center;
font-size:13px;
padding:7px 15px;
width:200px;
transition:all .5s;
cursor:pointer;
margin:10px 0
}

.button span {
cursor:pointer;
display:inline-block;
position:relative;
transition:.5s
}

.button span:after {
content:'\00bb';
position:absolute;
opacity:0;
top:0;
right:-20px;
transition:.5s
}

.button:hover span {
padding-right:25px
}

.button:hover span:after {
opacity:1;
right:0
}

.item-nav {
border-left:1px solid #f1f1f1
}

.lid img.photo {
display:block;
width:100%;
max-width:45%;
float:left;
padding:5px;
border:1px solid #f1f1f1;
margin:0 15px 5px 0
}

.fullstory {
color:#3e3e3e;
text-align:justify;
display:table;
width:100%;
line-height:1.8;
font-size:.8rem;
padding-bottom:10px
}

.fullstory b {
font-weight:bolder
}

.fullstory h1 {
padding:7px 0 13px;
font-weight:bolder;
color:#000;
font-size:20px
}

.grid_3_4 {
width:calc(100% - 55px);
float:left
}

.avacomm {
width:50px;
float:right;
position:relative;
margin-left:5px
}

.avacomm div.online {
border-radius:8px;
width:16px;
height:16px;
z-index:10;
top:0;
right:0;
border:3px solid #f9f9f9;
background-color:#00be68;
position:absolute
}

.avacomm img {
border-radius:30px;
border:2px solid #ddd
}

.avacomm input {
margin:0 15px
}

.bcomment {
display:table;
margin-bottom:10px
}

.bcomment,.comments {
width:100%
}

.betiap,.betlogin {
width:90%;
border-radius:0 0 5px 5px;
margin:0 auto;
background-color:#1b1e21;
color:#fff;
height:30px;
text-align:center;
line-height:30px
}

.betlogin {
display:inline-block;
width:80%;
margin:15% 10%;
border-radius:5px;
background-color:#ffc107;
color:#000
}

.blocktop {
margin-bottom:10px;
line-height:30px;
background-color:#febb14
}

.close {
float:left;
font-size:11px
}

.comm_h {
display:none
}

.commtext {
border:1px solid #ddd;
background-color:#f9f9f9;
border-radius:4px;
width:calc(100% - 55px);
padding:5px;
float:left;
line-height:23px
}

.commtext div p,.lid img {
margin-top:0
}

.commtext div.date {
background-color:#e9ecef
}

.commtext div.date,.commtext div.onoff,.league-teem div,.main-league h5.font-sport-text i {
text-align:center;
float:left;
width:20%
}

.teem-number {
float:right!important;
width:10%!important
}

.commtext div.onoff {
width:120px
}

.commtext div.onoff a,.commtext div.onoff input {
line-height:10px;
float:left;
padding:5px;
margin-left:5px
}

.commtext div.onoff,.commtext div.onoff a {
background-color:#f8f8f8
}

.commtext img,.text iframe {
max-width:100%
}

.rate {
margin:10px -5px -5px;
padding:5px;
background-color:#ececec;
border-radius:0 0 5px 5px
}

.item-nav {
line-height:25px;
width:100%;
background:#0000000d;
max-width:100%;
display:table;
color:#ababab;
margin-left:auto;
margin-right:auto;
margin-bottom:15px
}

.item-nav div {
display:table;
padding:0 7px;
line-height:30px
}

.item-nav div a {
color:#ababab
}

.isa_info {
background-color:#ffdd95;
color:#734e00;
padding:50px 0;
margin:5px 0 15px;
text-align:center;
border-radius:10px
}

#desktopui {
height:36px;
margin:18px 0 0;
float:left
}

#desktopui li {
float:left;
margin-right:10px
}

#desktopui li a {
cursor:pointer;
background-color:#895001;
color:#fff;
font-size:14px;
height:36px;
line-height:36px;
padding:0;
width:36px;
text-align:center;
display:block;
border-radius:18px
}

#desktopui li a i {
vertical-align:middle
}

#desktopui li a:hover {
background-color:#272727
}

.navholder img {
display:none
}

.footer {
background-color:#212121;
font-size:11px
}

.footer h4 {
font-weight:700;
margin-bottom:5px;
color:#585858;
width:100%;
display:block;
padding:5px 0
}

#soch2 {
text-align:center
}

#soch2 li {
margin:0 0 0 10px;
display:inline-block;
margin:10px 0
}

#soch2 li a {
color:#fff;
background-color:#0003;
width:40px;
height:30px;
line-height:32px;
text-align:center;
border-radius:15px;
display:block
}

#soch2 li a:hover {
background-color:#000
}

.backlink {
width:100%;
line-height:26px;
display:block;
color:#fff
}

#loginpage {
position:fixed;
display:none;
left:0;
top:0;
width:100%;
height:100%;
bottom:0;
background-color:#000000e6;
z-index:1000
}

.logincontainer {
height:100%;
display:table;
max-width:900px
}

.logincontainer div.row {
border-radius:10px;
overflow:hidden;
vertical-align:middle;
width:100%;
box-shadow:0 0 20px 3px #000c
}

.poster {
background:linear-gradient(89deg,#ffab00,#ffe300);
background-size:400% 400%;
-webkit-animation:AnimationName 2s ease infinite;
-moz-animation:AnimationName 2s ease infinite;
-o-animation:AnimationName 2s ease infinite;
animation:AnimationName 2s ease infinite;
text-align:center;
position:relative;
min-height:120px
}

@-webkit-keyframes AnimationName {
0% {
background-position:0 51%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 51%
}
}

@-moz-keyframes AnimationName {
0% {
background-position:0 51%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 51%
}
}

@-o-keyframes AnimationName {
0% {
background-position:0 51%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 51%
}
}

@keyframes AnimationName {
0% {
background-position:0 51%
}

50% {
background-position:100% 50%
}

100% {
background-position:0 51%
}
}

.poster img {
height:80px;
height:80px;
border-radius:40px;
position:absolute;
top:50%;
left:50%;
margin-top:-40px;
margin-left:-40px
}

.form {
background-color:#f5f5f5;
color:#000;
padding:20px
}

.form ul li label {
text-align:center;
border:1px solid #e4e4e4;
background-color:#e4e4e4;
border-radius:0 5px 5px 0;
width:90px;
float:right
}

.form ul li input {
border:1px solid #e4e4e4;
background-color:#fff;
border-radius:5px 0 0 5px;
width:calc(100% - 90px);
float:left
}

.form h3 {
padding:10px;
font-weight:700;
padding:10px;
font-weight:bold;
color:#868686;
font-size:12px;
text-align:center
}

.form button {
background-color:#ff485b;
color:#fff
}

.form button:hover {
background-color:#de091f;
color:#fff;
background-color:#de091f;
color:#fff
}

.close {
font-size:1.5rem!important
}

.profileurl {
width:100%;
line-height:40px
}

.profileurl li {
width:100%
}

.profileurl li.exit a {
color:#9f2d00
}

.profileurl li a {
color:#000;
width:100%;
padding:5px;
display:block
}

.profileurl li a:hover {
background-color:#fff;
border-radius:7px
}

.profileurl li a i {
color:#a0a0a0;
margin-left:5px
}

.mypms {
color:#a0a0a0
}

.player-box {
background-size:auto 100%;
background-position:center;
text-align:center;
width:100%;
margin:0;
padding:10px 0;
display:inline-block;
height:340px;
position:relative;
overflow:hidden
}

.player2020 {
float:right;
margin:10px 20px;
border-radius:2px;
width:150px;
height:300px;
text-align:center;
display:block;
position:relative;
background:#ececec;
transform:skewX(-10deg);
overflow:hidden
}

.player2020 div.over {
width:150px;
height:100px;
position:absolute;
background:#464646;
background:linear-gradient(180deg,#2e294500 0%,#464646 100%);
bottom:0;
z-index:998
}

.player2020 img {
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
bottom:0;
right:0;
position:absolute;
height:310px;
transform:skewX(10deg);
opacity:.7;
filter:alpha(opacity=70)
}

.player2020 span {
z-index:997;
display:inline-block;
position:absolute;
transform:skewX(10deg)
}

.player-box div.slick-active {
overflow:inherit;
background-size:auto 100%;
background:#d09600;
background:linear-gradient(45deg,#d09600ff 0%,#ffc300ff 80%,#d09600ff 100%)
}

.slick-active img {
-webkit-filter:grayscale(1%);
filter:grayscale(1%);
opacity:1;
filter:alpha(opacity=100)
}

.slick-active span {
z-index:999
}

.player2020 span.firstname {
bottom:40px;
font-size:11px;
display:none;
right:10px;
color:#000
}

.player2020 span.lastname {
bottom:10px;
font-weight:700;
font-size:16px;
line-height:25px;
right:10px;
background-color:#a9bce6;
color:#000;
padding:2px 5px
}

.slick-active span.firstname {
color:#000
}

.slick-active span.lastname {
background-color:#000;
color:#a9bce6
}

.slick-active div.over {
width:150px;
height:100px;
position:absolute;
background:#464646;
background:linear-gradient(180deg,#2e294500 0%,#ffc107 100%);
bottom:0;
z-index:998
}

.player-box:after {
position:absolute;
left:0;
top:18px;
content:'';
height:100%;
width:70px;
background:#fff;
background:linear-gradient(90deg,#ffff 0%,#b7010100 100%)
}

.player-box:before {
position:absolute;
right:0;
top:18px;
content:'';
height:100%;
z-index:50;
width:70px;
background:#fff;
background:linear-gradient(90deg,#fff0 0%,#ffff 100%)
}

#dle-content {
width:100%
}

.playerposter {
max-height:470px;
position:relative;
overflow:hidden;
box-shadow:inset -18px 20px 20px 0 #ffffffe6
}

.playerposter img.pposter {
max-width:90%;
float:left;
z-index:1
}

.playerposter img.back {
filter:grayscale(100%) opacity(30%) blur(2px);
z-index:-1;
position:absolute;
width:200%;
top:-10%;
left:-10%
}

.playerposter img.bottomblock {
z-index:2;
position:absolute;
width:100%;
bottom:0;
left:0
}

.playerposter h2.name {
line-height:40px;
background-color:#ffffffb3;
bottom:10px;
z-index:3;
position:absolute;
font-size:30px;
font-weight:700
}

.playerposter h2.name p {
font-size:10px;
line-height:20px;
color:#e3e3e3
}

.playerposter div.shomare {
font-family:fantasy;
font-size:200px;
line-height:200px;
position:absolute;
width:100%;
text-align:center;
top:5px;
left:0;
color:#000e0914;
z-index:-1
}

.playerbio {
width:100%
}

.playerbio tr td {
font-size:14px;
color:#212844;
width:33.33%;
padding:5px
}

.playerbio tr td b {
font-size:12px;
font-weight:700;
display:block;
width:100%;
color:grey
}

.playerbio tr td p {
font-size:12px;
text-align:justify;
color:#636b6f
}

.bio img {
width:100%
}

body {
background-image:url(../images/bglogo.jpg);
background-size:50% auto;
background-position:top right;
background-repeat:no-repeat;
transition:all .5s
}

.newsbox {
padding:0 15px
}

a.category {
background:#cddbe9;
padding:5px 10px;
border-radius:15px;
color:#fff;
margin:10px 0 5px;
display:inline-block
}

.newsbox h3 {
font-weight:700;
font-size:22px;
color:#494949
}

.newsbox time {
text-align:left;
width:100%;
display:block;
font-weight:600;
font-size:12px;
color:#777676
}

.titr1 {
width:100%;
aspect-ratio:2 / 1;
border-radius:16px;
overflow:hidden;
position:relative;
display:flex
}

.titr1 img {
width:100%;
aspect-ratio:2 / 1;
border-radius:16px
}

.titr1 div.desc {
position:absolute;
bottom:0;
width:100%;
right:0;
padding:50px 20px 30px;
color:#a2a2a2;
background:#000;
background:linear-gradient(0deg,#000000b0 0%,#00000073 76%,#031d3e00 100%);
border-radius:0 0 16px 16px
}

.titr1 h3 {
font-weight:700;
font-size:22px;
color:#fff;
text-shadow:1px 1px 4px #000
}

.wline {
display:grid;
align-content:space-between;
padding:20px
}

div.desc {
border-bottom:2px solid #f1f1f1;
padding-bottom:10px
}

.titr2 h3 {
font-weight:700;
font-size:18px;
color:#494949
}

.bg {
background:#f2f5f8;
margin:0 15px;
border-radius:15px;
padding:20px 10px
}

.newsbox2 {
padding:30px 15px;
display:table;
width:100%
}

.newsbox2 img {
float:right;
width:80px;
height:80px;
margin-left:10px;
border-radius:40px
}

.newsbox2 h3 {
font-weight:700;
font-size:14px;
color:#494949
}

.newsbox3 {
padding:20px 15px;
display:table;
width:100%
}

.newsbox3 img {
width:100%;
aspect-ratio:2 / 1;
border-radius:16px
}

.newsbox3 h3 {
font-weight:700;
font-size:14px;
color:#494949
}

.newsbox3 p {
font-weight:300;
font-size:13px;
color:#494949
}

.servicetitle {
padding:0 15px;
width:100%;
display:table;
color:#cddbe9;
font-weight:700;
font-size:15px
}

.servicetitle:before {
margin:3px 0 3px 10px;
content:"";
display:block;
width:20px;
height:20px;
background-color:#cddbe9;
float:right;
border-radius:10px
}

.linebottom {
border-bottom:2px solid #f1f1f1;
padding-bottom:10px;
margin-bottom:30px
}

.hotnews li {
margin-bottom:10px
}

.hotnews li a {
color:#262626;
font-weight:500
}

.hotnews li a i {
color:#fe3000;
margin-left:5px;
font-weight:700;
transition:all .5s
}

.hotnews li a:hover i {
color:#cddbe9;
margin-left:7px
}

.grouped-boxes {
background:#f2f5f8;
overflow:hidden;
padding:20px 0;
margin:20px 0
}

.grouped-boxes .more {
background:#fff
}

.grouped-boxes .more:hover {
background-color:#cddbe9;
color:#fff
}

.footerlogo {
width:150px;
margin:0 0 20px;
display:block
}

.copyright {
color:#fff;
line-height:40px;
font-size:12px;
text-align:center;
background:#00742f;
margin:10px 0 0
}

.copyright a {
color:#e0ffed;
font-weight:800
}

.newsbox4 {
padding:20px 15px;
display:table;
width:100%
}

.newsbox4 img {
max-width:30%;
aspect-ratio:3/2;
border-radius:20px;
float:right;
width:200px;
margin-left:20px
}

.newsbox4 h3 {
font-weight:700;
font-size:14px;
color:#494949
}

.newsbox4 a.category {
margin-top:0
}

.titlebar {
padding-right:35px;
position:relative;
height:24px;
font-weight:800;
font-size:16px;
margin:0 0 20px;
color:#2c2c2c
}

.titlebar a {
color:#2c2c2c
}

.titlebar::before {
content:"";
background-color:#2065e4;
width:18px;
display:block;
border-radius:4px;
height:18px;
position:absolute;
top:6px;
right:0
}

.titlebar::after {
content:"";
background-color:#2c2c2c;
width:10px;
display:block;
border-radius:2px;
height:10px;
position:absolute;
top:0;
right:14px
}

.sarkhat {
width:100%;
display:table;
margin-bottom:5px
}

.sarkhat img {
width:64px;
height:64px;
border-radius:16px;
float:right;
margin-left:16px
}

.sarkhat h3 {
color:#494949;
font-size:13px;
font-weight:800
}

.margintop {
margin-top:40px
}

.storyline {
width:100%;
margin:10px auto;
padding:10px 0
}

.story {
width:64px;
float:right;
margin:10px 0 10px 20px;
text-align:center
}

.story img {
width:64px;
height:64px;
padding:2px;
margin:2px;
background:linear-gradient(315deg,#e03d96,#7d4c9e);
border:2px solid #f1f1f1;
border-radius:32px;
display:inline-block
}

.tags {
color:#fff
}

.tags a {
padding:5px 10px;
background:hsl(240deg 11.11% 94.71%);
margin:0 0 0 5px;
border-radius:20px;
text-decoration:none;
color:#979797;
line-height:40px;
font-size:11px
}

.today {
text-align:left;
color:#494949;
height:100%;
display:flex;
align-items:flex-end;
justify-content:center;
padding:10px;
flex-wrap:wrap;
flex-direction:column;
align-content:stretch
}

input.searchinput {
width:100%;
display:block;
padding:0 10px;
text-align:left;
height:40px;
background:#f2f5f8;
border-radius:20px;
margin-top:10px
}

.topmenu {
background:#f2f5f8;
overflow:hidden;
border-radius:20px;
margin:0 10px;
padding:0;
list-style-type:none;
width:calc(100% - 20px);
transition:all .5s;
height:40px
}

h4.servicetitle {
padding:0;
width:100%;
margin-bottom:10px;
display:table;
color:#cddbe9;
font-weight:700;
font-size:15px
}

h4.servicetitle:before {
margin:3px 0 3px 10px;
content:"";
display:block;
width:20px;
height:20px;
background-color:#fff;
box-shadow:inset 2px 3px 8px 0 #d4d4d4;
float:right;
border-radius:10px
}

.banner {
width:100%;
border-radius:10px
}

.bannerbox {
padding:20px 15px
}

.first .slick-dots {
bottom:-2px;
text-align:center;
position:absolute;
left:24px
}

.first .slick-dots li {
margin:0 3px;
display:inline-block
}

.first .slick-dots li button {
display:block;
height:18px;
width:18px;
border-radius:6px 6px 0 0;
border:0 solid #2c2c2c;
background-color:#2c2c2c;
color:#2c2c2c;
overflow:hidden
}

.first .slick-dots li.slick-active button {
background-color:#2065e4;
color:#2065e4
}

.ai {
margin:20px 0;
font-weight:500
}

.ai b {
margin-left:10px;
height:32px;
border-radius:16px;
padding:0 4px 0 16px;
display:inline-block;
background-color:#e0ebff;
color:#6a678d;
line-height:32px;
font-weight:600
}

.ai b:hover {
cursor:pointer;
background-color:#bfcade
}

.ai b img {
width:22px;
height:22px;
margin:5px;
float:right
}

footer {
background-color:#152e5c;
color:#000;
text-align:right;
color:#e3eeff;
line-height:21px
}

.copyright {
color:#fff;
line-height:40px;
font-size:12px;
text-align:center;
background:#222;
margin:10px 0 0
}

.copyright a {
color:#FFC107;
font-weight:800
}

.logo {
display:flex;
align-items:center;
flex-direction:row
}

.logo a {
display:table
}

button#navi {
float:right;
margin:20px;
padding:8px;
border-radius:8px;
background-color:#cddbe9;
color:#425c76;
font-size:13px;
font-weight:500;
display:flex;
align-items:center;
justify-content:center;
align-content:center
}

#navi i {
font-size:20px;
margin-left:8px
}

button#navi:hover {
cursor:pointer;
background-color:#425c76;
color:#cddbe9
}

.shimmer img {
background-color:#f1f1f1;
width:100%
}

.ai-loader {
display:inline-flex;
gap:6px;
margin:10px 0;
align-items:center
}

.ai-loader span {
width:8px;
height:8px;
background:#4e8cff;
border-radius:50%;
animation:aiBlink .8s infinite alternate;
opacity:.5
}

.ai-loader span:nth-child(2) {
animation-delay:.15s
}

.ai-loader span:nth-child(3) {
animation-delay:.3s
}

@keyframes aiBlink {
from {
opacity:.3;
transform:scale(0.8)
}

to {
opacity:1;
transform:scale(1)
}
}

.ai-content {
margin-top:10px;
opacity:0;
transform:translateY(4px);
transition:opacity .6s ease-in-out,transform .4s ease
}

.ai-content.show {
opacity:1;
transform:translateY(0)
}

@media (prefers-color-scheme: dark) {
.ai-loader span {
background:#81a7ff
}
}

.menusc li a span {
display:none
}

#soch2 li a {
color:#fff;
background-color:#0003;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:20px;
display:block
}

.pic {
border-radius:5px;
background-color:#e3e3e3;
aspect-ratio:3/2;
max-width:300px!important;
width:40%;
height:auto;
color:#9b9b9b;
text-align:center;
vertical-align:middle;
font-size:12px
}

.allmainfull h2 {
color:#365ca1;
font-size:18px;
margin-top:17px;
letter-spacing:-.5px;
font-weight:800
}

.allmainfull h3 {
color:#365ca1;
font-size:16px;
margin-top:17px;
letter-spacing:-.5px;
font-weight:700
}

.allmainfull h4 {
color:#365ca1;
font-size:16px;
margin-top:17px;
letter-spacing:-.5px;
font-weight:600
}

.allmainfull h5 {
color:#365ca1;
font-size:15px;
margin-top:17px;
letter-spacing:-.5px;
font-weight:500
}

.allmainfull h6 {
color:#365ca1;
font-size:14px;
margin-top:17px;
letter-spacing:-.5px;
font-weight:400
}

.allmainfull p {
margin:0 0 5px;
line-height:2.1;
font-size:14px;
font-weight:400;
font-kerning:none
}

.allmainfull p b {
font-weight:600
}

.allmainfull ul {
list-style:none;
margin:1.2rem 0;
padding-right:1.5rem
}

.allmainfull ul li {
position:relative;
margin:.6rem 0;
padding-right:1.2rem;
font-size:14px;
line-height:1.8
}

.allmainfull ul li::before {
content:"";
position:absolute;
top:10px;
right:0;
width:9px;
height:9px;
background:#365ca1;
border-radius:50%
}

#fullnews-s img {
max-width:100%;
height:auto
}

video {
aspect-ratio:16/9;
width:100%
}

figcaption {
text-align:center;
color:#999;
font-size:11px;
margin-bottom:20px;
padding:5px
}

.adblock {
padding:0 5px
}

.ad300x250 {
width:100%;
aspect-ratio:300/250;
background-color:#e3e3e3;
border-radius:5px;
margin:0 7px 10px;
overflow:hidden
}

.ad300x250 img {
width:100%
}

.ad728x90 {
width:100%;
aspect-ratio:728/90;
background-color:#e3e3e3;
border-radius:5px;
margin:0 0 10px;
overflow:hidden;
max-height:90px
}

h5.title {
width:100%;
display:block;
color:#2c2240;
line-height:40px;
font-weight:700;
font-size:14px
}

h5.title:before {
margin:10px 0 10px 10px;
content:"";
float:right;
background:#2e2844;
display:block;
width:14px;
height:14px;
border-radius:3px
}

.box {
margin-bottom:20px
}

.poll_title {
color:#49586b
}

.vote_list {
margin-bottom:10px
}

.videolist a div.holdericon {
float:right;
width:100px;
aspect-ratio:3/2;
overflow:hidden
}

.videolist a div.holdericon img {
border-radius:5px;
background-color:#e3e3e3
}

.videolist a div.holdericon svg {
width:50px;
height:40px;
top:calc(50% - 20px)
}

.videolist a h3 {
float:right;
width:calc(100% - 110px);
text-align:right;
margin-right:10px;
padding:0;
height:40px
}

.videolist a div.date {
float:right;
width:calc(100% - 110px);
text-align:left;
display:none;
height:20px
}

.videolist:hover > a div.date {
display:block
}

.commentholder {
margin:20px 0;
background-color:#fff;
padding:30px 0;
color:#757575;
font-size:13px;
text-align:center;
border-radius:14px
}

.commentholder p {
margin:0
}

.commentholder p svg {
margin:-7px 0 -7px 5px
}

.comments {
background:#f1f1f1;
padding:10px;
margin:10px;
width:calc(100% - 20px);
color:#757575;
font-size:13px;
border-radius:10px
}

.comments div.top a {
color:#2e2945;
font-weight:700
}

.comments div.top a svg {
margin:-7px 0 -7px 5px;
color:#757575
}

.comments ul.bottom {
margin-top:20px;
color:#757575;
font-size:11px;
width:100%
}

.comments ul.bottom li {
float:left;
margin-right:20px;
display:block;
height:20px;
line-height:20px;
text-align:right
}

.comments ul.bottom li a {
color:#757575
}

.comments ul.bottom li a svg {
display:inline-block;
float:right;
margin-left:5px;
fill:#757575
}

.mass_comments_action {
padding:15px;
margin:10px 0;
color:#757575;
border:0 solid #fff;
font-size:13px;
border-radius:14px
}

.comment-note {
background:#dee2e6;
border-radius:4px;
color:var(--main-text-color);
text-align:center;
float:right;
margin:20px 0;
padding:15px;
font-size:13px;
width:100%;
border-radius:14px
}

.addcmform {
margin:10px;
width:calc(100% - 20px);
background:#f1f1f1;
padding:10px;
position:relative;
height:100px;
border-radius:14px;
display:table
}

.addcmform textarea {
width:100%;
height:100%;
border:0 solid #bcc0c2;
background:#f1f1f1
}

.addcmform button.submit {
background:#2e2945;
position:absolute;
border-radius:14px;
padding:10px;
left:15px;
bottom:15px;
padding:10px 30px;
cursor:pointer
}

.comments_subscribe {
display:none
}

.comments_subscribe br {
display:none
}

.comments div.bottom div.rate {
float:left;
width:50%
}

.comments div.bottom div.rate div.rate_like-dislike {
text-align:left
}

.combo_field {
width:100%;
display:flex;
justify-content:space-between;
margin-bottom:10px
}

.combo_field input {
width:calc(50% - 6px);
border-radius:14px;
padding:10px;
display:inline-block
}

.commentsbody {
padding:10px 0;
line-height:20px
}

.fulltext table thead {
background-color:#2e2945;
color:#fff;
font-size:12px
}

.fulltext h4 {
font-weight:700;
margin-top:20px
}

@-moz-keyframes shimmer {
0% {
transform:translateX(150%)
}

to {
transform:translateX(-150%)
}
}

@-webkit-keyframes shimmer {
0% {
transform:translateX(150%)
}

to {
transform:translateX(-150%)
}
}

@keyframes shimmer {
0% {
transform:translateX(150%)
}

to {
transform:translateX(-150%)
}
}

.shimmer {
background-color:#fafafa;
overflow:hidden;
padding:0!important;
position:relative
}

.shimmer:before {
animation-duration:2s;
animation-fill-mode:forwards;
animation-iteration-count:infinite;
animation-name:shimmer;
animation-timing-function:ease-in-out;
background-image:linear-gradient(90deg,#fafafa 0,#f5f5f5 50%,#fafafa);
background-repeat:no-repeat;
background-size:100% 100%;
content:"";
display:block;
height:100%;
position:absolute;
width:200%
}

.shimmer.absolute {
bottom:0;
left:0;
position:absolute;
right:0;
top:0
}

.shimmer img {
height:50%;
left:50%;
object-fit:contain;
object-position:center center;
opacity:.05;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:50%;
z-index:1
}

.newsdet {
color:#607d8b;
font-size:10px
}

#fullnews {
padding:0 8px
}

#fullnews h1.title {
color:#0a131c;
line-height:1.75;
font-size:16px;
font-weight:700;
padding:10px 0;
border-bottom:1px solid #f1f1f1;
margin-bottom:10px
}

.shortnews {
text-align:justify;
line-height:2.1;
font-weight:400;
font-size:12px;
color:#0a131c;
text-rendering:optimizeSpeed
}

.newsimage {
margin-top:16px;
text-align:center;
display:table;
width:100%
}

.newsimage img {
max-width:500px;
width:100%;
border-radius:8px
}

@media (min-width: 1200px) {
#fullnews h1.title {
font-size:22px
}
}

.alltags a {
background-color:#f5f7f8;
color:#607d8b;
border-radius:4px;
padding:6px 8px;
font-size:12px;
margin:4px
}

.listbox {
background-color:#f5f7f8;
padding:16px;
border-radius:8px;
margin:8px
}

.listofnews li:before {
content:'';
display:block;
float:right;
-webkit-transition:.2s all;
-o-transition:.2s all;
transition:.2s all;
z-index:90;
opacity:.7;
width:15px;
border-radius:3px;
height:6px;
background:#c6c6c6;
margin-left:6px;
margin-top:9px
}

.ad {
width:calc(100% - 16px);
border-radius:8px;
margin:0 8px 8px
}

.fulltext img {
max-width:100%;
border-radius:10px;
margin:1rem 0
}

.fulltext table {
width:100%!important;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin:1rem 0;
border-radius:10px;
box-shadow:0 2px 8px #00000014
}

.fulltext table table {
width:100%!important;
border-collapse:collapse;
min-width:600px
}

.fulltext table th,.fulltext table td {
padding:10px 0;
text-align:center;
width:auto!important;
font-size:.95rem;
border-bottom:1px solid #e0e0e0;
white-space:nowrap
}

.fulltext table td p {
margin:0;
white-space:nowrap
}

.fulltext table thead th {
background-color:#1e88e5;
color:#fff;
font-weight:600
}

.fulltext table tfoot td {
background-color:#e3f2fd;
font-weight:500;
color:#0d47a1
}

.fulltext table tbody tr:nth-child(even) {
background-color:#f7f9fc
}

.fulltext table tbody tr:hover {
background-color:#eaf2ff;
transition:background-color .2s
}

@media (max-width: 768px) {
.fulltext table th,.fulltext table td {
font-size:.85rem
}
}

.sharebut {
background-color:#f5f7f8;
color:#607d8b;
border-radius:4px;
padding:6px 8px;
font-size:14px;
margin:4px;
font-weight:700
}

.bugbut {
background-color:#fff0ef;
color:#607d8b;
border-radius:4px;
padding:6px 8px;
font-size:14px;
margin:4px;
font-weight:700
}

.shorturl {
margin:20px 0;
padding:10px 0;
display:block;
width:100%;
text-align:center;
border:none;
background-color:#f5f5f5;
color:#333;
border-radius:8px;
cursor:pointer;
transition:all .3s ease
}

.shorturl:hover {
background-color:#e0e0e0
}

.shorturl:active {
background-color:#d6d6d6
}

.shorturl.copied {
background-color:#1e88e5;
color:#fff;
font-weight:600
}

@media (max-width: 600px) {
.shorturl {
border-radius:0
}
}

ul.cats {
width:100%
}

ul.cats li {
width:100%
}

ul.cats li a {
width:100%;
display:block;
line-height:40px;
border-radius:8px;
margin-bottom:16px;
text-align:center;
background-color:#cddbe9;
color:#425c76;
font-size:13px;
font-weight:500
}

ul.cats li a:hover {
background-color:#425c76;
color:#cddbe9
}

#story-overlay {
position:fixed;
inset:0;
z-index:999999;
display:none
}

#story-backdrop {
position:absolute;
inset:0;
background:#000000d9;
backdrop-filter:blur(4px);
z-index:1;
cursor:pointer
}

#story-wrapper {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#000;
overflow:hidden;
z-index:10;
display:flex;
flex-direction:column
}

@media (min-width: 769px) {
#story-wrapper {
width:380px;
height:680px;
border-radius:16px
}
}

@media (max-width: 768px) {
#story-wrapper {
width:90vw;
height:calc(90vw * 16 / 9);
border-radius:16px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
}

#story-container {
width:100%;
height:100%;
position:relative;
flex:1
}

.story-media {
width:100%;
height:100%;
object-fit:cover
}

.story-html {
width:100%;
height:100%;
font-size:13px;
color:#fff;
overflow-y:auto
}

#story-progress-bars {
position:absolute;
top:10px;
left:0;
width:100%;
padding:0 12px;
display:flex;
gap:6px;
z-index:50;
pointer-events:none;
direction:rtl
}

.story-bar {
flex:1;
height:3px;
background:#ffffff4d;
border-radius:10px;
overflow:hidden;
position:relative
}

.story-bar-fill {
position:absolute;
right:0;
top:0;
height:100%;
width:0;
background:#fff;
border-radius:10px;
transform-origin:right center;
animation:none
}

@keyframes progressFillRTL {
from {
width:0
}

to {
width:100%
}
}

.story-bar.active .story-bar-fill {
animation:progressFillRTL 5s linear forwards
}

#story-prev,#story-next {
position:absolute;
top:0;
width:30%;
height:100%;
cursor:pointer;
z-index:40
}

#story-prev {
left:0
}

#story-next {
right:0
}

#story-close {
position:absolute;
top:12px;
left:12px;
z-index:100;
width:32px;
height:32px;
border-radius:50%;
background:#fff3;
backdrop-filter:blur(2px);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
cursor:pointer;
transition:background .3s
}

#story-close:hover {
background:#fff6
}

.story-slider {
direction:rtl;
overflow-x:scroll;
overflow-y:hidden;
white-space:nowrap;
padding:10px 0;
scrollbar-width:none;
-ms-overflow-style:none
}

.story-slider::-webkit-scrollbar {
display:none
}

.story-avatar {
display:inline-block;
width:78px;
padding:0 6px;
box-sizing:border-box;
cursor:pointer;
vertical-align:top
}

.story-avatar img {
width:60px;
height:60px;
border-radius:50%;
display:block;
margin:auto;
border:2px solid #fff3;
transition:.2s
}

.story-avatar img:hover {
border-color:#fff
}

.story-avatar.viewed img {
border-color:#fff3;
opacity:.7
}

.story-html p {
display:inline-block;
padding:5px;
border-radius:5px;
text-align:center;
font-size:13px;
font-weight:700;
background-color:#2c2c2cc9;
margin-bottom:10px
}

.insta-link {
display:inline-block;
padding:8px 24px;
font-size:12px;
font-weight:600;
font-family:inherit;
text-align:center;
color:#fff;
text-decoration:none;
border-radius:8px;
background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
background-size:300% 300%;
transition:all .3s ease;
cursor:pointer
}

.insta-link:hover {
display:inline-block;
padding:8px 24px;
font-size:12px;
font-weight:600;
font-family:inherit;
text-align:center;
color:#fff;
text-decoration:none;
border-radius:8px;
background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
background-size:300% 300%;
transition:all .3s ease;
cursor:pointer
}

.story-scroll {
margin:20px 0;
height:60px;
width:100%;
overflow:hidden
}

.wrapper {
display:flex;
flex-direction:column
}

.sliderbox {
order:1
}

.storybox {
order:2
}

@media (max-width: 768px) {
.sliderbox {
order:2
}

.storybox {
order:1;
padding:0 10px 0 0
}

.hideinmobile {
display:none
}

.titr1 h3 {
font-weight:700;
font-size:16px
}

.desc p {
display:none
}

.logo {
display:flex;
align-items:center;
flex-direction:row;
justify-content:space-between
}

button#navi {
float:left;
margin:0 0 0 15px
}

.logo img {
height:60px;
margin:10px 10px 0 0
}
}