@font-face {font-family: IRANSansX;font-style: normal;font-weight: 100;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-Thin.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-Thin.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: 200;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-UltraLight.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-UltraLight.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: 300;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-Light.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-Light.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: 500;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-Medium.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-Medium.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: 600;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-DemiBold.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-DemiBold.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: 800;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-ExtraBold.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-ExtraBold.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: 900;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-Black.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-Black.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: bold;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-Bold.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-Bold.woff2) format('woff2');}@font-face {font-family: IRANSansX;font-style: normal;font-weight: normal;src: url(//delta3da.cam/fonts/isx/fonts/woff/IRANSansX-Regular.woff) format('woff'), url(//delta3da.cam/fonts/isx/fonts/woff2/IRANSansX-Regular.woff2) format('woff2');}
body {
padding: 0;
margin: 0;
overflow: auto;
overflow-x: hidden;
background-color: var(--pweb-main-background);
font: 300 14px IRANSansX;
direction: rtl;
text-align: right;
}
ul, li, ol {
margin: 0px;
padding: 0px;
}
a {
text-decoration: none !important;
}
b, strong {
font-weight: 500;
}
input, select, textarea, button {
outline: none
}
ul, li {
list-style: none;
}
h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 0;
}
h3 {
font-size: 13px;
font-family: IRANSansX;
}
textarea {
resize: none;
}
::-moz-selection {
background: #ffda93;
color: #9c6f18;
}
::selection {
background: #ffda93;
color: #9c6f18;
} .cl {
clear: both;
}
.margin_top {
margin-top: 10px;
}
.left_dir {
direction: ltr;
text-align: left;
} header {
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
}
.topheader h1 {
display: none;
}
.topheader h2 {
display: none;
}
header .logo {
background: #ffa800;
position: relative;
width: 100%;
height: 63px;
display: block;
}
header nav ul {
display: flex;
}
header nav li a {
color: #595959;
font-size: 15px;
transition: .3s all ease;
padding: 3px 15px;
}
header nav li a:hover {
color: #846b06;
background: #ffa800;
border-radius: 5px;
}
.banners {
margin-top: 10px;
}
.banners figure {
margin-bottom: 7px;
}
.banners figure img {
width: 100%;
height: auto;
border-radius: 5px;
transition: 0.3s all ease;
}
.banners figure img:hover {
opacity: 0.9;
}
.post_content .text.page .search {
margin: 9px 0;
}
.toppost {
display: flex;
justify-content: space-between;
}
.qrcode {
position: relative;
transition: .3s all ease;
}
.qrcode img {
position: absolute;
top: 10px;
left: 0;
width: 37px;
height: auto;
border-radius: 5px;
z-index: 99999;
}
.qrcode img:hover {
width: 150px;
}
.search button {
background: transparent;
padding: 5px;
border: none;
position: relative;
}
.search input {
border: transparent;
border-right: 1px solid #c9ceda;
padding-right: 10px;
font-weight: 300;
font-size: 13px;
}
.search input::placeholder {
color: #a3a9b5;
font-weight: 300;
font-size: 13px;
}
.top_content .namad {
background: #e7e8ec;
color: #88909d;
padding: 12px 50px;
margin: 10px 0;
border-radius: 4px;
position: relative;
}
.top_content .namad::before {
content: '';
position: absolute;
top: 7px;
right: 5px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/samandehi.png) no-repeat;
width: 37px;
height: 37px;
}
.top_content .rel {
background: linear-gradient(to right, rgba(130, 49, 252, 1) 0%, rgba(130, 49, 252, 1) 18%, rgba(54, 117, 252, 1) 100%);
color: #fff;
padding: 12px;
border-radius: 3px;
}
.BreadcrumbList {
display: flex;
margin-top: 10px;
}
.BreadcrumbList li {
position: relative;
padding-right: 11px;
}
.BreadcrumbList li a {
display: block;
padding: 5px;
color: #9c9c9c;
font-size: 13px;
}
.BreadcrumbList li a:hover {
color: #888;
}
.BreadcrumbList li:after {
position: absolute;
content: '»';
left: -10px;
top: 4px;
}
.BreadcrumbList li:first-child {
padding-right: 0;
}
.BreadcrumbList li:last-child:after {
content: none;
}
.list {
background: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
}
.list .title {
margin: 10px 0px;
color: #aaaaaa;
padding-right: 25px;
position: relative;
margin-right: 0.5rem;
}
.list .title::before {
content: '';
position: absolute;
top: 1px;
right: -8px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/category.svg) no-repeat;
width: 25px;
height: 25px;
}
.list .title.arch:before {
background: url(//delta3da.cam/wp-content/themes/d3da/images/singer.svg) no-repeat;
}
.list ul li a {
color: #636363;
display: block;
font-size: 13px;
padding: 5px 0;
transition: 0.3s all ease;
}
.list ul li a:hover {
padding-right: 5px;
opacity: 0.7;
}
.list .archive>ul {
height: 150px;
overflow: auto;
}
.list .archive ul.artists {
overflow: auto;
height: 100%;
}
.list .archive ul.artists::-webkit-scrollbar {
width: 3px;
}
.list .archive ul.artists::-webkit-scrollbar-track {
background: #f0f1f3;
border-radius: 15px;
}
.list .archive ul.artists::-webkit-scrollbar-thumb {
background: #c8cfdf;
border-radius: 15px;
}
.list .archive ul.artists::-webkit-scrollbar-thumb:hover {
background: #919aab;
} .posts {
transition: all 0.3s;
margin: 15px 0;
}
.posts .post {
background: #fff;
margin: 5px 0;
display: block;
border-radius: 5px;
overflow: hidden;
transition: 0.3s all ease;
}
.posts .post h5 {
font-size: 13px;
color: #505050;
}
.posts .post h6 {
font-size: 12px;
color: #505050;
font-weight: 300;
}
.posts .post:hover {
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
transform: rotate(4deg);
}
.posts .post figure {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}
.posts .post figure img {
width: 100%;
height: auto;
}
.posts .post figure:after {
position: absolute;
top: -50%;
left: -50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 100%;
opacity: 0;
overflow: hidden;
}
.posts .post:hover figure {
animation: figanim ease-in-out .75s forwards;
}
.posts .post:hover figure:after {
animation: circle .75s;
}
.adv {
text-align: center;
}
.adv img, .ads-3 img {
max-width: 100%;
height: auto;
margin-top: 5px;
border-radius: 10px !important;
}
.onlinesplay {
display: flex;
width: 100%;
margin: 15px auto;
justify-content: center;
flex-flow: wrap;
background: rgba(246, 246, 246, 0.8);
padding: 15px;
font: 14px BYekan;
border-radius: 10px;
}
.onlinesplay video {
border-radius: 10px;
}
@keyframes figanim {
0% {
filter: grayscale(.5);
}
40% {
filter: grayscale(.3);
}
100% {
filter: grayscale(0);
}
}
@keyframes circle {
0% {
opacity: 0.8;
background: rgba(213, 156, 34, .2);
}
40% {
opacity: 1;
background: rgba(255, 174, 0, 0.17);
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.posts .post .name {
padding: 0 10px;
}
.posts .post .name h2 {
color: #565656;
font-size: 13px;
font-weight: 500;
}
.posts .post .name .foot_post {
display: flex;
justify-content: space-between;
color: #9d9d9d;
font-size: 13px;
margin: 8px 0;
}
.posts .post .name h3 {
color: #454545;
font-size: 12px;
font-weight: 300;
}
.posts .post .name span {
font-size: 11px;
} .online_player {
background: #fff;
padding: 10px;
border-radius: 5px;
border: 1px solid #eee;
}
.online_player, .online_player .info_play {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.online_player .info_play figure {
overflow: hidden;
border-radius: 8px;
width: 90px;
height: 90px;
margin-bottom: 0;
}
.online_player .info_play figure img {
width: 100%;
}
.online_player .info_play .name {
margin: 10px 20px;
}
.online_player .info_play .name h3 {
color: #303030;
font-size: 14px;
}
.online_player .info_play .name h4 {
color: #303030;
font-size: 13px;
font-weight: 300;
margin: 5px 0;
}
.online_player .info_play a {
color: #b5b8bd;
font-size: 13px;
position: relative;
padding-right: 25px;
}
.online_player .info_play a:hover:before {
background-position: 53.5% 29.5%;
}
.online_player .controlls {
display: flex;
justify-content: space-between;
width: 58%;
margin: 35px 10px 0;
}
.online_player .controlls .seekvol {
width: 100px;
height: 5px;
background: #f0f1f3;
border-radius: 5px;
margin-top: 8px;
display: flex;
justify-content: flex-end;
cursor: pointer;
}
.online_player .controlls .seekvol .seekbarvol {
background: #ffb900;
border-radius: 5px;
width: 95%;
height: 100%;
cursor: pointer;
}
.online_player .controlls .icon::after {
position: absolute;
top: 50%;
left: 69%;
margin: -33px 0 0 -35px;
width: 60px;
height: 60px;
border-radius: 50%;
content: '';
opacity: 0;
pointer-events: none;
background: rgba(255, 193, 7, 0.1);
}
.online_player .controlls .icon.play {
background: url(//delta3da.cam/wp-content/themes/d3da/images/play.svg) no-repeat;
width: 25px;
height: auto;
cursor: pointer;
position: relative;
transition: 0.3s opacity ease;
}
.online_player .controlls .icon.pause {
background: url(//delta3da.cam/wp-content/themes/d3da/images/pause.svg) no-repeat;
width: 25px;
height: auto;
cursor: pointer;
position: relative;
transition: 0.3s opacity ease;
}
.online_player .controlls .icon.play:after, .online_player .controlls .icon.pause:after {
opacity: 1;
background: rgba(220, 222, 224, 0.17);
}
.online_player .controlls .icon:hover:after {
animation: boris 0.4s ease;
}
.online_player .controlls .icon.vol:hover:after {
animation: none;
}
@keyframes boris {
0% {
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1);
}
25%, 50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
.online_player .controlls .icon.play:hover, .online_player .controlls .icon.pause:hover {
opacity: 0.8;
}
.online_player .controlls .icon.forward {
background: url(//delta3da.cam/wp-content/themes/d3da/images/forward.svg) no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
transition: 0.3s opacity ease;
}
.online_player .controlls .icon.backward {
background: url(//delta3da.cam/wp-content/themes/d3da/images/backward.svg) no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
transition: 0.3s opacity ease;
}
.online_player .controlls .icon.repeat {
background: url(//delta3da.cam/wp-content/themes/d3da/images/repeate-one.svg) no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
transition: 0.3s opacity ease;
}
.online_player .controlls .icon.vol {
background: url(//delta3da.cam/wp-content/themes/d3da/images/volume-low.svg) no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
transition: 0.3s opacity ease;
}
.online_player .controlls .tm {
color: #b0b3b9;
font-size: 13px;
}
audio {
display: none;
} .online_player .controlls .icon.forward:hover {
background: url(//delta3da.cam/wp-content/themes/d3da/images/forward-active.svg) no-repeat;
}
.online_player .controlls .icon.backward:hover {
background: url(//delta3da.cam/wp-content/themes/d3da/images/backward-active.svg) no-repeat;
}
.online_player .controlls .icon.repeat:hover, .online_player .controlls .icon.repeat.active {
background: url(//delta3da.cam/wp-content/themes/d3da/images/repeate-one-active.svg) no-repeat;
} .large_title {
background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
color: var(--pweb-button-color);
padding: 12px;
text-align: center;
border-radius: 3px;
margin-top: 15px;
margin-bottom: 15px;
}
.large_title h1 {
font-size: 15px;
}
.large_title.white {
color: #FFF;
}
.large_title1 {
background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
color: #FFF;
padding: 12px;
text-align: center;
border-radius: 3px;
margin-top: 15px;
margin-bottom: 15px;
}
.large_title1 h1 {
font-size: 15px;
}
.large_title1.white {
color: #FFF;
}
.teleg div {
width: 65%;
height: 60px;
margin: 0 auto;
margin-top: 10px;
}
.teleg textarea {
max-width: 100%;
min-width: 100%;
max-height: 50px;
min-height: 70px;
border-radius: 3px;
overflow-y: auto;
padding-left: 0;
color: #666666;
border-radius: 3px;
padding-right: 0;
}
.teleg a {
color: #FFF;
border-radius: 3px;
display: block;
background: #14c72b;
border-bottom: 4px #089f1c solid;
font-family: 'BYekan', tahoma, Arial, sans-serif;
font-size: 20px;
padding: 7px 0;
margin-bottom: 5px;
text-align: center;
}
.teleg a:hover {
background: #089f1c;
color: #FFF;
text-shadow: 1px 1px 0px #66ade9;
} .post_content {
margin: 15px 0;
}
.post_content .box_right {
background: #fff;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
overflow: hidden;
}
.post_content .comments .comment.depth-1 {
background: #fff;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
}
.post_content .box_right.ads .foot_post .left .more {
width: 100%;
display: block;
text-align: center;
}
.post_content .box_right.ads .foot_post {
display: block;
}
.post_content .post header {
box-shadow: none;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f1f1f3;
margin-bottom: 15px;
padding-bottom: 15px;
}
.post_content .box_right.post .title {
padding-right: 15px;
position: relative;
font-weight: 500;
font-size: 15px;
}
.post_content .box_right.post .title::before {
content: '';
position: absolute;
top: 0px;
right: -30px;
background: var(--pweb-main-color);
width: 35px;
height: 20px;
border-radius: 12px;
}
.post_content .box_right.post .title a {
color: #616060;
transition: 0.3s all;
}
.post_content .box_right.post .title a:hover {
margin-right: 5px;
}
.post_content .box_right.post img {
max-width: 100%;
height: auto;
margin: 10px 0;
border-radius: 5px;
transition: 0.3s ease-in-out;
}
.post_content .box_right.post img:hover {
filter: blur(5px);
}
.post_content .soci {
display: flex;
justify-content: space-between;
margin: 10px 0;
}
.post_content .soci .ico {
position: relative;
transition: 0.3s opacity ease;
width: 100%;
display: block;
padding: 9px 30px;
color: #fff;
border-radius: 10px;
}
.post_content .soci .ico:hover {
opacity: 0.8;
}
.post_content .soci .ico.insta {
background: #E91E63;
}
.post_content .soci .ico.tel {
background: #2196F3;
}
.post_content .soci .ico:before {
content: '';
position: absolute;
top: 9px;
right: 5px;
width: 23px;
height: 23px;
}
.post_content .soci .ico.insta:before {
background-position: 1% 80%;
}
.post_content .soci .ico.tel:before {
background-position: 9.45% 80%;
}
.shnvr {
display: block;
position: fixed;
bottom: 0;
max-width: 100%;
height: 45px;
text-align: center;
background: rgba(0, 0, 0, .9);
z-index: 99999;
right: 0;
left: 0
}
.shnvr {
display: none
}
.post_content .text {
text-align: center;
color: #444141;
font-size: 13px;
}
.post_content .text.page {
text-align: right;
}
.post_content .text p {
line-height: 30px;
}
.post_content .text a {
color: #444141;
}
.post_content .text a:hover {
color: #000;
}
.post_content .foot_post {
display: flex;
justify-content: space-between;
padding: 7px 0 8px;
}
.post_content .foot_post .right {
display: flex;
justify-content: space-between;
width: 70%;
}
.post_content .foot_post .right .icinfo {
margin-top: 5px;
}
.post_content .foot_post .right .icinfo span, .post_content .foot_post .right .icinfo time, .post_content .post header .comment {
position: relative;
padding-right: 30px;
padding-left: 5px;
color: #787878;
font-size: 12px;
}
.post_content .foot_post .right .icinfo span::before, .post_content .foot_post .right .icinfo time::before, .post_content .post header .comment::before {
content: '';
position: absolute;
top: 0px;
right: 0;
background: url(//delta3da.cam/wp-content/themes/d3da/images/comment.svg) no-repeat;
width: 25px;
height: 25px;
}
.post_content .foot_post .right .icinfo a {
color: #787878;
}
.post_content .foot_post .right .icinfo span.cat::before {
background: url(//delta3da.cam/wp-content/themes/d3da/images/sm-category.svg) no-repeat;
}
.post_content .foot_post .right .icinfo span.date::before {
background: url(//delta3da.cam/wp-content/themes/d3da/images/calendar.svg) no-repeat;
top: -1px;
}
.post_content .foot_post .right .icinfo span.view {
padding-right: 23px;
}
.post_content .foot_post .right .icinfo span.view::before {
width: 20px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/view.svg) no-repeat;
}
.post_content .post header .comment {
padding-right: 30px;
}
.post_content .post header .comment:before {}
.post_content .foot_post .left {
margin-top: 4px;
}
.post_content .foot_post.sng .right {
width: 100%;
}
.post_content .foot_post .lks .icon {
color: #6d6e70;
background: #f0f1f3;
font-size: 12px;
padding: 7px 10px 5px 29px;
transition: .3s all ease;
border-radius: 5px;
position: relative;
display: inline-block;
border: 1px solid transparent;
cursor: pointer;
}
.post_content .foot_post .lks .icon:before {
content: '';
position: absolute;
top: 5px;
left: 7px;
width: 20px;
height: 20px;
}
.post_content .foot_post .lks .icon.like:before {
background-position: 27% 41.5%;
}
.post_content .foot_post .lks .icon.like:hover {
border: 1px solid #fdb904;
background: #FFF;
}
.post_content .foot_post .lks .icon.dislike:hover {
border: 1px solid #909090;
background: #FFF;
}
.post_content .foot_post .lks .counter {
margin-left: 5px;
}
.post_content .foot_post .left .more {
background: var(--pweb-main-color);
color: #825e00;
font-size: 15px;
font-weight: 500;
padding: 10px 15px;
border-radius: 5px;
box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.12);
transition: .3s all ease;
}
.post_content .foot_post .left .more:hover {
opacity: 0.8;
}
.box_right.number {
text-align: center;
}
.box_right.number span {
color: #717171;
font-weight: 500;
font-size: 15px;
padding: 1px 10px;
}
.box_right.number span:hover {
background: #f0f1f3;
color: #a6a6a8;
border-radius: 3px;
}
.box_right.number span.active {
background: #fcba02;
color: #fff;
border-radius: 3px;
}
.post_content aside {
background: #edae01;
width: 100%;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
}
.post_content aside.tab {
box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.07);
}
.post_content aside .title {
text-align: center;
color: #9c7405;
position: relative;
padding: 1px 10px;
font-size: 13px;
}
.post_content aside .nav-tabs {
border-bottom: none;
display: flex;
justify-content: center;
margin: 15px 0;
}
.post_content aside .nav-tabs .nav-link.active {
color: #fff;
background-color: #a47d16;
border: none;
border-radius: 20px;
}
.post_content aside .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border: none;
}
.post_content aside .nav-tabs .nav-link {
border: none;
color: #ab7d03;
background: #e1a604;
border-radius: 20px;
padding: 2px 0;
margin: 4px;
width: 55px;
text-align: center;
transition: 0.3s all ease;
}
.post_content aside .nav-tabs .nav-link.active:hover {
background: #a47d16;
}
.post_content aside .nav-tabs .nav-link:hover {
background: #cc980c;
}
.post_content aside .tab_content {
display: none;
}
.post_content aside .tab_content.show {
display: block;
}
.post_content aside .tab_content ul li {
color: #544110;
position: relative;
}
.post_content aside .tab_content ul li .counter {
background: rgba(193, 145, 8, 0.43);
width: 20px;
height: 20px;
border-radius: 100%;
display: inline-block;
text-align: center;
font-size: 12px;
transition: 0.3s all ease;
}
.post_content aside .tab_content ul li:hover .counter {
background: #fff;
color: #888;
}
.post_content aside .tab_content ul li:hover a {
color: #fff;
}
.post_content aside .tab_content ul li a {
color: #806219;
font-size: 12px;
transition: 0.3s all ease;
display: block;
padding: 4px 0;
}
.post_content aside.gray {
background: #e3e6ed;
border: 1px solid #ccd2de;
padding-top: 0;
}
.post_content aside.gray .title {
color: #7a7f92;
background: #bdc3d1;
width: 50%;
border-radius: 0 0 10px 10px;
margin: 0 auto;
}
.post_content aside.gray ul {
margin: 10px 0;
}
.post_content aside.gray ul li a {
color: #51545b;
font-size: 12px;
display: block;
transition: 0.3s all ease;
padding: 5px 1px;
}
.post_content aside.gray ul li a:hover {
opacity: 0.7;
}
.ads-main {
background: #dddddd;
padding: 15px;
border-radius: 3px;
margin-bottom: 15px;
position: relative;
border-right: 48px solid rgb(204, 204, 204);
}
.ads-main:before {
content: "تبلیغ ویژه";
position: absolute;
font-size: 15px;
font-family: 'IRANSansX', tahoma, Arial, sans-serif;
transform: rotate(270deg);
right: -50px;
top: 66px;
}
.ads-fix-post:before {
content: "تبــلیغات";
right: -50px;
top: 30px;
}
.ads-main a {
display: block;
text-align: center;
}
#wp_page_numbers ul {
display: flex;
justify-content: center;
}
#wp_page_numbers ul li {
margin-right: 4px;
}
#wp_page_numbers ul li a, #wp_page_numbers ul li span {
position: relative;
padding: 3px 11px;
display: block;
color: #3d4046;
font-size: 13px;
transition: 0.3s all ease;
border-radius: 5px;
min-width: 35px;
border: 1px solid transparent;
}
#wp_page_numbers ul li a:hover, #wp_page_numbers ul li span:hover {
color: #fff;
background: #feb703;
border: 1px solid #feb703;
}
#wp_page_numbers ul li.active_page a, #wp_page_numbers ul li span.current {
font-weight: 300;
color: #9fa3ab;
background: #EEE;
cursor: no-drop;
border: 1px solid transparent;
}
#wp_page_numbers ul li.active_page a:hover {
color: #9fa3ab;
background: #EEE;
} .gotop {
width: 40px;
height: 40px;
border-radius: 15px;
position: fixed;
bottom: 5%;
right: 7px;
cursor: pointer;
transition: 0.3s ease;
background: var(--pweb-main-color);
z-index: 1;
}
.gotop::before {
content: '';
display: block;
height: 20px;
transition: 0.3s all;
margin-top: 12px;
margin-left: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2015 10.9907L8.50094 6.29126L6.41561 8.37603C6.31314 8.48212 6.25644 8.62422 6.25772 8.77172C6.25901 8.91921 6.31817 9.0603 6.42247 9.1646C6.52677 9.2689 6.66786 9.32807 6.81535 9.32935C6.96285 9.33063 7.10495 9.27393 7.21104 9.17146L8.50094 7.88212L12.4055 11.7861C12.6319 12.0126 12.9008 12.1923 13.1966 12.3149C13.4925 12.4375 13.8096 12.5007 14.1299 12.5007C14.4501 12.5008 14.7673 12.4377 15.0632 12.3152C15.3591 12.1927 15.6279 12.0131 15.8544 11.7867C16.0809 11.5603 16.2606 11.2915 16.3832 10.9956C16.5058 10.6997 16.569 10.3826 16.569 10.0624C16.5691 9.74209 16.506 9.42495 16.3835 9.12905C16.261 8.83315 16.0814 8.56427 15.855 8.33778L8.50094 0.983154L1.14745 8.33834C0.918698 8.56425 0.736881 8.83317 0.612455 9.12962C0.488029 9.42607 0.423451 9.7442 0.422436 10.0657C0.421422 10.3872 0.483992 10.7057 0.606545 11.003C0.729098 11.3002 0.909215 11.5703 1.13653 11.7976C1.36385 12.025 1.63388 12.2051 1.93109 12.3277C2.2283 12.4503 2.54682 12.5129 2.86832 12.512C3.18982 12.511 3.50796 12.4465 3.80443 12.3221C4.1009 12.1977 4.36985 12.016 4.5958 11.7873L5.52343 10.8602C5.6259 10.7541 5.6826 10.612 5.68132 10.4645C5.68004 10.317 5.62088 10.1759 5.51658 10.0716C5.41228 9.96732 5.27119 9.90816 5.12369 9.90688C4.97619 9.90559 4.8341 9.9623 4.728 10.0648L3.80037 10.9918C3.55042 11.2307 3.21796 11.3641 2.87219 11.3641C2.52641 11.3641 2.19396 11.2307 1.944 10.9918C1.82208 10.87 1.72536 10.7253 1.65938 10.566C1.59339 10.4067 1.55943 10.236 1.55943 10.0636C1.55943 9.89125 1.59339 9.72055 1.65938 9.56129C1.72536 9.40203 1.82208 9.25733 1.944 9.13545L8.50094 2.57457L15.0596 9.13377C15.1815 9.25564 15.2782 9.40034 15.3442 9.5596C15.4102 9.71887 15.4441 9.88957 15.4441 10.062C15.4441 10.2343 15.4102 10.405 15.3442 10.5643C15.2782 10.7236 15.1815 10.8683 15.0596 10.9901C14.8095 11.2294 14.4767 11.3629 14.1307 11.363C13.7846 11.3631 13.4518 11.2298 13.2015 10.9907Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.gotop:hover {
opacity: 0.7;
height: 85px;
}
@media(max-width:767px) {
footer {
padding: 0 !important;
}
}
footer {
background-image: url(//delta3da.cam/wp-content/themes/d3da/images/footer-bg.svg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding: 3rem;
}
footer .foot_menu ul {
display: flex;
flex-flow: wrap;
}
footer .foot_menu li a {
color: #828999;
transition: .3s all ease;
padding: 10px 5px;
margin: 0 5px;
display: block;
}
footer .foot_menu li a:hover {
color: #adb3c1;
}
footer .foot_list .title {
color: #5b6370;
font-weight: 500;
padding: 15px 0
}
footer .foot_list a {
color: #a8b0bd;
display: block;
transition: .3s all ease;
padding: 5px 0;
font-size: 13px;
}
footer .foot_list a:hover {
color: #eee;
}
footer .foot_list .comm a {
display: flex;
}
footer .foot_list .comm a span {
margin-left: 5px;
font-weight: 500;
}
footer .foot_list ul {
margin-bottom: 30px;
}
footer .copyright {
padding: 15px;
background: #e3e6ed;
border-top: 1px solid #ccd2de;
border-radius: 0.5rem 0.5rem 0 0;
}
.social {
text-align: center;
padding: 15px 0;
}
.social .icon {
position: relative;
margin-left: 36px;
transition: 0.3s opacity ease;
}
.social .icon:hover {
opacity: 0.7;
}
.social .icon::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
}
.social .icon.you:before {
background-position: 68% 54%;
}
.social .icon.tel:before {
background-position: 57% 54%;
}
.social .icon.link:before {
background-position: 46% 54%;
}
.social .icon.feed:before {
background-position: 35% 54%;
}
.social .icon.insta:before {
background-position: 23% 54%;
}
.social .icon.gplus:before {
background: url(//delta3da.cam/wp-content/themes/d3da/images/google-plus.svg) no-repeat;
}
.social .icon.tw:before {
background: url(//delta3da.cam/wp-content/themes/d3da/images/twitter.svg) no-repeat;
}
.social .icon.fb::before {
background: url(//delta3da.cam/wp-content/themes/d3da/images/facebook.svg) no-repeat;
}
footer .copyright span {
display: block;
color: #3b4958;
text-align: center;
}
footer .copyright span a {
color: #edf1f4;
font-weight: 500;
} .online_player .controlls.sngl {
width: 100%;
margin: 26px 0;
}
.table {
margin-top: 25px;
}
.table thead tr {
border-radius: 15px;
}
.table thead th {
background: #f0f1f3;
color: #4f4f4f;
font-size: 13px;
border: none;
text-align: center;
font-weight: 500;
}
.table td {
border-top: none;
border-bottom: 1px solid #f1f1f1;
text-align: center;
font-size: 13px;
}
.table td .play:hover {
opacity: 0.8;
}
.table td a {
color: #5f5f5f;
}
.table td a:hover {
color: #0a0a0a;
}
.table tbody tr {
border-right: 2px solid transparent;
transition: 0.3s all ease;
}
.table tbody tr:hover, .table tbody tr.active {
background: #f7f7f7;
border-right: 2px solid #feba00;
}
.yekta {
display: flex;
justify-content: space-between;
flex-flow: wrap;
background: #FFF;
padding: 15px;
margin: 15px 0;
}
.dl {
margin-bottom: 15px;
margin-top: 15px;
}
.dl a {
color: var(--pweb-button-color);
background: var(--pweb-main-color);
border: 1px solid var(--pweb-main-color);
border-radius: 8px;
position: relative;
padding: 15px;
margin: 10px 0;
transition: 0.3s opacity ease;
display: block;
font-size: 15px;
text-align: center;
transition: 0.3s all;
}
.dl a:hover {
background: transparent;
border: 1px dashed var(--pweb-main-color);
}
.dl a svg {
margin-left: 5px;
padding-bottom: 1px;
}
.dl a svg path {
fill: var(--pweb-button-color);
}
.matnmusic {
position: relative;
margin-bottom: 30px;
}
.matnmusic h3 {
margin: 10px;
font-weight: 300;
font-size: 13.5px;
color: #afb0b3;
}
.matnmusic h3 a {
color: #afb0b3 !important;
}
.matnmusic .text {
text-align: center;
color: #5c5d5f;
overflow: hidden;
height: 100%;
}
.matnmusic .text.show {
height: 100%;
}
.matnmusic .full {
text-align: center;
background: #FFF;
margin: -16px 0;
box-shadow: 0 -22px 35px #ffffff;
position: absolute;
width: 100%;
}
.matnmusic .full.dis {
box-shadow: none;
position: static;
margin-top: 6px;
}
.matnmusic .full button {
background: #f0f1f3;
color: #4c4d51;
border: none;
border-radius: 20px;
font-weight: 300;
padding: 4px 25px;
cursor: pointer;
transition: 0.3s all ease;
}
.matnmusic .full button:hover {
background: #ffc10775;
box-shadow: 0 0 22px #ffc10759;
color: #a9810c;
}
button:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}
.box_web {
background: #f0f1f3;
margin: 10px 0;
padding: 15px;
border-radius: 6px;
}
.box_web .ltitle {
color: #b0b4bd;
font-weight: 500;
}
.box_web.scl {
display: flex;
justify-content: space-between;
}
.box_web.scl .social {
padding: 0;
}
.box_web textarea {
width: 100%;
height: 61px;
font-size: 11px;
font-weight: 300;
text-align: left;
direction: ltr;
margin-top: 10px;
border: 1px solid #d5d8de;
}
.post_content .foot_post .right .icinfo span.cm:before {
background-position: 44% 42%;
top: 2px;
}
.fullcomm {
text-align: center;
margin: 13px;
}
.fullcomm.dis {
box-shadow: none;
position: static;
margin-top: 6px;
}
.fullcomm button {
background: #ffffff;
color: #4c4d51;
border-radius: 20px;
font-weight: 300;
padding: 6px 30px;
cursor: pointer;
transition: 0.3s all ease;
border: 1px solid #dedede;
font-size: 13px;
display: none;
}
.fullcomm button:hover {
box-shadow: 0 0 19px #0000001c;
}
.comment-list {
overflow: hidden;
max-height: 832px;
}
.comment-list.show {
max-height: 100%;
}
.comment-respond {
background: #fff;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
}
.comment-respond #cancel-comment-reply-link {
color: #bbbbbb;
font-weight: 300;
}
.comment-respond #cancel-comment-reply-link:hover {
color: #888;
}
.comment-respond .comment-reply-title {
color: #676b76;
font-weight: 500;
font-size: 15px;
margin: 7px 10px;
display: flex;
justify-content: space-between;
}
.comment-respond form .input_holder {
display: flex;
justify-content: space-between;
}
.comment-respond form .input_holder.foot {
margin-top: 7px;
}
.comment-respond form .input_holder input[type=text], .comment-respond form .input_holder textarea {
border: 1px solid transparent;
background: #eaebed;
width: 100%;
margin: 5px;
padding: 5px;
border-radius: 5px;
transition: 0.3s all ease;
border: 1px solid transparent;
font-weight: 300;
font-size: 13px;
}
.comment-respond form .input_holder input::placeholder, .comment-respond form .input_holder textarea::placeholder {
font-weight: 300;
font-size: 12px;
}
.comment-respond form .input_holder input[type=text]:focus, .comment-respond form .input_holder textarea:focus {
border: 1px solid #c0c7d0;
background: #FFF;
}
.comment-respond form .input_holder textarea {
height: 150px;
}
.comment-respond form .input_holder span {
color: #828282;
font-size: 11px;
margin: 7px;
}
.comment-respond form input[type="submit"] {
border: none;
border-radius: 5px;
background: #515860;
color: #fff;
font-weight: 300;
margin-left: 5px;
padding: 5px 30px;
font-size: 13px;
cursor: pointer;
transition: 0.3s all ease;
}
.comment-respond form input[type="submit"]:hover {
background: #76818e;
}
.box_right.admin {
background: #fef3dd;
border: 1px solid #fac64e;
}
.comment-list .children {
margin-right: 25px;
}
.nocomm {
font-size: 12px;
color: #a2a2a2;
margin: 10px 0;
}
.box_right video {
width: 100%;
height: auto;
}
.box_right .fluid_video_wrapper {
width: 100% !important;
}
.box_right .top_user {
display: flex;
justify-content: space-between;
}
.box_right .title {
font-size: 13px;
color: #959595;
}
.box_right .title b {
color: #828282;
}
.comments .reply a {
background: #eaebed;
border: none;
border-radius: 5px;
color: #5d5d5d;
padding: 3px 15px;
font-weight: 300;
font-size: 12px;
height: 28px;
transition: 0.3s all ease;
border: 1px solid transparent;
}
.box_right.comment.admin .comment-reply-link {
background: #f1deb8;
color: #8a661c;
}
.comments .reply a:hover {
border: 1px solid #e0e0e0;
background: #FFF;
}
.box_right.comment .top {
display: flex;
justify-content: space-between;
}
.comments .fn {
font-weight: 500;
margin-left: 10px;
}
.comments .reply {
text-align: end;
}
.comments p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.box_right.comment .ttl {
font-size: 13px;
color: #3e3d3d;
margin-bottom: 15px;
display: flex;
}
.box_right.comment.admin .ttl {
color: #7c673a;
}
.box_right.comment .commtxt {
font-size: 13px;
}
.box_right.comment.admin .commtxt {
color: #7c673a;
}
.box_comment .cm_view {
margin: 0 auto;
display: block;
border: 1px solid #d7dbe4;
background: #fff;
border-radius: 25px;
padding: 5px 30px;
color: #4c4c4e;
font-weight: 300;
margin-bottom: 30px;
}
.box_right.bottom .title {
font-size: 15px;
color: #959595;
margin-bottom: 10px;
}
.box_right.bottom.tags a {
font-size: 12px;
padding: 2px 5px;
display: inline-block;
background: #f1f1f1;
color: #868686;
transition: 0.3s all ease;
margin-left: 5px;
margin-bottom: 4px;
border-radius: 3px;
}
.box_right.bottom.tags a:hover {
background: #FFC107;
color: #ffffff;
}
.box_right.bottom ul li {
display: block;
border-bottom: 1px solid #EEE;
padding: 10px 5px;
transition: 0.3s all ease;
}
.box_right.bottom ul li:last-child {
border-bottom: 0 !important;
}
.box_right.bottom ul li:hover {
border-bottom: 1px solid #d1e0e6;
}
.box_right.bottom ul li a h4 {
color: #4d525f;
font-size: 13px;
font-weight: 300;
transition: 0.3s all ease;
}
.box_right.bottom ul li a:hover h4 {
color: #328db7;
}
.sidenav {
height: 100%;
width: 100%;
position: fixed;
z-index: 999999;
top: 0;
right: 0px;
overflow-x: visible;
transition: 0.5s;
display: none;
}
.sidenav .layer {
position: absolute;
background: #000;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.7;
display: none;
}
.sidenav .scroll {
height: inherit;
overflow-y: scroll;
direction: rtl;
margin-bottom: 20px;
overflow-x: hidden;
box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
width: 85%;
z-index: 2;
position: absolute;
right: -1000px;
background: #FFF;
}
.sidenav .head {
background: #FFA800;
padding: 20px;
width: 100%;
position: relative;
box-shadow: 0 7px 17px rgba(0, 0, 0, 0.07058823529411765);
display: flex;
justify-content: center;
}
.sidenav .head .title {
color: #fff;
display: inline;
}
.sidenav .head form {
display: flex;
}
.sidenav .head form input[type=text] {
width: 100%;
background: #ffffff;
border: 0;
padding: 10px;
color: #383838;
font-size: 14px;
}
.sidenav .head form input[type=text]::placeholder {
color: #afaca7;
}
.sidenav .cls_side {
background: url(//delta3da.cam/wp-content/themes/d3da/images/close.svg) no-repeat;
width: 30px;
height: 30px;
background-color: #f8b126;
border-radius: 1rem;
padding: 20px;
position: absolute;
left: 10px;
background-position: center;
top: 10px;
z-index: 999;
}
.sidenav .head .title a {
display: block;
color: #FFF;
}
.sidenav .head i {
color: #fff;
float: left;
padding: 3px;
transition: 0.3s all ease;
cursor: pointer;
font-size: 18px;
}
.sidenav .head i:hover {
color: #ac98ca;
}
.sidenav .sep {
background: #eee;
padding: 13px;
}
.sidenav .links .menu {
background: transparent;
padding: 0;
display: block;
}
.sidenav .links .drop {
padding: 10px 13px;
font-size: 15px;
cursor: pointer;
border-bottom: 1px solid #dee5e7;
color: #707070;
}
.sidenav .links .drop.active {
background: #f1f1f1;
}
.sidenav .links .drop:hover {
background: #f7fafb;
}
.sidenav .links .angle {
color: #888;
float: left;
padding: 2px;
transition: 0.3s all ease;
cursor: pointer;
}
.sidenav .links .under {
display: none;
}
.sidenav .links .under.show {
display: block;
}
.sidenav .links .under .list, .sidenav .links ul li {
border-bottom: 1px solid #efefef;
direction: rtl;
text-align: right;
}
.sidenav .links .under .list a, .sidenav .links ul li a {
padding: 13px 13px;
font-size: 13px;
color: #313131;
display: block;
}
.sidenav .links .under .list a:hover, .sidenav .links ul li a:hover {
background: #3a362c;
color: #FFF;
box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
}
.sidenav .login_div {
display: flex;
}
.sidenav .login_div .avt img {
border-radius: 100%;
}
.sidenav .login_div .uname {
margin-top: 22px;
margin-right: 14px;
}
.response_head {
display: none;
background: #FFA800;
box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
position: fixed;
width: 95%;
border-radius: 1rem;
z-index: 999999;
top: 10px;
right: 3%;
}
.comment-form-cookies-consent {
display: none;
}
.comment-notes {
display: none;
}
.comment-meta.commentmetadata {
display: none;
}
.says {
display: none;
}
.comment-author img {
display: none;
}
.fn {
font-style: normal;
}
.response_head .reponsesearch {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
border-radius: 1rem;
background: #40372a;
display: none;
}
.response_head .reponsesearch form {
display: flex;
padding: 13px 15px;
position: relative;
}
.response_head .reponsesearch form input[type=text] {
width: 100%;
border: 0;
padding: 7px;
font-size: 14px;
font-weight: 300;
color: #fff;
background: transparent;
border-bottom: 1px solid #6b5e4c;
}
.response_head .reponsesearch form input[type=text]:focus {
border-bottom: 1px solid #f9f3e2;
}
.response_head .reponsesearch form input[type=text]::placeholder {
color: #8c806f;
}
.response_head .reponsesearch form input[type=submit] {
display: none;
}
.response_head .close {
background: url(//delta3da.cam/wp-content/themes/d3da/images/close.svg) no-repeat;
width: 30px;
height: 30px;
padding: 25px;
position: absolute;
left: 8px;
top: 10px;
}
.response_head .imgs {
padding: 10px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
.response_head .img {
background-repeat: no-repeat;
width: 50px;
height: 50px;
cursor: pointer;
background-color: #f8b126;
border-radius: 1rem;
background-position: center;
}
.response_head .img.nv {
background-image: url(//delta3da.cam/wp-content/themes/d3da/images/menu.svg);
}
.response_head .img.lg {
background-position: 100% 1.1%;
width: 152px;
}
.response_head .img.sc {
background-image: url(//delta3da.cam/wp-content/themes/d3da/images/searchead.svg);
}
.widget-con {
text-align: center;
}
.widget-con h4 {
margin: 15px 0;
font-size: 18px
}
.widget-con figure {
margin: 0 0 0 1%;
width: 32%;
float: left;
overflow: hidden;
border: 1px solid #ccc;
background: #eee;
}
.widget-con a img {
border: 0
}
.widget-con figcaption {
margin: 5px 0 10px;
padding: 0 5px;
height: 50px;
}
.widget-con figcaption a {
display: block;
line-height: 25px;
color: #000;
font-size: 15px;
}
.widget-con .clear-con {
clear: both;
}
@media screen and (max-width: 480px) {
.widget-con figure {
width: 48%;
}
.widget-con img {
width: 200px;
height: 110px;
}
} @media(max-width:1200px) {
.search input {
padding-right: 4px;
}
header .logo:before {
top: 2px;
right: 43px;
}
.post_content .foot_post .left a.more {
font-size: 14px;
}
.post_content .foot_post .left a {
margin: 0;
}
.ads-main img {
width: 100%;
height: auto;
}
} @media(max-width:992px) {
.playaTrack .pic .playimg {
opacity: 1 !important;
transform: scale(1.0) !important;
}
.post_content .foot_post .right span {
padding-left: 0;
}
.post_content .foot_post .right {
width: auto;
}
.ads-main img {
width: 100%;
height: auto;
}
main {
margin-top: 35px;
}
.response_head {
display: flex;
}
.topheader {
display: none;
}
} @media(max-width:991px) {
header nav .nav-link {
font-size: 13px;
}
.search input {
width: 130px;
}
.search input::placeholder {
font-size: 11px;
}
header .logo:before {
right: 8px;
}
.list {
padding: 10px;
}
.list ul li a {
font-size: 12px;
}
.posts .post .name {
padding: 0 5px;
}
.posts .post .name h2 {
font-size: 14px;
}
.posts .post .name h3 {
font-size: 13px;
}
.posts .post .name .foot_post {
font-size: 10px;
}
.online_player .info_play .name {
margin: 10px;
}
.online_player .controlls {
width: 100%;
margin: 30px 0;
}
.online_player .info_play a {
font-size: 12px;
}
.online_player .info_play a:before {
top: -3px;
}
.post_content .foot_post {
display: block;
}
.post_content .foot_post .right {
text-align: center;
flex-flow: column;
}
.post_content .foot_post .left a.more {
width: 100%;
text-align: center;
}
.post_content .foot_post .left {
display: flex;
justify-content: space-around;
margin-top: 15px;
}
.post_content aside .title {
font-size: 12px;
}
.post_content aside.gray .title {
width: 80%;
}
.online_player {
display: block;
}
.online_player .info_play {
display: flex;
justify-content: flex-start;
}
.post_content .box_right.post .title {
font-size: 13px;
}
.post_content aside .nav-tabs .nav-link {
padding: 1px 0;
margin: 2px;
width: 70px;
}
.post_content aside .tab_content ul li .counter {
width: 16px;
height: 16px;
}
.post_content aside .tab_content ul li a {
font-size: 11px;
} .online_player .controlls.sngl .icon::after {
top: 60%;
left: 75%;
width: 55px;
height: 55px;
}
.online_player .controlls.sngl .seekvol {
display: none;
}
.dl {
justify-content: center;
}
.box_web.scl {
display: block;
}
.box_web .ltitle {
text-align: center;
margin-bottom: 15px;
}
.social .icon {
margin-left: 30px;
}
.comment-respond form input[type="submit"] {
padding: 5px 15px;
}
.ads-main img {
width: 100%;
height: auto;
}
} @media(max-width:767px) {
#wp_page_numbers ul li {
margin-right: 0;
}
main {
margin-top: 65px;
}
.post_content .foot_post .right {
flex-flow: row;
}
.post_content .foot_post.sng .right {
width: 100%;
}
.response_head {
display: flex;
}
.dl {
flex-flow: wrap;
}
.topheader {
display: none;
}
header .logo:before {
right: 50px;
}
.special .row .col-md-3 {
width: 50%;
display: inline-block;
}
.search input {
width: 190px;
}
.online_player .controlls .icon:after {
top: 57%;
left: 57%;
width: 60px;
height: 60px;
}
.online_player .controlls .seekvol {
width: 85px;
}
.post_content .box_right.post .title:before {
height: 28px;
top: 1px;
}
.post_content .foot_post .left .icon {
padding: 8px 10px 7px 25px;
margin: 3px;
}
.post_content .foot_post .left a.more {
font-size: 14px;
}
.post_content aside.gray .title {
padding: 1px 5px;
width: 100%;
}
.post_content aside.gray ul li span {
font-size: 12px;
} .post_content .foot_post .left {
display: flex;
justify-content: center;
}
.post_content .foot_post {
padding: 8px 0;
}
.ads-main img {
width: 100%;
height: auto;
}
} @media(max-width:575px) {
header .logobg {
background-color: #ffa800;
}
header .logo:before {
right: 202px;
}
.post_content .foot_post .right {
display: block;
}
.post_content .foot_post.sng .right {
width: 100%;
}
.ads-main img {
width: 100%;
height: auto;
}
} @media(max-width:425px) {
#wp_page_numbers ul {
justify-content: start;
flex-wrap: wrap;
}
#wp_page_numbers ul li {
width: 32%;
}
main {
margin-top: 20px;
}
.BreadcrumbList {
flex-flow: wrap;
}
header .logo:before {
right: 129px;
}
.list .title {
padding-right: 25px;
font-size: 13px;
}
.list .title:before {
display: block;
}
.post_content .box_right.post .title:before {
height: 20px;
top: -2px;
}
.social {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 25px;
} .dl {
display: block;
}
.dl a {
display: block;
text-align: center;
}
} @media(max-width:375px) {
.post_content .foot_post .lks {
margin-top: 5px;
}
header .logo:before {
right: 105px;
}
.posts .post .name h2 {
font-size: 13px;
}
.posts .post .name h3 {
font-size: 12px;
}
.online_player .controlls .icon.vol {
display: none;
}
.online_player .controlls .seekvol {
display: none;
}
.social .icon {
margin-left: 30px;
} } @media(max-width:320px) {
.posts .post .name span {
display: none;
}
header .logo:before {
right: 78px;
} .comment-respond p.logged-in-as {
font-size: 12px;
margin-right: 9px;
}
.comment-respond form input[type="submit"] {
padding: 5px 10px;
font-size: 12px;
}
.comment-respond form .input_holder span {
font-size: 10px;
}
.nocomm {
font-size: 11px;
}
}
aside.telegram {
width: 100%;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
color: #FFF;
transition: 0.3s ease-in-out;
background: linear-gradient(91deg, #0265b4, #259eff);
}
aside.telegram span {
margin-top: auto;
margin-bottom: auto;
}
aside.telegram svg {
height: auto;
background: #ffffff26;
padding: 0.4rem;
border-radius: 0.4rem;
}
aside.telegram:hover {
opacity: 0.7;
}
aside.instagram {
width: 100%;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
color: #FFF;
transition: 0.3s ease-in-out;
background: linear-gradient(300deg, #e83f2e 0%, #d02c2c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
aside.instagram span {
margin-top: auto;
margin-bottom: auto;
}
aside.instagram svg {
width: auto;
background: #ffffff26;
padding: 0.4rem;
border-radius: 0.4rem;
}
aside.instagram:hover {
opacity: 0.7;
}
.posts .post figure::before {
position: absolute;
content: '';
top: 35%;
right: 28%;
padding: 3rem;
background: url(//delta3da.cam/wp-content/themes/d3da/images/play-cover.svg) no-repeat;
}
.swiper-slide .post figure::before {
background: transparent !important;
}
.previous-music {
width: 150px;
height: 100px;
position: fixed;
top: 50%;
left: 0;
border-radius: 0 15px 15px 0;
z-index: 1;
margin-left: -120px;
background: rgba(29, 23, 33, .9);
transition: all .3s ease-in-out;
opacity: 0.5;
z-index: 99;
}
.previous-music:hover {
margin-left: 0 !important;
opacity: 1;
}
.next-music {
width: 150px;
height: 100px;
position: fixed;
top: 50%;
right: 0;
border-radius: 15px 0 0 15px;
z-index: 1;
margin-right: -120px;
background: rgba(29, 23, 33, .9);
transition: all .3s ease-in-out;
opacity: 0.5;
z-index: 99;
}
.next-music:hover {
margin-right: 0 !important;
opacity: 1;
}
.previous-music a, .next-music a {
color: #fff;
display: block;
padding: 10px; }
.previous-music a span, .next-music a span {
top: 10px;
position: relative;
}
.next-music img {
float: right;
margin-left: 10px;
border-radius: 50%;
width: 80px;
height: 80px;
}
.response_head2 {
background: #F8B126;
box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
position: fixed;
width: 100%;
border-radius: 0;
z-index: 999999;
top: 0px;
right: 0;
}
.previous-music img {
float: left;
margin-right: 10px;
border-radius: 50%;
width: 80px;
height: 80px;
}
.next-music .link_kis {
float: left;
}
.next-music .link_kis {
width: 40px;
height: auto;
line-height: 85px;
float: left;
text-align: center;
font-size: 19px;
color: #fff;
padding: 0;
margin-left: -8px;
}
.previous-music .link_kis {
float: right;
}
.previous-music .link_kis {
width: 40px;
height: auto;
line-height: 85px;
float: right;
text-align: center;
font-size: 19px;
color: #fff;
padding: 0;
margin-right: -10px;
}
.search-side button {
border: none;
cursor: pointer;
background: var(--pweb-two-color);
z-index: 999;
padding: 19px;
position: absolute;
left: 0;
border-radius: 0 15px 15px !important;
transition: background 3s ease-out;
}
.search-side button:hover {
background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
background-position: 114px;
}
.search-side input {
font-size: 13px;
border: 1px solid #eee;
border-radius: 10px !important;
}
.search-side input::placeholder {
color: #a3a9b5;
font-weight: 300;
font-size: 13px;
}
.search-side button::before {
content: '';
position: absolute;
top: 9px;
right: 3px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/search.svg) no-repeat;
width: 25px;
height: 25px;
}
.logobg img {
width: 100%;
height: auto;
}
.imgs .logobg {
width: 50px;
}
.menu-widget {
margin-bottom: 1rem;
}
.menu-widget .social-menu a { }
.menu-widget .social-menu .widget-icon {
padding: 20px;
position: relative;
background: #fff;
margin-right: 1rem;
border-radius: 1rem;
box-shadow: 0px 10px 20px 0px #e8e8e8;
}
.menu-widget .social-menu .widget-icon:first-child {
margin-right: 0;
}
.menu-widget .social-menu a.telegram::before {
content: '';
position: absolute;
top: 8px;
width: 25px;
height: 25px;
left: 8px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/telegram.svg) no-repeat;
}
.menu-widget .social-menu a.instgram::before {
content: '';
position: absolute;
top: 8px;
width: 25px;
height: 25px;
left: 8px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/instagram.svg) no-repeat;
}
.menu-widget .social-menu a.facebook::before {
content: '';
position: absolute;
top: 8px;
width: 25px;
height: 25px;
left: 8px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/facebook.svg) no-repeat;
}
.menu-widget .social-menu a.twitter::before {
content: '';
position: absolute;
top: 8px;
width: 25px;
height: 25px;
left: 8px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/twitter.svg) no-repeat;
}
.menu-widget .title::before {
content: "";
float: right;
width: 5px;
height: 5px;
background: #85909B;
border-radius: 2px;
margin-top: 8px;
margin-left: 0px;
margin-right: -10px;
background: linear-gradient(to right, rgb(243, 167, 23) 0%, rgb(255, 179, 1) 100%);
}
.menu-widget .title::after {
content: "";
float: right;
width: 5px;
height: 5px;
background: #B2BDCA;
border-radius: 2px;
margin-right: -3px;
margin-left: 8px;
margin-top: 8px;
}
.menu-widget .title {
font-size: 16px;
color: #3C4A59;
margin-bottom: 10px;
font-weight: 400;
padding-right: 0.6rem;
}
.menu-widget .bio {
font-size: 13px;
color: #4C5C6F;
}
.menu-widget ul li a {
font-size: 13px;
color: #4C5C6F;
margin: 2px 0px;
float: right;
width: 100%;
padding: 2px 0px;
transition: 0.3s all ease;
}
.menu-widget ul li a:hover {
padding-right: 5px;
opacity: 0.5;
}
.menu-widget ul li a::before {
float: right;
content: "";
width: 6px;
height: 6px;
background: #D1D7DD;
border-radius: 2px;
margin-top: 8px;
margin-left: 8px;
}
.e404 {
margin-bottom: 3rem;
}
.e404 .title {
font-size: 15px;
}
.e404 .home {
margin-top: 1rem;
}
.e404 .home a {
background: #e3e3e3;
padding: 0.5rem;
color: #424242;
border-radius: 10px;
font-weight: 400;
border: 1px solid #d0d0d0;
font-size: 13px;
}
.logged-in-as {
margin: 10px;
}
.special a figure {
margin: 0 0 0.6rem !important;
}
.blog-slider {
margin-top: 1rem;
margin-bottom: 1rem;
position: relative;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
border-radius: 5px;
transition: all 0.3s;
padding: 20px;
z-index: 1;
}
@media screen and (max-width: 992px) {
.blog-slider {
max-width: 100%;
height: 400px;
}
}
@media screen and (max-width: 768px) {
.blog-slider {
min-height: 200px;
height: auto;
margin-top: 210px;
}
}
.blog-slider__item {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.blog-slider__item {
flex-direction: column;
}
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
opacity: 1;
transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>* {
opacity: 1;
transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
transition-delay: 1.7s;
}
.blog-slider__img {
position: relative;
width: 300px;
flex-shrink: 0;
height: 300px;
background: linear-gradient(22.82deg, #FAB400 -5.97%, #FFD978 61.97%);
border-radius: 10px;
transform: translateX(0px);
overflow: hidden;
}
.blog-slider__img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(5.34deg, #FAB400 -12.39%, rgba(255, 217, 120, 0) 71.56%);
border-radius: 10px;
opacity: 0.5;
}
.blog-slider__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: 0;
border-radius: 10px;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.blog-slider__img {
transform: translateY(-50%);
width: 90%;
}
}
@media screen and (max-width: 576px) {
.blog-slider__img {
width: 95%;
}
}
@media screen and (max-height: 500px) and (min-width: 992px) {
.blog-slider__img {
height: 270px;
}
}
.blog-slider__content {
padding-left: 25px;
padding-right: 25px;
}
@media screen and (max-width: 768px) {
.blog-slider__content {
margin-top: -80px;
text-align: center;
padding: 0 30px;
}
}
@media screen and (max-width: 576px) {
.blog-slider__content {
padding: 0;
}
}
.blog-slider__content>* {
opacity: 0;
transform: translateY(25px);
transition: all 0.4s;
}
.blog-slider__code {
color: #616060;
margin-bottom: 5px;
display: block;
font-weight: 300;
}
.blog-slider__title {
font-size: 20px;
font-weight: 400;
color: #616060;
margin-bottom: 5px;
}
.blog-slider__text {
color: #616060;
margin-bottom: 15px;
line-height: 1.5em;
font-size: 17px;
}
.blog-slider__button {
position: relative;
display: inline-flex;
padding: 10px 30px;
padding-right: 45px;
border-radius: 10px;
color: var(--pweb-button-color);
text-decoration: none;
font-weight: 500;
justify-content: center;
text-align: center;
background: var(--pweb-main-color);
}
.blog-slider__button::before {
position: absolute;
content: '';
top: 8px;
width: 25px;
height: 25px;
right: 8px;
background: url(//delta3da.cam/wp-content/themes/d3da/images/music-play.svg) no-repeat;
}
@media screen and (max-width: 576px) {
.blog-slider__button {
width: 100%;
}
}
.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.blog-slider__pagination {
position: absolute;
z-index: 21;
width: 25px !important;
text-align: center;
right: auto !important;
top: 50%;
bottom: auto !important;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.blog-slider__pagination {
transform: translateX(-50%);
left: 50% !important;
top: 205px;
width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
}
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 8px 0 !important;
}
@media screen and (max-width: 768px) {
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px !important;
}
}
.blog-slider__pagination .swiper-pagination-bullet {
width: 11px;
height: 11px;
display: block;
border-radius: 3px;
background: #062744;
opacity: 0.2;
transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
opacity: 1;
background: var(--pweb-main-color);
height: 30px;
box-shadow: 0px 2px 30px 0px #FFD97833;
}
.slidertw {
position: relative;
}
.overhidden {
overflow: hidden;
}
.headcardslider .swiper-pagination {
top: 0;
height: 22px;
background: #f9b83b00;
width: auto !important;
}
.headcardslider .swiper-pagination .swiper-pagination-bullet-active {
background: var(--pweb-main-color);
width: 25px;
border-radius: 20px !important;
}
.swiper-button-next {
background-image: none !important;
}
.swiper-button-prev {
background-image: none !important;
}
.slidertw::before {
position: absolute;
height: 300px;
width: 300px;
border-radius: 30px;
content: '';
z-index: 1;
transform: rotate(-11deg);
background: var(--pweb-main-color);
left: 5px;
bottom: -5px;
}
.blog-slider .headslider {
position: absolute;
left: 15px;
background: var(--pweb-two-color);
top: 0;
padding: 10px;
color: var(--pweb-button-color);
font-weight: 400;
border-radius: 0 0 10px 10px;
}
.sticky {
position: sticky;
top: 15px;
}
#wpcontent {
font-family: IRANSansX !important;
}
.rtl h1, h2, h3, h4, h5, h6 {
font-family: IRANSansX !important;
} .app-dl img {
width: 100%;
min-width: 100%;
height: auto;
}
.badge-soon {
color: var(--pweb-button-color);
background-color: var(--pweb-two-color);
}
.pweboption a::before {
content: "\f111";
}
.search_result {
position: absolute;
background: #FFA800;
padding: 1rem;
z-index: 999;
border-radius: 0px 0px 10px 10px;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.search_result .cls_side {
background: url(//delta3da.cam/wp-content/themes/d3da/images/close.svg) no-repeat;
width: 30px;
height: 30px;
background-color: #ffa800;
border-radius: 1rem;
padding: 18px;
position: absolute;
left: -16px;
background-position: center;
top: 10px;
z-index: 999;
cursor: pointer;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.search_result li {
padding: 0 0 5px 15px;
}
.search_result li.other {
background: #ffd27b;
padding: 0px 40px 5px 40px;
font-weight: 400;
border-radius: 5px;
margin-top: 0.5rem;
}
.search_result a {
color: #825e00;
}
@media screen and (max-width: 768px) {
.blog-slider__pagination .swiper-pagination-bullet-active {
height: 11px;
width: 30px;
}
.blog-slider .headslider {
display: none;
}
.slidertw::before {
position: relative;
}
}
.musicPlayer {
display: none;
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 999;
padding: 10px;
background: #fff;
box-shadow: 0 -5px 20px -10px rgb(0 0 0 / 8%);
}
.musicPlayer .plyr--audio {
margin-top: 4px;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.plyr--audio .plyr__controls {
padding: 10px 0;
}
.dltrack {
padding: 2px 40px !important;
}
.dltrack::before {
background: none !important;
}
.playaTrack .pic {
cursor: pointer;
}
.playaTrack .pic .playimg {
position: absolute;
width: 100%;
height: 100%;
background: #ffffff82;
top: 0;
backdrop-filter: blur(3px);
color: #2b333c;
font-size: 13px;
display: block;
padding: 15px;
opacity: 0;
transition: all 0.3s;
transform: scale(.94);
padding-top: 35%;
border-radius: 10px;
text-align: center;
line-height: 2;
}
.playaTrack .pic .playimg svg {
fill: #2b333c;
}
.playaTrack .pic .playimg div {
font-weight: 600;
}
.playaTrack .pic:hover .playimg {
opacity: 1;
transform: scale(1.0);
}
.album .swiper-wrapper {
z-index: 0 !important;
}
.pld-like-dislike-wrap {
display: flex;
margin-bottom: 0;
}
.pld-count-wrap {
margin-right: 5px;
}
.pld-common-wrap>a.pld-like-dislike-trigger {
padding-right: 8px;
}
.pld-like-dislike-wrap .pld-common-wrap {
margin-right: 10px;
background: #f0f1f3;
border-radius: 10px;
}
.post figure span {
position: absolute;
right: 10px;
top: 10px;
background: var(--pweb-main-color);
padding: 0 10px;
color: #3b3b3b;
border-radius: 30px;
}
.jet-menu-item-wrapper .jet-dropdown-arrow {
margin-right: 10px !important;
}
button {
cursor: pointer;
}
.demovplayer {
background: rgba(236, 236, 236, 0.8);
padding: 15px;
border-radius: 8px;
}
.demovplayer>div {
border-radius: 10px;
}
.playba {
align-items: center;
display: flex;
justify-content: center;
position: absolute;
top: 60px;
left: -10px;
}
.fondo {
background: var(--pweb-main-color);
border-radius: 50%;
box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.051), 0 2.3px 5.3px rgba(0, 0, 0, 0.059), 0 4.4px 10px rgba(0, 0, 0, 0.06), 0 7.8px 17.9px rgba(0, 0, 0, 0.059), 0 14.6px 33.4px rgba(0, 0, 0, 0.059), 0 35px 80px rgba(0, 0, 0, 0.07);
cursor: pointer;
height: 50px;
position: absolute;
width: 50px;
}
.icono {
height: 100px;
transform: rotate(-120deg);
transition: transform 500ms;
width: 100px;
}
.parte {
background: var(--pweb-button-color);
height: 100px;
position: absolute;
width: 100px;
}
.izquierda {
clip-path: polygon(43.77666% 55.85251%,
43.77874% 55.46331%,
43.7795% 55.09177%,
43.77934% 54.74844%,
43.77855% 54.44389%,
43.77741% 54.18863%,
43.77625% 53.99325%,
43.77533% 53.86828%,
43.77495% 53.82429%,
43.77518% 53.55329%,
43.7754% 53.2823%,
43.77563% 53.01131%,
43.77585% 52.74031%,
43.77608% 52.46932%,
43.7763% 52.19832%,
43.77653% 51.92733%,
43.77675% 51.65633%,
43.77653% 51.38533%,
43.7763% 51.11434%,
43.77608% 50.84334%,
43.77585% 50.57235%,
43.77563% 50.30136%,
43.7754% 50.03036%,
43.77518% 49.75936%,
43.77495% 49.48837%,
44.48391% 49.4885%,
45.19287% 49.48865%,
45.90183% 49.48878%,
46.61079% 49.48892%,
47.31975% 49.48906%,
48.0287% 49.4892%,
48.73766% 49.48934%,
49.44662% 49.48948%,
50.72252% 49.48934%,
51.99842% 49.4892%,
53.27432% 49.48906%,
54.55022% 49.48892%,
55.82611% 49.48878%,
57.10201% 49.48865%,
58.3779% 49.4885%,
59.6538% 49.48837%,
59.57598% 49.89151%,
59.31883% 50.28598%,
58.84686% 50.70884%,
58.12456% 51.19714%,
57.11643% 51.78793%,
55.78697% 52.51828%,
54.10066% 53.42522%,
52.02202% 54.54581%,
49.96525% 55.66916%,
48.3319% 56.57212%,
47.06745% 57.27347%,
46.11739% 57.79191%,
45.42719% 58.14619%,
44.94235% 58.35507%,
44.60834% 58.43725%,
44.37066% 58.41149%,
44.15383% 58.27711%,
43.99617% 58.0603%,
43.88847% 57.77578%,
43.82151% 57.43825%,
43.78608% 57.06245%,
43.77304% 56.66309%,
43.773% 56.25486%);
transition: clip-path 500ms;
}
.derecha {
clip-path: polygon(43.77666% 43.83035%,
43.77874% 44.21955%,
43.7795% 44.59109%,
43.77934% 44.93442%,
43.77855% 45.23898%,
43.77741% 45.49423%,
43.77625% 45.68961%,
43.77533% 45.81458%,
43.77495% 45.85858%,
43.77518% 46.12957%,
43.7754% 46.40056%,
43.77563% 46.67156%,
43.77585% 46.94255%,
43.77608% 47.21355%,
43.7763% 47.48454%,
43.77653% 47.75554%,
43.77675% 48.02654%,
43.77653% 48.29753%,
43.7763% 48.56852%,
43.77608% 48.83952%,
43.77585% 49.11051%,
43.77563% 49.38151%,
43.7754% 49.65251%,
43.77518% 49.9235%,
43.77495% 50.1945%,
44.48391% 50.19436%,
45.19287% 50.19422%,
45.90183% 50.19408%,
46.61079% 50.19394%,
47.31975% 50.1938%,
48.0287% 50.19366%,
48.73766% 50.19353%,
49.44662% 50.19338%,
50.72252% 50.19353%,
51.99842% 50.19366%,
53.27432% 50.1938%,
54.55022% 50.19394%,
55.82611% 50.19408%,
57.10201% 50.19422%,
58.3779% 50.19436%,
59.6538% 50.1945%,
59.57598% 49.79136%,
59.31883% 49.39688%,
58.84686% 48.97402%,
58.12456% 48.48572%,
57.11643% 47.89493%,
55.78697% 47.16458%,
54.10066% 46.25764%,
52.02202% 45.13705%,
49.96525% 44.01371%,
48.3319% 43.11074%,
47.06745% 42.4094%,
46.11739% 41.89096%,
45.42719% 41.53667%,
44.94235% 41.3278%,
44.60834% 41.24561%,
44.37066% 41.27137%,
44.15383% 41.40575%,
43.99617% 41.62256%,
43.88847% 41.90709%,
43.82151% 42.24461%,
43.78608% 42.62041%,
43.77304% 43.01978%,
43.773% 43.428%);
transition: clip-path 500ms;
}
.puntero {
border-radius: 50%;
cursor: pointer;
height: 100px;
position: absolute;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.active .icono {
transform: rotate(-90deg);
}
.active .izquierda {
clip-path: polygon(56.42249% 57.01763%,
54.93283% 57.0175%,
53.00511% 57.01738%,
50.83554% 57.01727%,
48.62036% 57.01718%,
46.55585% 57.01709%,
44.83822% 57.01702%,
43.66373% 57.01698%,
43.22863% 57.01696%,
42.86372% 57.01904%,
42.56988% 57.01621%,
42.3402% 56.99486%,
42.16778% 56.94152%,
42.0457% 56.84267%,
41.96705% 56.68478%,
41.92493% 56.45432%,
41.91246% 56.13777%,
41.91258% 55.76282%,
41.9129% 55.37058%,
41.91335% 54.96757%,
41.91387% 54.56032%,
41.91439% 54.15537%,
41.91485% 53.75926%,
41.91517% 53.3785%,
41.91529% 53.01965%,
41.94275% 52.72355%,
42.02117% 52.51653%,
42.14465% 52.38328%,
42.30727% 52.30854%,
42.50308% 52.27699%,
42.72619% 52.27341%,
42.97065% 52.28248%,
43.23056% 52.2889%,
43.94949% 52.28896%,
45.45083% 52.28912%,
47.47445% 52.28932%,
49.76027% 52.28957%,
52.04818% 52.28981%,
54.07805% 52.29003%,
55.5898% 52.29019%,
56.32332% 52.29024%,
56.58221% 52.28816%,
56.83726% 52.28948%,
57.07897% 52.30593%,
57.29794% 52.34898%,
57.48468% 52.43029%,
57.62978% 52.56146%,
57.72375% 52.7541%,
57.75718% 53.01981%,
57.75713% 53.37763%,
57.75699% 53.81831%,
57.75679% 54.31106%,
57.75657% 54.82507%,
57.75635% 55.32958%,
57.75615% 55.79377%,
57.75601% 56.18684%,
57.75596% 56.47801%,
57.7549% 56.50122%,
57.74034% 56.5624%,
57.6955% 56.64887%,
57.60334% 56.748%,
57.44691% 56.84712%,
57.20925% 56.93358%,
56.87342% 56.99471%);
}
.active .derecha {
clip-path: polygon(56.42249% 42.44625%,
54.93283% 42.44637%,
53.00511% 42.44649%,
50.83554% 42.4466%,
48.62036% 42.4467%,
46.55585% 42.44679%,
44.83822% 42.44685%,
43.66373% 42.4469%,
43.22863% 42.44691%,
42.86372% 42.44483%,
42.56988% 42.44767%,
42.3402% 42.46902%,
42.16778% 42.52235%,
42.0457% 42.6212%,
41.96705% 42.77909%,
41.92493% 43.00956%,
41.91246% 43.32611%,
41.91258% 43.70105%,
41.9129% 44.0933%,
41.91335% 44.49631%,
41.91387% 44.90355%,
41.91439% 45.3085%,
41.91485% 45.70462%,
41.91517% 46.08537%,
41.91529% 46.44422%,
41.94275% 46.74032%,
42.02117% 46.94735%,
42.14465% 47.0806%,
42.30727% 47.15534%,
42.50308% 47.18688%,
42.72619% 47.19047%,
42.97065% 47.1814%,
43.23056% 47.17497%,
43.94949% 47.17491%,
45.45083% 47.17476%,
47.47445% 47.17455%,
49.76027% 47.1743%,
52.04818% 47.17406%,
54.07805% 47.17384%,
55.5898% 47.17369%,
56.32332% 47.17363%,
56.58221% 47.17571%,
56.83726% 47.17439%,
57.07897% 47.15795%,
57.29794% 47.1149%,
57.48468% 47.03359%,
57.62978% 46.90242%,
57.72375% 46.70977%,
57.75718% 46.44406%,
57.75713% 46.08625%,
57.75699% 45.64557%,
57.75679% 45.15282%,
57.75657% 44.6388%,
57.75635% 44.1343%,
57.75615% 43.6701%,
57.75601% 43.27703%,
57.75596% 42.98586%,
57.7549% 42.96265%,
57.74034% 42.90148%,
57.6955% 42.815%,
57.60334% 42.71587%,
57.44691% 42.61675%,
57.20925% 42.53029%,
56.87342% 42.46916%);
}
.blog-slider__item>a svg {
position: absolute;
top: 45%;
right: 45%;
}