/* Generated by less 2.5.1 */
@charset "utf-8";
@import url(reset.css);
@import url(fonts.css);
@import url(icon.css);
@import url(swiper.css);
@import url(jquery.mmenu.all.css);
@import url(plyr.css);
button, body{
font-family: 'irsans';
overflow-x: hidden;
background-color: #ffffff;
}
.container-fulid{
padding: 0;
}
.icon-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
/**********************************
** Header
** -------------------------------
** Main Class : header.site-header
**********************************/
header.site-header{
margin-bottom: 30px;
}
/************* Logo *************/
header.site-header .logo_header{
background-image: url("../img/Header_bg.png");
width: 350px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 50%;
top: 0;
padding-top: 24px;
padding-bottom: 27px;
-webkit-transform: translatex(50%);
transform: translatex(50%);
}
header.site-header .logo_header img.logo{
display: block;
margin:0 auto;
}
/************* Telegram Chn *************/
header.site-header .telegram_chn > div{
display: inline-block;
position: relative;
width: 100%;
}
header.site-header .telegram_chn i{
display: inline-block;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-play-state: running;
animation-play-state: running;
font-size: 33px;
margin-left: 13px;
color: #ff4900;
-webkit-animation: shake-rotate 100ms cubic-bezier(1,-0.01,0,1.01) infinite;
animation: shake-rotate 100ms cubic-bezier(1,-0.01,0,1.01) infinite;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.site-header .telegram_chn{
margin-top: 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.site-header .telegram_chn:hover i{
font-size: 36px;
}
header.site-header .telegram_chn > .news > span{
color: #677879;
font-weight: 300;
font-size: 11px;
line-height: 22px;
}
header.site-header .telegram_chn > .news ul{
}
header.site-header .telegram_chn > .news li{
color: #ff4900;
font-size: 12px;
font-weight: 400;
line-height: 22px;
background-color: #ffffff;
}
/************* Right Menu *************/
header.site-header .main-menu{
margin-top: 32px;
margin-left: 0;
}
header.site-header .main-menu.tright ul{
text-align: right;
}
header.site-header .main-menu ul{
text-align: center;
}
header.site-header .main-menu ul li:last-child{
margin: 0;
}
header.site-header .main-menu ul li{
display: inline-block;
margin-left: 23px;
font-weight: 300;
font-size: 12px;
}
header.site-header .main-menu ul li.bold{
font-weight: 700;
color: #3a5d5d;
}
header.site-header .main-menu ul li.vip:before{
content: '\e934';
font-family: 'icomoon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #ff4900;
font-size: 20px;
margin-left: 10px;
position: relative;
top: 0.3em;
}
/************* Category Slider *************/
.post_category{
margin-top: 30px;
position: relative;
}
.post_category .show_on_scroll{
position: fixed;
top: -50%;
margin: 0;
padding: 15px 90px;
z-index: 9999;
width: 100%;
right: 0;
left: 0;
background-color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
box-shadow: 0 5px 20px -15px #b1aeae;
}
.post_category .show_on_scroll li{
display: inline-block;
margin-left: 15px;
font-weight: 300;
font-size: 12px;
position: relative;
}
.post_category .show_on_scroll li:before{
content: "";
position: absolute;
bottom: -5px;
right: 0;
width: 0;
height: 1px;
background-color: #7e7c7c;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.post_category .show_on_scroll li:hover:before{
width: 100%;
}
.post_category .show_on_scroll li a svg,
.post_category .show_on_scroll li a img{
display: none;
}
.post_category .postcat-swiper-container{
overflow: hidden;
margin: 0 20px;
}
.post_category .postcat-swiper-container li{
color: #3a5d5d;
text-align: center;
font-weight: 300;
}
.post_category .postcat-swiper-container li:hover a > span{
color: #1b3838;
}
.post_category .postcat-swiper-container li:hover a > .svg{
fill: #677f7f;
}
.post_category .postcat-swiper-container li a > i{
color: #9fbdbd;
display: block;
text-align: center;
font-size: 17px;
padding-bottom: 7px;
}
.post_category .postcat-swiper-container li a > span{
display: block;
color: #3a5d5d;
text-align: center;
font-weight: 300;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 14px;
margin-top: 4px;
}
.post_category .postcat-swiper-container li a > .svg{
fill: #9fbdbd;
width: 39px !important;
-webkit-transition: 0.3s;
transition: 0.3s;
height: 33px;
}
.postcat-swiper-button-next{
width: 30px;
background: -webkit-linear-gradient(left, rgba(255,255,255,0.6), rgba(255,255,255,1));
background: -webkit-linear-gradient(right, rgba(255,255,255,0.6), rgba(255,255,255,1));
background: linear-gradient(to left, rgba(255,255,255,0.6), rgba(255,255,255,1));
right: 0;
text-align: right;
}
.postcat-swiper-button-prev{
width: 50px;
margin-left: 10px;
background: -webkit-linear-gradient(right, rgba(255,255,255,0.6), rgba(255,255,255,1));
background: linear-gradient(to left, rgba(255,255,255,0.6), rgba(255,255,255,1));
left: 0;
text-align: left;
}
.postcat-swiper-button-next,
.postcat-swiper-button-prev{
cursor: pointer;
position: absolute;
top: 0;
color: #b9d2d2;
z-index: 2;
line-height: 40px;
}
/************* Search Form *************/
header.site-header form.serch_form{
float: left;
width: 427px;
margin: 0 auto;
margin-top: 15px;
position: relative;
}
header.site-header .serch_form > span{
color: #3ac4c9;
margin-right: 10px;
}
header.site-header form.serch_form > div{
position: relative;
}
header.site-header .serch_form input{
border-bottom: 1px solid #ddebeb;
padding: 5px 10px;
width: 100%;
font-size: 11px;
}
header.site-header .serch_form input::-moz-input-placeholder,
header.site-header .serch_form input:-moz-input-placeholder,
header.site-header .serch_form input:-ms-input-placeholder,
header.site-header .serch_form input::-webkit-input-placeholder{
color: #90a8a8;
}
header.site-header .serch_form button{
border: none;
background-color: #fff;
position: absolute;
font-size: 15px;
font-weight: 900;
left: 0;
top: 0;
}
header.site-header .serch_form button i{
color: #3ac4c9;
font-weight: 700;
line-height: 25px;
}
header.site-header form.serch_form .search_result{
position: absolute;
background: #f8f8f8;
width: 100%;
z-index: 999;
}
header.site-header form.serch_form .search_result .show_more{
display: block;
text-align: left;
color: #3ac4c9;
padding: 5px 16px;;
}
header.site-header form.serch_form .search_result article{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #eaeaea;
padding: 5px 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
header.site-header form.serch_form .search_result article > h1{
margin-right: 15px;
color: #2f4242;
font-size: 13px;
font-weight: 400;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
text-align: center;
}
header.site-header form.serch_form .search_result article:hover{
background-color: #eaeaea;
}
header.site-header form.serch_form .search_result .thumbnail{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 3px;
}
header.site-header form.serch_form .search_result .title h1{
margin-right: 15px;
color: #2f4242;
font-size: 13px;
font-weight: 400;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.page_header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page_header > span{
margin-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: lighter;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page_header > span .pageNavi > *{
margin: 0 5px;
color: #2b4949;
}
.page_header > span .pageNavi .current{
font-weight: bold;
font-size: 15px;
}
.search-title{
color: #2b4949;
font-weight: lighter;
margin-bottom: 20px;
}
.search-title .count{
margin-left: 10px;
}
.search-title .search_for{
color: #3ac4c9;
margin-right: 15px;
font-weight: normal;
}
header.site-header .flex_on_mobile .menuresponsive{
display: none;
}
/************* Samandehi *************/
header.site-header .samandehi{
background: url("../img/samandehi_bg.png") ;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-top: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
header.site-header .samandehi p{
font-weight: 300;
font-size: 16px;
color: #2f4242;
padding: 20px 40px 20px 40px;
text-align: justify;
}
header.site-header .samandehi p em{
color: #eb4806;
}
/************* Movie List *************/
header.site-header .movie_list{
text-align: center;
margin-top: 40px;
}
header.site-header .movie_list li{
display: inline-block;
margin: 0 5px;
font-size: 14px;
color: #2f4142;
font-weight: 300;
line-height: 22px;
cursor: pointer;
position: relative;
}
header.site-header .movie_list li:after{
content: "/";
padding-right: 20px;
padding-left: 10px;
color: #c8d7d7;
}
header.site-header .movie_list li.remove_after:after{
display: none;
}
header.site-header .movie_list .active{
border-radius: 3px 2px 2px 3px;
background-color: #fff4f0;
color: #f24906;
font-size: 14px;
padding: 0 20px;
line-height: 23px;
margin-bottom: 5px;
}
header.site-header .movie_list .active:before{
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #fff4f0;
bottom: -6px;
position: absolute;
right: 5px;
}
header.site-header .movie_list li.active:after{
display: none;
}
header.site-header .movie_list li > span{
font-size: 10px;
margin-right: 5px;
background: #ff003c;
border-radius: 10px 0 10px 0;
color: #fff;
padding: 1px 3px;
margin-left: 3px;
}
/************* Poster Group *************/
header.site-header .quick_access .poster_group{
margin-top: 30px;
margin-bottom: 10px;
overflow: hidden;
}
header.site-header .quick_access .line_bg{
margin-top: 60px;
position: absolute;
width: 100%;
height: 267px;
background: #e6efef;
z-index: -1;
}
header.site-header .quick_access .quick_access_preloader{
display: none;
position: absolute;
width: 100%;
height: 100%;
min-height: 365px;
z-index: 9999;
background-color: rgba(255,255,255,0.7);
}
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #3ac4c9;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0.0s;
animation-delay: 0.0s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
header.site-header .poster_group .single_poster{
border: 1px solid rgba(0,0,0,0.1);
position: relative;
width: 217px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: inline-block;
}
header.site-header .poster_group .single_poster:last-child{
margin-left: 0 !important;
}
header.site-header .poster_group .single_poster:hover .movie_info{
padding: 25px 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.site-header .poster_group .single_poster a{
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header.site-header .poster_group .single_poster a figure{
position: relative;
overflow: hidden;
}
header.site-header .poster_group .single_poster a figure:before{
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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
header.site-header .poster_group .single_poster:hover a figure:before{
-webkit-animation: circle .75s;
animation: circle .75s;
}
header.site-header .poster_group .single_poster:hover a img{
-webkit-transform: scale(1.1) ;
transform: scale(1.1) ;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.site-header .poster_group .single_poster a img{
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.site-header .poster_group .movie_info{
padding: 10px 15px;
background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
position: absolute;
bottom: 0;
right: 0;
width: 100%;
color: #fefefe;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.site-header .poster_group .movie_info h5{
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.5em;
max-height: 1.6em;
}
header.site-header .poster_group .movie_info h5 > em{
line-height: 20px;
background: #ffaf00;
color: #000;
font-style: italic;
font-size: 10px;
padding: 0.1px 7px;
border-radius: 2px;
margin-left: 8px;
font-weight: 700;
}
header.site-header .poster_group .movie_info span{
margin-top: 5px;
font-size: 12px;
color: #fff;
}
div.poster-scrollbar.swiper-scrollbar{
position: static;
margin-top: 10px;
}
div.poster-scrollbar.swiper-scrollbar > .swiper-scrollbar-drag{
background: rgba(58, 196, 201, 0.6);
}
/************* ADS Box *************/
header.site-header .ads_section .ads_box:last-child{
padding-left: 0;
padding-right: 6px;
}
header.site-header .ads_section .ads_box:first-child{
padding-right: 0;
padding-left: 6px;
}
header.site-header .ads_section .ads_box{
position: relative;
padding: 0 3px;
overflow: hidden;
}
header.site-header .ads_box img{
width: 100%;
border-radius: 5px;
}
header.site-header .ads_section .ads_box .ads_box_hover{
margin: 0 3px;
}
header.site-header .ads_section .ads_box:first-child .ads_box_hover{
margin-left: 6px;
}
header.site-header .ads_section .ads_box:last-child .ads_box_hover{
margin-right: 6px;
}
header.site-header .ads_section .ads_box:hover .ads_box_hover{
top: 0;
-webkit-transition: top 0.5s ease-in-out;
transition: top 0.5s ease-in-out;
}
header.site-header .ads_box .ads_box_hover{
position: absolute;
top: 100%;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(9,9,9,0.9);
padding: 50px 27px;
text-align: center;
-webkit-transition: top 0.5s ease-in-out;
transition: top 0.5s ease-in-out;
}
header.site-header .ads_box .ads_box_hover h5{
color: #ffae00;
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-align: center;
margin-bottom: 25px;
}
header.site-header .ads_box .ads_box_hover p{
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 32px;
text-align: justify;
margin-bottom: 25px;
}
header.site-header .ads_box .ads_box_hover a{
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 32px;
text-align: center;
background-color: #ffae00;
border-radius: 2px;
padding: 10px 15px;
cursor: pointer;
box-shadow: 0 2px 0 #ff7e14;
}
/************* VIP Box *************/
header.site-header .vip_acount{
margin-top: 30px;
border-radius: 2px;
background-color: #f5f8f8;
padding: 22px 20px;
position: relative;
margin-bottom: 70px;
}
header.site-header .vip_acount p{
width: 80%;
color: #3a5d5d;
font-size: 12px;
font-weight: 400;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 15px;
text-align: justify;
}
header.site-header .vip_acount a{
color: #ff003c;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
header.site-header .vip_acount a > i{
background: #c9dcdc;
color: #4f6767;
font-size: 5px;
font-weight: 400;
line-height: 26px;
margin-right: 10px;
padding: 0;
border-bottom: 1px solid #d5e2e2;
position: relative;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 11px;
top: -3px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header.site-header .vip_acount a:hover > i{
color: #ffffff;
background-color: #ff003c;
}
header.site-header .vip_acount a > i:before{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
line-height: 12px;
text-align: center;
}
header.site-header .vip_logo{
position: absolute;
left: 3em;
top: 2em;
text-align: center;
line-height: 30px;
}
header.site-header .vip_logo h5{
color: #3a5d5d;
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
}
header.site-header .vip_logo span{
color: #b6c6c6;
font-size: 26px;
font-weight: 300;
line-height: 28px;
letter-spacing: 13px;
padding-left: 16px;
font-family: roboto;
}
header.site-header .vip_acount > img{
position: absolute;
bottom: -2em;
left: 5em;
}
/**********************************
** Footer
** -------------------------------
** Main Class : footer.site-footer
**********************************/
/************* Full Width Slider *************/
footer.site-footer .ffw_swiper_container{
overflow: hidden;
position: relative;
}
footer.site-footer .ffw_swiper_container .swiper-slide{
position: relative;
}
footer.site-footer .ffw_swiper_container .swiper-slide img{
width: 100%;
}
footer.site-footer .ffw_swiper_container .swiper-slide img + span{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: rgba(0,0,0,0.7);
-webkit-transition: 0.5s;
transition: 0.5s;
}
footer.site-footer .ffw_swiper_container .swiper-slide:hover img + span{
background: rgba(0,0,0,0.2);
-webkit-transition: 0.5s;
transition: 0.5s;
}
footer.site-footer .ffw_swiper_container .swiper-slide:hover h5{
background: #2b2e38;
-webkit-transition: 0.5s;
transition: 0.5s;
}
footer.site-footer .ffw_swiper_container .swiper-slide h5{
position: absolute;
bottom: 25px;
right: 27px;
color: #f2f8f8;
font-size: 19px;
font-weight: 300;
line-height: 28px;
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 5px 7px;
}
.ffw-swiper-button-next{
right: 0;
color: #595e6d;
margin-right: 10px;
}
footer.site-footer .ffw_swiper_container:before{
left: 0;
width: 70px;
background: -webkit-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
}
footer.site-footer .ffw_swiper_container:after{
right: 0;
width: 70px;
background: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
}
footer.site-footer .ffw_swiper_container:before,
footer.site-footer .ffw_swiper_container:after{
position: absolute;
content: "";
height: 100%;
z-index: 98;
top: 0;
}
footer.site-footer .ffw_swiper_container:hover .ffw-swiper-button-next,
footer.site-footer .ffw_swiper_container:hover .ffw-swiper-button-prev{
display: block;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ffw-swiper-button-prev{
left: 0;
color: #595e6d;
margin-left: 10px;
}
.ffw-swiper-button-next,
.ffw-swiper-button-prev{
position: absolute;
z-index: 99;
top: 50%;
margin-right: 10px;
display: none;
font-size: 20px;
cursor: pointer;
-webkit-transition: 1s;
transition: 1s;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}
/************* Footer Widgets - Posts *************/
footer.site-footer .footer_widgets{
padding: 60px 0;
background-image: url("../img/tehran-footer_bg.png");
background-position: bottom center;
background-repeat: no-repeat;
background-size: unset;
background-color: #2b2e38;
}
footer.site-footer .footer_widgets section > div {
padding-left: 40px;
margin-bottom: 15px;
}
footer.site-footer .footer_widgets section > div:last-child{
padding-left: 0;
max-width: 370px;
}
footer.site-footer .footer_widgets .orange > .widgettitle{
color: #e2b62c;
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
footer.site-footer .footer_widgets .blue > .widgettitle{
color: #3ac4c9;
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
footer.site-footer .footer_widgets .popular_post{
margin-top: 25px;
}
footer.site-footer .footer_widgets .popular_post li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
footer.site-footer .footer_widgets .popular_post li > span{
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background-color: #363943;
padding: 2px 8px;
color: #9095a2;
font-size: 11px;
font-weight: 400;
line-height: 24px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
}
footer.site-footer .footer_widgets .popular_post li > span i{
padding-right: 5px;
font-size: 10px;
color: #5d616d;
}
footer.site-footer .footer_widgets .popular_post li a{
width: 100%;
}
footer.site-footer .footer_widgets .popular_post li a > h6{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
display: -moz-inline-stack;
margin-right: 15px;
color: #7f828f;
font-size: 13px;
font-weight: 300;
line-height: 31px;
width: 90%;
height: 31px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: 0.5s;
transition: 0.5s;
white-space: nowrap;
}
footer.site-footer .footer_widgets .popular_post li a.bold > h6{
font-weight: 700;
}
footer.site-footer .footer_widgets .popular_post li a > h6 > img{
height: 15px;
margin-left: 5px;
}
footer.site-footer .footer_widgets .popular_post li a > h6:hover{
color: #b3b7c6;
-webkit-transition: 0.5s;
transition: 0.5s;
}
/************* Footer Widgets - Series *************/
footer.site-footer .footer_widgets .latest-series{
margin-top: 25px;
}
footer.site-footer .footer_widgets .latest-series li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
footer.site-footer .footer_widgets .latest-series li > span{
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background-color: #363943;
padding: 2px 8px;
color: #9095a2;
font-size: 11px;
font-weight: 400;
line-height: 24px;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
footer.site-footer .footer_widgets .latest-series li > a{
-webkit-box-flex: 5;
-ms-flex: 5;
flex: 5;
}
footer.site-footer .footer_widgets .latest-series li > span i{
padding-right: 5px;
font-size: 10px;
color: #5d616d;
}
footer.site-footer .footer_widgets .latest-series li a > h6{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
display: -moz-inline-stack;
margin-right: 15px;
color: #7f828f;
font-size: 13px;
font-weight: 300;
line-height: 31px;
width: 66%;
height: 31px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: 0.5s;
transition: 0.5s;
white-space: nowrap;
}
footer.site-footer .footer_widgets .latest-series li a > h6:hover{
color: #b3b7c6;
-webkit-transition: 0.5s;
transition: 0.5s;
}
/************* Footer Widgets - Slider *************/
.footer-single-swiper-container{
overflow: hidden;
}
.footer-single-swiper-container .widgettitle{
color: #ffffff;
font-size: 15px;
font-weight: 300;
line-height: 28px;
}
.footer-single-swiper-container .swiper-wrapper{
margin-top: 30px;
}
.footer-single-swiper-container .swiper-slide {
position: relative;
}
.footer-single-swiper-container .swiper-slide i{
z-index: 99;
position: absolute;
top: 45%;
left: 47%;
background-color: #ff003c;
border-radius: 50%;
padding: 10px;
font-size: 14px;
color: #ffffff;
}
.footer-single-swiper-container .swiper-slide a > span{
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
-webkit-transition: opacity 1s;
transition: opacity 1s;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.footer-single-swiper-container .swiper-slide:hover a > span{
-webkit-transition: opacity 1s;
transition: opacity 1s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.footer-single-swiper-container .swiper-slide h5{
position: absolute;
top: 65%;
width: 100%;
text-align: center;
padding: 10px;
font-size: 14px;
color: #ffffff;
overflow: hidden;
height: 30px;
line-height: 25px;
}
.swiper-pagination{
height: auto;
top: 8px;
width: initial !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #ff003c ;
}
.swiper-pagination-bullet{
background-color: #4e5365;
}
/************* Footer Widgets - Copy Right *************/
footer.site-footer .footer_widgets .copy_right{
margin-top: 40px;
padding-left: 20px;
}
footer.site-footer .copy_right .enamad{
border-radius: 5px;
background-color: #dbdde8;
display: inline-block;
width: 50px;
height: 50px;
overflow: hidden;
}
footer.site-footer .copy_right .enamad img{
width: 50px;
height: 50px;
}
footer.site-footer .copy_right .samandehi{
border-radius: 5px;
background: #fff4dd;
display: inline-block;
width: 50px;
height: 50px;
overflow: hidden;
}
footer.site-footer .copy_right .samandehi img{
width: 50px;
height: 50px;
}
footer.site-footer .copy_right .text{
text-align: left;
}
footer.site-footer .copy_right .text h2{
display: inline;
display: contents;
font-family: roboto;
color: #696e7d;
font-size: 10px;
font-weight: 400;
line-height: 22px;
}
footer.site-footer .copy_right .text h6{
color: #696e7d;
font-family: roboto;
font-size: 10px;
font-weight: 400;
}
footer.site-footer .copy_right .text h6 > a{
text-decoration: underline;
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer.site-footer .copy_right .text h6 > a:hover{
text-decoration: underline;
color: #ff4747;
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer.site-footer .copy_right .text i{
color: #898e9f;
font-size: 20px;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer.site-footer .copy_right .text i:hover{
color: #ff4747;
-webkit-transition: 0.3s;
transition: 0.3s;
}
/**********************************
** Index - Photo Grid
** -------------------------------
** Main Class : s.mosaic-gallery
**********************************/
main{
background-color: #f2f8f8;
padding: 23px 0;
}
div.main-content{
padding-right: 28px;
}
div.main-content > .row{
margin-bottom: 23px;
}
div.photo-grid .single-grid{
position: relative;
}
div.photo-grid .single-grid img{
width: 100%;
height: auto;
}
div.photo-grid .single-grid .single-grid-child a > span.bg,
div.photo-grid .single-grid a > span.bg{
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 60%;
background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.photo-grid .single-grid .single-grid-child a:hover > span.bg,
div.photo-grid .single-grid a:hover > span.bg{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
max-height: unset;
width: 100%;
height: 90%;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
}
div.photo-grid .single-grid .single-grid-child a:hover > span:last-child,
div.photo-grid .single-grid a:hover > span:last-child{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #ffffff;
font-size: 13px;
}
div.photo-grid .single-grid .single-grid-child a > span,
div.photo-grid .single-grid a > span{
position: absolute;
bottom: 17px;
right: 0;
color: #ffffff;
font-size: 13px;
font-weight: 700;
line-height: 22px;
padding: 0 18px;
max-height: 3.6em;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
div.photo-grid .single-grid > .single-grid-child{
position: relative;
display: inline-block;
float: right;
width: 50%;
}
/**********************************
** Index - Hot Post
** -------------------------------
** Main Class : .hot_post
**********************************/
div.hot_post{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
border-radius: 2px;
background-color: #f9ffff;
padding: 22px;
}
.quick_menu > img{
width: 32px;
display: block;
}
.quick_menu > span{
-webkit-writing-mode:tb-rl;
-ms-writing-mode:tb-rl;
writing-mode:tb-rl;
display: inline-block;
color: #385050;
font-size: 15px;
font-weight: 300;
line-height: 22px;
padding: 15px 0;
margin-right: 4px;
}
.quick_menu > ul{
padding-right: 7px;
}
.quick_menu li{
position: relative;
margin-bottom: 20px;
cursor: pointer;
}
.quick_menu li > span{
display: none;
color: #543e10;
font-size: 10px;
font-weight: 400;
line-height: 22px;
padding: 3px 14px;
margin-right: 18px;
background-color: rgba(246, 187, 66, 0.99);
z-index: 99;
border-radius: 5px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
visibility: hidden;
}
.quick_menu li > span:before{
content: '';
width: 0;
height: 0;
border-bottom: 8px solid rgba(246, 187, 66, 0.99);
border-right: 8px solid transparent;
cursor: pointer;
position: absolute;
top: 16px;
right: -8px;
}
.quick_menu li > i{
color: #9fbdbd;
font-size: 17px;
}
.quick_menu li.active > i{
color: #ff4900;
}
.quick_menu li > i:hover + span{
position: absolute;
right: 12px;
top: -16px;
display: inline-block;
min-width: 210%;
text-align: center;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
visibility: visible;
}
.single_hot_post:first-child{
margin-top: 0;
}
.single_hot_post:last-child{
margin-bottom: 0;
}
.single_hot_post{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 9px 0 ;
z-index: 98;
}
.hot_post .single_hot_post a{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.single_hot_post a figure{
position: relative;
overflow: hidden;
}
.single_hot_post a figure:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.single_hot_post:hover a figure:before{
-webkit-animation: shine .75s;
animation: shine .75s;
}
.single_hot_post a figure > img{
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.single_hot_post .post_info{
padding-right: 20px;
}
.single_hot_post .post_info a > h2{
color: #2f4242;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 5px;
margin-top: 5px;
}
.single_hot_post .post_info a > h2:hover{
color: #ff4900;
}
.single_hot_post .post_info > p{
color: #6c9595;
font-size: 11px;
font-weight: 400;
line-height: 25px;
margin: 5px 0 15px 0;
}
.single_hot_post .post_info .post_footer{
color: #668585;
font-size: 11px;
font-weight: 300;
}
.single_hot_post .post_info i{
margin: 0 5px;
line-height: inherit;
float: left;
}
.single_hot_post .post_info .p_like{
color: #59c632;
background-color: #e6ffe1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 1px 5px;
cursor: pointer;
font-weight: normal;
}
.single_hot_post .post_info .p_like > span{
float: right !important;
line-height: 17px;
}
.single_hot_post .post_info .post_footer > div{
display: inline-block;
margin-left: 20px;
}
.single_hot_post .post_info .post_footer > div > span{
float: left;
font-weight: normal;
}
/**********************************
** Index - Hot Post
** -------------------------------
** Main Class : .single_cat_posts_1
**********************************/
.single_cat_posts_1{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
border-radius: 2px;
background-color: #f9ffff;
padding: 29px 0 10px 0;
}
.single_cat_posts_1 header h3{
color: #355d5d;
font-size: 18px;
font-weight: 300;
line-height: 22px;
display: inline-block;
float: right;
margin-right: 23px;
}
.single_cat_posts_1 header a{
color: #698d8d;
font-size: 12px;
font-weight: 300;
line-height: 22px;
display: inline-block;
float: left;
margin-left: 32px;
}
.single_cat_posts_1 a i{
background-color: #ff4900;
color: #f9ffff;
font-size: 8px;
font-weight: 400;
margin-right: 10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: 7px;
position: absolute;
}
.single_cat_posts_1 section > div{
margin-top: 30px;
background-color: #ffffff;
padding: 7px;
}
.single_cat_posts_1 section > div > div > div{
padding: 7px;
}
.single_cat_posts_1 section > div img{
width: 100%;
}
.single_cat_posts_1 .full-size-post,
.single_cat_posts_1 .half-size-post{
position: relative;
}
.single_cat_posts_1 .half-size-post figure{
position: relative;
overflow: hidden;
}
.single_cat_posts_1 .half-size-post figure:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.single_cat_posts_1 .half-size-post:hover figure:before{
-webkit-animation: shine .75s;
animation: shine .75s;
}
.single_cat_posts_1 .half-size-post h3{
color: #2f4242;
font-size: 11px;
font-weight: 400;
line-height: 19px;
text-align: center;
margin-top: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 31px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
text-overflow: ellipsis;
}
.single_cat_posts_1 .half-size-post .p_like{
background-color: #e6ffe1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
top: 10px;
left: 3px;
font-size: 11px;
color: #59c632;
line-height: 11px;
padding: 0 4px;
cursor: pointer;
}
.single_cat_posts_1 .full-size-post .post_info{
position: absolute;
bottom: 25px;
right: 17px;
z-index: 99;
}
.single_cat_posts_1 .full-size-post .bg{
position: absolute;
bottom: 0;
right: 0;
width: calc(100% - 14px);
height: 50%;
background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
margin: 7px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
z-index: 98;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single_cat_posts_1 .full-size-post:hover .bg{
-webkit-transition: 0.5s;
transition: 0.5s;
height: 90%;
}
.single_cat_posts_1 .full-size-post .post_info h3{
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-decoration: none;
white-space: nowrap;
width: 22em;
}
.single_cat_posts_1 .full-size-post .post_footer > div{
display: inline-block;
margin-left: 10px;
color: #ffffff;
}
.single_cat_posts_1 .full-size-post .post_footer > div > i{
font-size: 10px;
font-weight: 300;
}
.single_cat_posts_1 .full-size-post .post_footer > div.p_time span,
.single_cat_posts_1 .full-size-post .post_footer > div.p_view span{
float: left;
margin-right: 5px;
font-size: 11px;
font-weight: 300;
}
.single_cat_posts_1 .full-size-post .p_like{
background-color: #e6ffe1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size: 11px;
color: #59c632 !important;
padding: 0.5px 3px;
line-height: 11px;
cursor: pointer;
}
/**********************************
** Index - Hot Post
** -------------------------------
** Main Class : .top_articles
**********************************/
.top_articles{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
border-radius: 2px;
background-color: #f9ffff;
padding: 29px 0 0 0;
}
.top_articles header h3{
color: #355d5d;
font-size: 18px;
font-weight: 300;
line-height: 22px;
display: inline-block;
float: right;
margin-right: 23px;
}
.top_articles header a{
color: #698d8d;
font-size: 12px;
font-weight: 300;
line-height: 22px;
display: inline-block;
float: left;
margin-left: 32px;
}
.top_articles a i{
background-color: #ff4900;
color: #f9ffff;
font-size: 8px;
font-weight: 400;
margin-right: 10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: 6px;
position: absolute;
}
.top_articles section > div{
margin-top: 30px;
background-color: #ffffff;
padding: 15px;
}
.top_articles .thumb_article{
position: relative;
padding-left: 11px;
padding-bottom: 20px;
}
.top_articles .thumb_article a figure{
position: relative;
overflow: hidden;
}
.top_articles .thumb_article a figure:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.thumb_article:hover figure:before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.top_articles .thumb_article a figure > img{
width: 100%;
}
.top_articles .thumb_article h3{
color: #2f4242;;
font-size: 11px;
font-weight: 400;
line-height: 19px;
text-align: center;
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 2.8em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
text-overflow: ellipsis;
}
.top_articles .thumb_article .p_like{
background-color: #e6ffe1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size: 11px;
color: #59c632 !important;
line-height: 0;
position: absolute;
top: 5px;
left: 3px;
padding: 2px 3px;
cursor: pointer;
}
.top_articles .article_lists{
margin-right: 12px;
background-color: #f3fafa;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 20px;
}
.top_articles .article_lists li{
color: #2f4242;
line-height: 28px;
font-weight: 300;
overflow: hidden;
}
.top_articles .article_lists li:hover > a{
padding-right: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
color: #7e8080;
}
.top_articles .article_lists li > a{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 89%;
float: right;
line-height: 28px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.top_articles .article_lists li > a.bold{
font-weight: 700;
}
.top_articles .article_lists li > a.bold img{
margin-left: 4px;
}
.top_articles .article_lists li > span{
float: left;
color: #96acac;
font-size: 11px;
font-weight: 400;
line-height: 28px;
}
/**********************************
** Cat Box
** -------------------------------
** Main Class : .three_cat
**********************************/
.three_cat > div{
position: relative;
}
.three_cat > div a > img{
width: 100%;
padding: 0 5px;
}
.three_cat > div:first-child a > img{
padding-right: 0;
}
.three_cat > div:last-child a > img{
padding-left: 0;
}
.three_cat > div a > .bg{
position: absolute;
top: 0;
width: 98%;
height: 100%;
background-color: rgba(0,0,0,0.7);
right: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.three_cat > div:last-child a > .bg{
width: 97%;
margin-right: 8px;
}
.three_cat > div:nth-child(2) a > .bg{
width: 97%;
margin-right: 5px;
}
.three_cat > div a > h4{
position: absolute;
color: #ffffff;
top: 50%;
right: 5%;
font-size: 19px;
font-weight: 400;
}
.three_cat > div.blue a > h4{
color: #2ed1d7;
}
.three_cat > div.orange a > h4{
color: #ffc000;
}
.three_cat > div a > h6{
position: absolute;
color: #ffffff;
letter-spacing: 3px;
font-family: roboto;
font-weight: 300;
font-size: 12px;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
top: 65%;
right: 5%;
}
/**********************************
** Slider Cat Posts
** -------------------------------
** Main Class : .slider_cat_posts
**********************************/
.slider_cat_posts{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
border-radius: 2px;
background-color: #f9ffff;
padding: 29px 0 0 0;
}
.slider_cat_posts header h3{
color: #355d5d;
font-size: 18px;
font-weight: 300;
line-height: 22px;
display: inline-block;
float: right;
margin-right: 23px;
}
.slider_cat_posts header a{
color: #698d8d;
font-size: 12px;
font-weight: 300;
line-height: 22px;
display: inline-block;
float: left;
margin-left: 32px;
}
.slider_cat_posts a i{
background-color: #ff4900;
color: #f9ffff;
font-size: 8px;
font-weight: 400;
margin-right: 10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: 7px;
position: absolute;
}
.slider_cat_posts section > div{
margin-top: 30px;
background-color: #ffffff;
padding-top: 30px;
}
.slider_cat_posts .singlecat_post_swiper_container{
overflow: hidden;
margin: 0 65px;
}
.slider_cat_posts .singlecat_post_swiper_container .swiper-slide a figure{
position: relative;
overflow: hidden;
}
.slider_cat_posts .singlecat_post_swiper_container .swiper-slide a figure:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.slider_cat_posts .singlecat_post_swiper_container .swiper-slide:hover a figure:before{
-webkit-animation: shine .75s;
animation: shine .75s;
}
.slider_cat_posts .singlecat_post_swiper_container .swiper-slide a figure > img{
width: 100%;
}
.slider_cat_posts .swiper-slide .post_info a > h3{
color: #2f4242;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-top: 20px;
}
.slider_cat_posts .swiper-slide .post_info p{
color: #6c9595;
font-size: 11px;
font-weight: 400;
line-height: 19px;
margin-top: 15px;
text-align: justify;
}
.slider_cat_posts .swiper-slide .post_footer{
margin-top: 20px;
}
.slider_cat_posts .swiper-slide .post_footer .p_like{
display: inline-block;
color: #59c632;
font-size: 12px;
font-weight: 400;
padding: 1px 7px;
background-color: #e6ffe1;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
cursor: pointer;
}
.slider_cat_posts .swiper-slide .post_footer .p_view{
display: inline-block;
color: #668585;
font-size: 11px;
font-weight: 300;
margin-right: 10px;
}
.slider_cat_posts .swiper-slide .post_footer .p_view > span{
float: left;
margin-right: 5px;
}
.singlecat_post_swiper_container .slider-cat-swiper-button-next{
right: 0;
margin-right: 20px;
}
.singlecat_post_swiper_container .slider-cat-swiper-button-prev{
left: 0;
margin-left: 20px;
}
.singlecat_post_swiper_container .slider-cat-swiper-button-next,
.singlecat_post_swiper_container .slider-cat-swiper-button-prev{
position: absolute;
top: 50%;
z-index: 99;
color: #b3c7c7;
font-size: 24px;
cursor: pointer;
}
.slider_cat_posts .just_title{
margin: 25px 30px 0 30px;
background-color: #f3fafa;
}
.slider_cat_posts .just_title ul{
padding: 20px 0;
}
.slider_cat_posts .just_title ul > li{
width: 49%;
padding: 3px 10px;
display: inline-block;
color: #2f4242;
font-size: 11px;
font-weight: 400;
}
.slider_cat_posts .just_title ul > li:nth-child( 2n ){
border-right: 1px solid #ddebeb;
}
.slider_cat_posts .just_title ul > li > a{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 89%;
float: right;
}
.slider_cat_posts .just_title ul > li > span{
float: left;
color: #96acac;
font-size: 11px;
font-weight: 400;
}
.ads_banner_box img{
width: 100%;
}
/**********************************
** Sport Table
** -------------------------------
** Main Class : .sport_table
**********************************/
.sport_table{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
border-radius: 2px;
background-color: #f9ffff;
}
.sport_table .tab-title ul > li{
position: relative;
background-color: #ffffff;
color: #355d5d;
font-size: 14px;
font-weight: 300;
line-height: 22px;
text-align: right;
padding: 12px 20px;
cursor: pointer;
border-bottom: 1px solid #e5f2f2;
}
.sport_table .tab-title ul > li > img{
bottom: -12px;
left: 10px;
position: absolute;
width: 64px;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.sport_table .tab-title ul > li.active{
color: #ba002c;
}
.sport_table .tab-title ul > li.active > img{
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.sport_table .tab-content section > .table-parent{
width: 100%;
height: 317px;
background-color: #f9ffff;
overflow-y: scroll;
}
.table-parent::-webkit-scrollbar{
width: 2px;
}
.table-parent::-webkit-scrollbar-track {
background-color: #d9e8e8;
}
.table-parent::-webkit-scrollbar-thumb {
background-color: #ca4061;
border-radius: 10px;
}
.sport_table .tab-content section header h5{
padding: 20px 30px;
color: #8ba0a0;
font-size: 15px;
font-weight: 300;
line-height: 22px;
text-align: left;
}
.sport_table .tab-content section > div table{
width: 100%;
background-color: #f9ffff;
}
.sport_table .tab-content section > div table th{
color: #ba002c;
font-size: 15px;
font-weight: 400;
line-height: 22px;
text-align: center;
height: 40px;
}
.sport_table .tab-content section > div table td{
color: #355d5d;
font-size: 13px;
font-weight: 300;
text-align: center;
line-height: 30px;
}
.sport_table .tab-content section > div tbody tr:nth-child(2n+1){
background-color: #f1f9f9;
}
/**********************************
** Sidebar
** -------------------------------
** Main Class : .text-ads
**********************************/
.main-sidebar aside > section{
margin-bottom: 21px;
}
.main-sidebar .text-ads{
background-color: #f9ffff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.main-sidebar .text-ads li{
border-bottom: 1px solid #e7f2f2;
padding: 15px;
}
.main-sidebar .text-ads li:hover{
background-color: #f0faee;
}
.main-sidebar .text-ads li h3{
color: #285759;
font-size: 14px;
font-weight: 300;
line-height: 22px;
}
.main-sidebar .text-ads li:hover h3{
color: #2a5721;
font-size: 14px;
font-weight: 300;
line-height: 22px;
}
.main-sidebar .text-ads li h6{
font-family: roboto;
color: #88b4b5;
font-size: 11px;
font-weight: 300;
line-height: 22px;
}
.main-sidebar .text-ads li:hover h6{
font-family: roboto;
color: #56844d;
font-size: 11px;
font-weight: 300;
line-height: 22px;
}
.main-sidebar .ads_box img{
width: 100%;
}
/**********************************
** Sidebar
** -------------------------------
** Main Class : .last_post_aside
**********************************/
.main-sidebar .last_post_aside{
background-color: #f9ffff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.main-sidebar .last_post_aside header h5{
color: #e34c0f;
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding: 26px 22px;
border-bottom: 1px solid #e3efef;
}
.main-sidebar .last_post_aside ul{
position: relative;
}
.main-sidebar .last_post_aside ul li{
color: #2f4242;
font-size: 11px;
font-weight: 400;
line-height: 31px;
padding: 2px 22px;
border-bottom: 1px solid #e3efef;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-sidebar .last_post_aside ul:after{
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 30%;
background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background: -webkit-linear-gradient(bottom, rgba(255,255,255,1), rgba(255,255,255,0));
background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}
.main-sidebar .last_post_aside ul li:hover{
background-color: #eaf4f4;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-sidebar .last_post_aside > a{
display: block;
text-align: center;
background-color: #e9f2f2;
color: #8fa4a4;
font-size: 13px;
font-weight: 400;
line-height: 22px;
padding: 5px 0;
border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px;
-o-border-radius: 0 0 2px 2px;
}
/**********************************
** Sidebar
** -------------------------------
** Main Class : .movie_box_aside
**********************************/
.movie_box_aside{
position: relative;
margin-top: 30px;
margin-bottom: 30px !important;
}
.movie_box_aside .back-info{
box-shadow: inset 0 0 253px #000;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
min-height: 218px;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
}
.movie_box_aside > a{
position: absolute;
top:0;
margin-top: -8px;
right: 9px;
}
.movie_box_aside .movie_info{
position: absolute;
right: 189px;
bottom: 10px;
}
.movie_box_aside .movie_info h5{
color: #ffae00;
font-size: 15px;
font-weight: 700;
line-height: 22px;
margin-bottom: 17px;
}
.movie_box_aside .movie_info h6{
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 22px;
}
/**********************************
** Sidebar
** -------------------------------
** Main Class : .download_box
**********************************/
.download_box_aside{
padding-top: 10px;
background-color: #ffffff;
border-radius: 2px;
position: relative;
}
.download_box_aside .tab-title{
position: absolute;
right:0;
height: calc(100% - 10px);
background-color: #e8f3f3;
padding: 9px 6px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
}
.download_box_aside .tab-title li{
color: #bed2d2;
background-color: #ffffff;
padding: 8px 0;
text-align: center;
margin-bottom: 9px;
font-size: 16px;
border-radius: 2px;
cursor: pointer;
}
.download_box_aside .tab-title li:last-child{
margin-bottom: 0;
}
.download_box_aside .tab-title li.active{
color: #037bd7;
}
.download_box_aside .tab-content{
float: left;
min-height: 305px;
}
.download_box_aside .tab-content header{
padding: 13px 15px;
border-bottom: 1px solid #e8f3f3;
}
.download_box_aside .tab-content header span{
display: inline-block;
color: #426f6f;
font-size: 13px;
font-weight: 300;
line-height: 22px;
}
.download_box_aside .tab-content header h5{
display: inline-block;
float: left;
color: #037bd7;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.download_box_aside .tab-content .main > div{
padding: 16px 17px;
border-bottom: 1px solid #e8f3f3;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.download_box_aside .tab-content .main > div:hover{
background-color: #f4f6f8;
}
.download_box_aside .tab-content .main > div:nth-child( 2n ){
border-right: 1px solid #e8f3f3;
}
.download_box_aside .tab-content .main .body{
text-align: left;
}
.download_box_aside .tab-content .main .body > h6{
font-family: roboto;
color: #2f4242;
font-size: 12px;
font-weight: 400;
line-height: 31px;
display: inline-block;
}
/**********************************
** 404 Page
** -------------------------------
** Main Class : .usefull_link
**********************************/
.usefull_link header{
margin-bottom: 5px;
}
.usefull_link header h5{
text-align: center;
color: #aebebe;
font-size: 19px;
font-weight: 400;
line-height: 22px;
}
.usefull_link .single_link{
padding: 0 2.5px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 5px;
}
.usefull_link .single_multi_link{
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 2.5px 2.5px 2.5px;
text-align: center;
margin-bottom: 5px;
height: 51px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 5px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.usefull_link .single_multi_link .titles{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 10px;
}
.usefull_link .single_multi_link .links{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.usefull_link .single_multi_link .titles h6{
display: inline-block;
color: #3a5d5d;
font-size: 12px;
font-weight: 400;
line-height: 22px;
margin-right: 10px;
}
.usefull_link .single_link a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px 0;
background-color: #ffffff;
height: 51px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
.usefull_link .single_link .titles{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.usefull_link .single_link .titles span{
color: #5d6e6e;
font-size: 10px;
font-weight: 300;
}
.usefull_link .single_multi_link span img,
.usefull_link .single_link img{
display: inline-block;
max-width: 40px;
margin: 0 10px;
}
.usefull_link .single_link h6{
display: inline-block;
color: #3a5d5d;
font-size: 12px;
font-weight: 400;
line-height: 22px;
}
.usefull_link .single_link h6.greenblue{
color: #5599ae;
}
.usefull_link .single_link h6.green{
color: #529a7a;
}
.usefull_link .single_link h6.red{
color: #d0866c;
}
.usefull_link .single_link h6.yellow{
color: #af9d3f;
}
.usefull_link .single_link h6.green2{
color: #8cc153;
}
.usefull_link .single_link h6.purple{
color: #8a5ea1;
}
.usefull_link .single_link h6.gray{
color: #868679;
}
/**********************************
** sidebar
** -------------------------------
** Main Class : .hotest_post_aside
**********************************/
.hotest_aside{
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.hotest_aside .swiper-pagination{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
width: 100% !important;
margin-top: 25px;
}
.hotest_aside .swiper-pagination-bullets .swiper-pagination-bullet{
width: unset !important;
height: unset !important;
margin: 0 12px;
}
.hotest_aside .swiper-pagination-bullet{
background-color: transparent !important;
}
.hotest_aside .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: transparent !important;
}
.hotest_aside .swiper-pagination-bullet.swiper-pagination-bullet-active i{
color: #59c632;
font-size: 25px;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.hotest_aside .swiper-pagination-bullet i{
color: #3d4b4b;
font-size: 20px;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.hotest_aside .swiper-wrapper{
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
background: #ffffff;
}
.hotest_aside .swiper-wrapper .swiper-slide{
height: unset !important;
background: #ffffff;
}
.hotest_post_aside{
background-color: #ffffff;
}
.hotest_post_aside header{
text-align: center;
padding: 71px 10px 20px 10px;
color: #415d5d;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.hotest_post_aside header h5:after{
content: ' :::';
font-size: 14px;
font-weight: 400;
color: #80b1b1;
}
.hotest_post_aside header h5:before{
content: '::: ';
font-size: 14px;
font-weight: 400;
color: #80b1b1;
}
.hotest_post_aside .single_hot_post{
padding: 13px 15px 13px 25px;
display: block;
border-bottom: 1px solid #e4eded;
}
.hotest_post_aside .single_hot_post .body{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.hotest_post_aside .body a.thumbnail{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.hotest_post_aside .body a > h5{
margin-right: 15px;
color: #2f4242;
font-size: 13px;
font-weight: 400;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.hotest_post_aside .post_footer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hotest_post_aside .post_footer > div{
display: inline-block;
margin-left: 10px;
}
.hotest_post_aside .post_footer{
color: #668585;
font-size: 11px;
font-weight: 300;
}
.hotest_post_aside .post_footer i{
margin: 0 5px;
line-height: inherit;
color: #9ebaba;
}
.hotest_post_aside .post_footer .p_like{
color: #59c632 ;
background-color: #e6ffe1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 1px 5px;
cursor: pointer;
}
.hotest_post_aside .post_footer .p_like i{
color: #59c632 ;
float: left;
}
.hotest_post_aside .post_footer .p_like > span{
float: right !important;
line-height: 17px;
}
.hotest_post_aside .post_footer > div > span{
float: left;
}
/**********************************
** Online Watch
** -------------------------------
** Main Class : .online_watch_aside
**********************************/
.online_watch_aside{
background-color: #ffffff;
}
.online_watch_aside header{
text-align: center;
padding: 20px 10px;
color: #415d5d;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.online_watch_aside header > h5 .dot{
-webkit-animation: blink 1.4s infinite;
animation: blink 1.4s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
font-size: 22px;
}
.online_watch_aside header > h5 .dot:first-child{
margin-right: 4px;
}
.online_watch_aside header > h5 span:nth-child(2){
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.online_watch_aside header > h5 span:nth-child(3){
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.online_watch_aside .single_hot_post{
padding: 13px 15px 13px 25px;
display: block;
border-bottom: 1px solid #e4eded;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.online_watch_aside .single_hot_post .body{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.online_watch_aside .body a.thumbnail{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.online_watch_aside .body a > h5{
margin-right: 15px;
color: #2f4242;
font-size: 13px;
font-weight: 400;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.online_watch_aside .post_footer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.online_watch_aside .post_footer > div{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 10px;
}
.online_watch_aside .post_footer{
color: #668585;
font-size: 11px;
font-weight: 300;
}
.online_watch_aside .post_footer i{
margin: 0 5px;
line-height: inherit;
color: #9ebaba;
}
.online_watch_aside .post_footer .p_like{
color: #59c632 ;
background-color: #e6ffe1;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 1px 5px;
cursor: pointer;
}
.online_watch_aside .post_footer .p_like i{
color: #59c632 ;
float: left;
}
.online_watch_aside .post_footer .p_like > span{
float: right !important;
line-height: 17px;
}
.online_watch_aside .post_footer > div > span{
float: left;
}
/**********************************
** sidebar
** -------------------------------
** Main Class : .categories
**********************************/
.categories{
background-color: #ffffff;
}
.categories header{
text-align: center;
padding: 41px 10px;
color: #415d5d;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.categories header h5:after{
content: ' :::';
font-size: 14px;
font-weight: 400;
color: #80b1b1;
}
.categories header h5:before{
content: '::: ';
font-size: 14px;
font-weight: 400;
color: #80b1b1;
}
.categories .list_of_category{
padding: 0 23px 30px 23px;
position: relative;
}
.categories .child h5{
margin-bottom: 30px;
color: #879a9a;
font-size: 11px;
font-weight: 400;
}
.categories .child h5 span{
font-weight: 400;
color: #ff4900;
font-size: 14px;
}
.categories .tab-content{
display: none;
}
.categories .parent ul,
.categories .child ul{
margin-bottom: 30px;
}
.categories .parent li,
.categories .child li{
width: 49%;
display: inline-block;
color: #2f4242;
font-size: 12px;
font-weight: 400;
line-height: 31px;
padding: 3px 5px;
-webkit-transition: 0.5s;
transition: 0.5s;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: -3px 0;
cursor: pointer;
position: relative;
}
.categories .parent li i{
position: absolute;
left: 0;
top: 55%;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 10px;
color: #ff4900;
padding: 0 5px 0 2px;
}
.categories .parent li:hover{
-webkit-transition: 0.5s;
transition: 0.5s;
color: #ff4900;
padding-right: 10px;
}
.categories .child li:hover{
-webkit-transition: 0.5s;
transition: 0.5s;
color: #ff4900;
padding-right: 10px;
}
.categories .parent li:nth-child( 2n+1 ),
.categories .child li:nth-child( 2n+1 ){
border-left: 1px solid #e8f3f3;
}
.categories .child > span{
background-color: #f5f8f8;
border-radius: 2px;
color: #ff4900;
font-size: 12px;
font-weight: 400;
padding: 6px 12px;
-webkit-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
}
.categories .child > span > i{
font-size: 7px;
color: #bacaca;
margin-right: 15px;
}
.categories .child > span:hover{
color: #f5f8f8;
background-color: rgba(255,77,0,0.8);
-webkit-transition: 0.5s;
transition: 0.5s;
}
/**********************************
** sidebar
** -------------------------------
** Main Class : .khabarname
**********************************/
.khabarname{
background-color: #f9ffff;
padding: 24px 0;
border-radius: 2px;
}
.khabarname .form-part form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 17px;
padding: 0 19px;
}
.khabarname .form-part .sms input::-webkit-input-placeholder,
.khabarname .form-part .sms input:-moz-placeholder,
.khabarname .form-part .sms input::-moz-placeholder,
.khabarname .form-part .sms input:-ms-input-placeholder{
font-size: 13px;
color: #3b4a4a;
}
.khabarname .form-part .mc4wp-form > div.mc4wp-response{
display: none !important;
}
.khabarname .form-part .mc4wp-form > div{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.khabarname .form-part .mc4wp-form input{
border-radius: 3px 2px 2px 3px;
-webkit-border-radius: 3px 2px 2px 3px;
-moz-border-radius: 3px 2px 2px 3px;
background-color: #f2f8f8;
margin-left: 8px;
min-width: 83%;
padding: 5px;
}
.khabarname .form-part .mc4wp-form button{
border: none;
min-width: calc(100% - 64%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;
font-weight: 300;
line-height: 22px;
}
.khabarname .form-part .sms input,
.khabarname .form-part .mail input{
border-radius: 3px 2px 2px 3px;
-webkit-border-radius: 3px 2px 2px 3px;
-moz-border-radius: 3px 2px 2px 3px;
background-color: #f2f8f8;
margin-left: 8px;
min-width: 70%;
padding: 5px;
}
.khabarname .form-part form button{
border: none;
min-width: calc(100% - 70%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 13px;
font-weight: 300;
line-height: 22px;
}
.khabarname .form-part .mc4wp-form button,
.khabarname .form-part .mail button{
color: #b7481c;
background-color: #fff4f0;
}
.khabarname .form-part .sms button{
color: #64936c;
background-color: #f6fcee;
}
.khabarname .form-part img{
width: 100%;
box-shadow: 0 10px 7px -10px rgba(0,0,0,0.2);
}
.khabarname .social-link{
margin-top: 30px;
}
.khabarname .social-link ul{
margin: 0 auto;
width: -moz-max-content;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.khabarname .social-link li{
display: inline-block;
font-size: 14px;
color: #b5caca;
margin: 5px 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.khabarname .social-link li:hover{
color: #ff003c;
-webkit-transition: 0.3s;
transition: 0.3s;
}
/**********************************
** Category Page
** -------------------------------
** Main Class : .single_cat_box
**********************************/
.single_cat_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
background-color: #ffffff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 25px 23px;
margin-bottom: 12px;
}
.single_cat_box > a.thumb{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.single_cat_box > a.thumb > img{
display: block;
margin: 0 auto;
}
.single_cat_box .box_body{
margin-right: 23px;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.single_cat_box .title{
margin-bottom: 16px;
}
.single_cat_box .title a{
float: right;
margin-left: 8px;
margin-bottom: 5px;
}
.single_cat_box .title a.post_title{
float: right;
}
.single_cat_box .title span{
color: #2f4242;
font-size: 13px;
font-weight: 300;
line-height: 21px;
background-color: #e2efef;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 1px 5px;
}
.single_cat_box .title h3{
color: #e74200;
font-size: 19px;
font-weight: 400;
line-height: 21px;
}
.single_cat_box .box_body > p{
font-size: 14px;
font-weight: 300;
line-height: 31px;
color: #2b4949;
text-align: justify;
margin-bottom: 25px;
}
.single_cat_box .info{
margin-bottom: 14px;
}
.single_cat_box .info div{
display: inline-block;
margin-left: 14px;
}
.single_cat_box .info div > i{
color: #2f4242;
float: right;
line-height: 28px;
margin-left: 7px;
font-size: 9px;
}
.single_cat_box .info div > span{
color: #2f4242;
font-size: 12px;
font-weight: 300;
line-height: 29px;
}
.single_cat_box .detail{
margin-bottom: 10px;
}
.single_cat_box .detail.music ul:before{
content: 'شامل : ';
color: #1f2d2d;
font-size: 12px;
font-weight: 700;
line-height: 21px;
}
.single_cat_box .detail.music ul li{
display: inline-block;
color: #1f2d2d;
font-size: 12px;
font-weight: 300;
line-height: 21px;
}
.single_cat_box .detail.music ul li:after{
content: '/';
margin: 0 7px;
}
.single_cat_box .detail.music ul li:last-child:after{
display: none;
}
.single_cat_box .detail.movie ul{
color: #2f4242;
font-size: 12px;
font-weight: 400;
line-height: 30px;
text-transform: uppercase;
}
.single_cat_box .detail.movie ul li{
display: inline-block;
width: 49%;
}
.single_cat_box .detail.movie ul li > span{
color: #2f4242;
font-size: 12px;
font-weight: 300;
line-height: 30px;
text-transform: uppercase;
width: 85px;
margin-left: 10px;
display: inline-block;
}
.single_cat_box .footer .p_like{
float: right;
color: #728f8f;
font-size: 12px;
font-weight: 300;
line-height: 28px;
cursor: pointer;
}
.single_cat_box .footer .p_like > i{
color: #59c632;
font-size: 11px;
margin-left: 6px;
}
.single_cat_box .footer .p_like > span{
color: #59c632;
font-size: 13px;
font-weight: 400;
line-height: 28px;
}
.single_cat_box .footer .more{
float: left;
background-color: #f2f8f8;
border-radius: 2px 3px 3px 2px;
color: #2f4242;
font-size: 12px;
font-weight: 300;
line-height: 22px;
padding:3px 8px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single_cat_box .footer .more:hover{
background-color: #59c632;
color: #ffffff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
/**********************************
** Single Music
** -------------------------------
** Main Class : .single-music
**********************************/
.music_info_box{
position: relative;
margin-bottom: 20px;
}
.music_info_box .bg_box{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
background-color: #d81823;
min-height: 352px;
z-index: 1;
border-radius: 5px 40px 5px 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px)
}
.music_info_box img{
position: absolute;
left: -2em;
top: 1.5em;
z-index: 3;
}
.music_info_box .music_info {
padding: 45px 30px;
position: absolute;
top: 0;
right: 0;
z-index: 3;
}
.music_info_box .music_info .music_title{
margin-bottom: 12px;
}
.music_info_box .music_info .music_title .p_like{
background-color: rgba(255,255,255,0.5);
display: inline-block;
color: #ffffff;
padding: 0 10px;
border-radius: 5px;
line-height: 24px;
box-shadow: 0 1px 0 rgba(255,255,255,0.8);
cursor: pointer;
}
.music_info_box .music_info .music_title .p_like:hover{
box-shadow: none;
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.music_info_box .music_info .music_title h2{
display: inline-block;
color: #ffae00;
font-size: 17px;
font-weight: 400;
line-height: 21px;
margin-right: 10px;
}
.music_info_box .music_info .music_type{
margin-bottom: 25px;
margin-right: 7px;
}
.music_info_box .music_info .music_type span{
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
color: #ffffff;
font-size: 12px;
font-weight: 300;
line-height: 21px;
}
.music_info_box .music_info .music_type span:after{
content: '/';
padding: 0 10px;
}
.music_info_box .music_info .music_type span:last-child:after{
display: none;
}
.music_info_box .music_info .music_producer{
margin-bottom: 20px;
}
.music_info_box .music_info .music_producer div{
color: #ffffff;
font-size: 13px;
font-weight: 300;
line-height: 35px;
}
.music_info_box .music_info .music_producer div > span{
display: inline-block;
width: 120px;
margin-left: 5px;
}
.music_info_box .music_info .music_producer div > em:after{
content: ',';
padding: 0 7px;
}
.music_info_box .music_info .music_producer div > em:last-child:after{
display: none;
}
.music_info_box .music_info .info div{
display: inline-block;
color: #ffffff;
font-size: 12px;
font-weight: 300;
line-height: 29px;
margin-left: 20px;
}
.music_info_box .music_info .info div i{
float: right;
line-height: 26px;
padding: 0 7px;
font-size: 9px;
}
.music_player{
margin-bottom: 20px;
background-color: #ffffff;
border-radius: 5px;
}
.music_player ul li{
float: left;
width: 50%;
text-align: left;
padding: 10px 0;
border: 1px solid #dae8e8;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.music_player ul li:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: #d81823;
}
.music_player ul li:hover i.icon-cloud-down{
-webkit-animation: MoveUpDown 0.7s linear infinite;
animation: MoveUpDown 0.7s linear infinite;
position: relative;
}
.music_player ul li:hover,
.music_player ul li:hover i.icon-cloud-down,
.music_player ul li:hover i.icon-play-button{
color: #ffffff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.music_player ul li i.icon-play-button{
font-size: 9px;
color: #a0c6c6;
padding: 0 10px;
float: left;
line-height: 19px;
}
.music_player ul li i.icon-cloud-down{
display: flow-root;
float: right;
padding: 0 10px;
font-size: 17px;
color: #b3d0d0;
}
.music_player .oEmbed_Export{
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #dbe3e8;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.music_player .oEmbed_Export span{
padding: 0 7px;
}
.music_player .oEmbed_Export input{
background-color: #ededed;
padding: 7px 4px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.single-music article{
position: relative;
margin-bottom: 23px;
}
.main-content-music > *{
position: relative;
top: 0em !important;
}
.single-music .music-body{
background-color: #ffffff;
padding: 30px 23PX 30px 32px;
position: relative;
z-index: 1;
}
.single-music .music-body > *{
margin-bottom: 15px;
}
.single-music .music-body p{
text-align: justify;
color: #2b4949;
font-size: 14px;
font-weight: 300;
line-height: 31px;
}
/**********************************
** Single Film
** -------------------------------
** Main Class : .single-film
**********************************/
.main-content-film > *{
position: relative;
top: 0em !important;
}
.single-film .film-body{
background-color: #ffffff;
padding: 30px 23PX 15px 32px;
position: relative;
z-index: 1;
}
.single-film .film-body > *{
margin-bottom: 15px;
}
.single-film .film-body p{
text-align: justify;
color: #2b4949;
font-size: 14px;
font-weight: 300;
line-height: 31px;
}
.single-film .film-body h2{
color: #2b4949;
font-size: 17px;
font-weight: 400;
line-height: 31px;
}
.single-film .film-body ul{
margin-right: 13px;
}
.single-film .film-body ul li{
color: #2b4949;
font-size: 13px;
font-weight: 300;
line-height: 31px;
}
.single-film .film-body ul li:nth-child( 2n ) > i{
color: #ff6b30;
}
.single-film .film-body ul li > i{
font-size: 12px;
color: #b3c8c8;
margin-left: 15px;
}
.film_info_box{
position: relative;
}
.film_info_box > img{
position: absolute;
right: 20px;
top:-15px;
z-index: 2;
}
.film_info_box .bg_box{
box-shadow: inset 0 0 553px #000;
background-color: #d81823;
min-height: 352px;
z-index: 1;
border-radius: 40px 5px 40px 5px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px)
}
.film_info_box .film_info{
margin-right: 240px;
padding: 45px 30px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.film_info_box .film_info .film_title{
margin-bottom: 10px;
}
.film_info_box .film_info .film_title .p_like{
display: inline-block;
background-color: rgba(255,255,255,0.5);
border-radius: 5px;
padding: 0 8px;
line-height: 22px;
color: #ffffff;
cursor: pointer;
}
.film_info_box .film_info .film_title h2{
display: inline-block;
color: #ffffff;
font-size: 19px;
font-weight: 400;
line-height: 21px;
margin-right: 10px;
}
.film_info_box .film_info .film_type{
margin-bottom: 35px;
}
.film_info_box .film_info .film_type span{
border-radius: 2px 3px 3px 2px;
background-color: #ff8b00;
color: #000000;
font-size: 12px;
font-weight: 400;
line-height: 21px;
padding: 0 5px;
}
.film_info_box .film_info .film_producer div{
display: inline-block;
width: 50%;
float: right;
}
.film_info_box .film_info .film_producer div span{
display: inline-block;
width: 85px;
margin-left: 5px;
color: #ffffff;
font-size: 13px;
font-weight: 300;
line-height: 30px;
}
.film_info_box .film_info .film_producer div em{
color: #ffffff;
font-size: 13px;
font-weight: 400;
line-height: 30px;
}
.film_info_box .film_info .film_producer div em:after{
content: ',';
padding: 0 7px;
}
.film_info_box .film_info .film_producer div em:last-child:after{
display: none;
}
.film_info_box .film_info p{
margin-bottom: 10px;
color: #ffffff;
font-size: 14px;
font-weight: 300;
line-height: 27px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-decoration: none;
width: 35em;
height:2em;
}
.film_info_box .film_info .info div{
display: inline-block;
color: #ffffff;
font-size: 12px;
font-weight: 300;
line-height: 29px;
margin-left: 20px;
}
.film_info_box .film_info .info div i{
float: right;
line-height: 26px;
padding: 0 7px;
font-size: 9px;
}
/**********************************
** Single Article
** -------------------------------
** Main Class : .single-article
**********************************/
.single-article article{
position: relative;
margin-bottom: 23px;
}
.single-article article > header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 2;
}
.single-article article > header > a{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 22px;
}
.single-article header .more_info{
margin-right: 24px;
}
.single-article header .more_info > .bread-crump{
margin-bottom: 15px;
}
.single-article header .more_info span[typeof="v:Breadcrumb"]{
display: inline-block;
color: #293939;
font-size: 10px;
font-weight: 300;
line-height: 21px;
}
.single-article header .more_info > ul li:after{
content: '/';
margin: 0 7px;
color: #aec6c6;
font-size: 10px;
font-weight: 300;
line-height: 21px;
}
.single-article header .more_info > ul li:last-child:after{
display: none;
}
.single-article header .more_info .title h1{
color: #293939;
font-size: 19px;
font-weight: 400;
line-height: 21px;
}
.single-article header .more_info .info{
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-article header .more_info .info > div{
display: inline-block;
margin-left: 15px;
}
.single-article header .more_info .info div > i{
color: #2f4242;
float: right;
line-height: 28px;
margin-left: 7px;
font-size: 9px;
}
.single-article header .more_info .info div > span{
color: #2f4242;
font-size: 12px;
font-weight: 300;
line-height: 29px;
}
.single-article header .more_info .info .p_like{
background-color: #e6ffe1;
padding: 2px 25px;
border-bottom: 1px solid #d3eecd;
border-radius: 4px;
cursor: pointer;
margin-left: 0;
}
.single-article header .more_info .info .p_like:hover{
transform: translateY(1px);
-webkit-transform: translateY(1px);
border: none;
}
.single-article header .more_info .info div.p_like > span,
.single-article header .more_info .info div.p_like > i{
float: left;
color: #59c632;
font-size: 13px;
font-weight: 400;
line-height: 28px;
padding: 0 3px;
}
.single-article .article-body{
background-color: #ffffff;
padding: 90px 23PX 30px 32px;
position: relative;
margin-top: -4.3em;
z-index: 1;
}
.single-article .article-body > *{
margin-bottom: 15px;
}
.single-article .article-body p{
text-align: justify;
color: #2b4949;
font-size: 14px;
font-weight: 300;
line-height: 31px;
}
.single-article .article-body h2{
color: #2b4949;
font-size: 17px;
font-weight: 400;
line-height: 31px;
}
.single-article .article-body ul{
margin-right: 13px;
}
.single-article .article-body ul li{
color: #2b4949;
font-size: 13px;
font-weight: 300;
line-height: 31px;
}
.single-article .article-body ul li:nth-child( 2n ) > i{
color: #ff6b30;
}
.single-article .article-body ul li > i{
font-size: 12px;
color: #b3c8c8;
margin-left: 15px;
}
.article-download{
box-shadow: 0 1px 0 rgba(222, 213, 185, 0.84);
background-color: #fffaea;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.share_the_post{
border-radius: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative;
padding: 15px 40px 0 40px;
}
.share_the_post:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: -webkit-linear-gradient(bottom , rgba(0,0,0,0.2), rgba(0,0,0,0));
background: -webkit-linear-gradient(top , rgba(0,0,0,0.2), rgba(0,0,0,0));
background: linear-gradient(to bottom , rgba(0,0,0,0.2), rgba(0,0,0,0));
}
.share_the_post li{
color: rgba(66, 91, 91,0.3) !important;
font-size: 20px !important;
position: relative;
display: inline-block;
-webkit-transition: 0.3s;
transition: 0.3s;
line-height: unset !important;
padding: 5px 0;
}
.share_the_post li:hover{
color: rgba(66, 91, 91,1) !important;
-webkit-animation: MoveUpDown 1s linear infinite;
animation: MoveUpDown 1s linear infinite;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.share_the_post li:hover i.icon-telegram{
color: #0088cc !important;
}
.share_the_post li:hover i.icon-google{
color: #dd4b39 !important;
}
.share_the_post li:hover i.icon-twitter{
color: #1da1f2 !important;
}
.share_the_post li:hover i.icon-facebook{
color: #3b5998 !important;
}
/**********************************
** Single Article Download
** -------------------------------
** Main Class : .article-download
**********************************/
.article-download .right-side{
text-align: center;
padding: 50px;
}
.article-download .right-side > i{
font-size: 50px;
color: #766a44;
-webkit-animation: MoveUpDown 1s linear infinite;
animation: MoveUpDown 1s linear infinite;
position: relative;
}
.article-download .right-side h5{
color: #665a34;
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
.article-download .left-side{
padding: 40px 0;
}
.article-download .left-side .single-download{
padding-right: 40px;
margin-bottom: 25px;
}
.article-download .left-side .single-download:last-child{
margin-bottom: 0;
}
.article-download .left-side .single-download h3{
color: #473b16;
font-size: 16px;
font-weight: 400;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-download .left-side{
border-right: 1px solid #f3eedc;
}
.article-download .left-side .single-download h3 > i{
color: #bdb290;
font-size: 21px;
margin-left: 15px;
}
.article-download .left-side .single-download ul{
margin-right: 0;
margin-top: 13px;
}
.article-download .left-side .single-download ul li{
display: inline-block;
color: #a99d76;
font-size: 12px;
font-weight: 300;
line-height: 22px;
margin-left: 30px;
}
/**********************************
** Single Gallery Download
** -------------------------------
** Main Class : .article-download
**********************************/
.single-gallery{}
.photo-gallery{
margin: -10px;
}
.photo-gallery > .single_photo{
padding: 10px;
cursor: pointer;
transition: 0.3s;
}
.photo-gallery > .single_photo:hover > img{
box-shadow: none;
}
.photo-gallery > .single_photo > img{
transition: 0.3s;
box-shadow: 0 0 10px 0 rgba(0,0,0,1);
}
/**********************************
** Single
** -------------------------------
** Main Class : .single-slider
**********************************/
.single-film-slider,
.single-music-slider,
.single-article-slider{
overflow: hidden;
}
.single-film-slider .swiper-slide,
.single-music-slider .swiper-slide,
.single-article-slider .swiper-slide{
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
cursor: pointer;
overflow: hidden;
}
.single-film-slider .swiper-slide img,
.single-music-slider .swiper-slide img,
.single-article-slider .swiper-slide img{
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single-film-slider .swiper-slide:hover img,
.single-music-slider .swiper-slide:hover img,
.single-article-slider .swiper-slide:hover img{
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-film-slider .zoom-it,
.single-music-slider .zoom-it,
.single-article-slider .zoom-it{
position: absolute;
height: 100%;
right: 15px;
background-color: #ff003c;
bottom: -100%;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 20px 15px;
}
.single-film-slider .swiper-slide:hover .zoom-it,
.single-music-slider .swiper-slide:hover .zoom-it,
.single-article-slider .swiper-slide:hover .zoom-it{
bottom: -30%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.single-film-slider .swiper-slide .zoom-it i,
.single-music-slider .swiper-slide .zoom-it i,
.single-article-slider .swiper-slide .zoom-it i{
display: block;
font-size: 25px;
color: #ffffff;
text-align: center;
margin-bottom: 10px;
}
.single-film-slider .zoom-it span,
.single-music-slider .zoom-it span,
.single-article-slider .zoom-it span{
display: block;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 2px;
}
.single-film-slider .zoom-it span:last-child,
.single-music-slider .zoom-it span:last-child,
.single-article-slider .zoom-it span:last-child{
font-size: 13px;
}
.single-film-swiper-container:before,
.single-music-swiper-container:before,
.single-article-swiper-container:before{
content: '';
position: absolute;
top: 0;
right:0;
height: 100%;
width: 80px;
background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
z-index: 2;
}
div.single-film-scrollbar.swiper-scrollbar,
div.single-music-scrollbar.swiper-scrollbar,
div.single-article-scrollbar.swiper-scrollbar{
position: static;
margin-top: 5px;
}
div.single-film-scrollbar.swiper-scrollbar > .swiper-scrollbar-drag,
div.single-music-scrollbar.swiper-scrollbar > .swiper-scrollbar-drag,
div.single-article-scrollbar.swiper-scrollbar > .swiper-scrollbar-drag{
background-color: #ff003c;
}
.slider_popup_model{
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9);
}
.slider_popup_model .modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
.slider_popup_model .close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.slider_popup_model .next{
font-size: 26px;
color: #ffffff;
cursor: pointer;
position: absolute;
top: 50%;
right: 8em;
}
.slider_popup_model .prev{
font-size: 26px;
color: #ffffff;
cursor: pointer;
position: absolute;
top: 50%;
left: 8em;
}
.single-article + .three_cat{
position: relative;
}
/**********************************
** Single Page
** -------------------------------
** Main Class : .video_tab
**********************************/
.main-content .video_tab{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
background-color: #fafcfc;
border-radius: 2px;
position: relative;
top: -4.5em;
}
.main-content .video_tab > ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content .video_tab .single_video_tab{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
position: relative;
float: right;
overflow: hidden;
}
.main-content .video_tab .single_video_tab.active .label{
display: block;
bottom: -1.1em;
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
text-align: center;
}
.main-content .video_tab .single_video_tab .label{
position: absolute;
right: 0;
bottom: -5em;
display: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.main-content .video_tab .single_video_tab .label h2{
color: #fafcfc;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: justify;
position: relative;
z-index: 2;
bottom: 20px;
padding: 0 30px;
height: 3.1em;
overflow: hidden;
display: inline-block;
}
.main-content .video_tab .single_video_tab .label > div{
z-index: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
width: 100%;
height: 75px;
background-color: #57b722;
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: skewY(-5deg);
transform: skewY(-5deg);
-webkit-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
/**********************************
** Suggested Part Film
** -------------------------------
** Main Class : .slider_suggested
**********************************/
.main-content-film .slider_suggested{
border-radius: 2px;
padding: 40px 0;
}
.main-content-film .slider_suggested header{
padding-bottom: 40px;
}
.main-content-film .slider_suggested header h3{
color: #293939;
font-size: 14px;
font-weight: 300;
line-height: 22px;
text-align: center;
}
.main-content-film .slider_suggested header i{
font-size: 19px;
color: #d81823;
margin: 0 10px;
-webkit-transform: translateY(5px);
transform: translateY(5px);
display: inline-block;
}
.main-content-film .slider_suggested .film_slider_suggested_swiper_container{
margin: 0 67px;
overflow: hidden;
}
.main-content-film .slider_suggested .swiper-slide{
position: relative;
}
.main-content-film .slider_suggested .swiper-slide .post_info{
margin-top: 30px;
margin-right: 10px;
}
.main-content-film .slider_suggested .swiper-slide .post_footer{
margin-top: 20px;
}
.main-content-film .slider_suggested .swiper-slide .p_like{
display: inline-block;
border-radius: 2px 3px 3px 2px;
background-color: rgba(255,255,255,0.5);
color: #ffffff;
padding: 0 7px;
cursor: pointer;
}
.main-content-film .slider_suggested .swiper-slide h3{
display: inline-block;
color: #ffffff;
font-size: 13px;
font-weight: 400;
line-height: 31px;
}
.main-content-film .slider_suggested .swiper-slide .icon-like2{
color: #59c632;
font-size: 11px;
}
.main-content-film .slider_suggested .swiper-slide .movie_suggested{
position: absolute;
right: 0;
top: 17px;
width: 100%;
height: 148px;
background-color: rgba(0, 0, 0, 0.67);
z-index: -1;
border-radius: 40px 5px 5px 5px;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
}
.main-content-film .slider_suggested .swiper-slide .cover{
margin-right: 15px;
}
.main-content-film .slider_suggested .swiper-slide .body{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content-film .slider_suggested .swiper-slide .post_footer > div{
display: inline-block;
color: #ffffff;
font-size: 11px;
font-weight: 300;
line-height: 29px;
margin-right: 7px;
}
.main-content-film .slider_suggested .swiper-slide .post_footer > div > i{
float: right;
font-size: 8px;
line-height: 26px;
padding-left: 5px;
}
.main-content-film .slider_suggested .film_slider_suggested-swiper-button-next{
right: 10px;
}
.main-content-film .slider_suggested .film_slider_suggested-swiper-button-next:hover{
right: 5px;
}
.main-content-film .slider_suggested .film_slider_suggested-swiper-button-prev{
left:10px;
}
.main-content-film .slider_suggested .film_slider_suggested-swiper-button-prev:hover{
left: 5px;
}
.main-content-film .slider_suggested .film_slider_suggested-swiper-button-next,
.main-content-film .slider_suggested .film_slider_suggested-swiper-button-prev{
position: absolute;
font-size: 24px;
color: #728080;
top: 50%;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
line-height: 18px;
}
/**********************************
** Suggested Part Music
** -------------------------------
** Main Class : .slider_suggested
**********************************/
.main-content-music .slider_suggested{
border-radius: 2px;
padding: 40px 0;
}
.main-content-music .slider_suggested header{
padding-bottom: 40px;
}
.main-content-music .slider_suggested header h3{
color: #293939;
font-size: 14px;
font-weight: 300;
line-height: 22px;
text-align: center;
}
.main-content-music .slider_suggested header i{
font-size: 19px;
color: #d81823;
margin: 0 10px;
-webkit-transform: translateY(5px);
transform: translateY(5px);
display: inline-block;
}
.main-content-music .slider_suggested .swiper-slide{
position: relative;
}
.main-content-music .slider_suggested .swiper-slide .bg{
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 70px;
background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-content-music .slider_suggested .swiper-slide .post_info{
position: absolute;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 10px;
margin-bottom: 10px;
}
.main-content-music .slider_suggested .swiper-slide .post_info a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content-music .slider_suggested .swiper-slide .post_info i{
padding: 7px 13px;
background-color: #d81823;
border-radius: 50%;
color: #f9ffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 22px;
}
.main-content-music .slider_suggested .swiper-slide .post_info h3{
color: #f9ffff;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-right: 10px;
overflow: hidden;
}
.main-content-music .slider_suggested .music_slider_suggested_swiper_container{
overflow: hidden;
margin: 0 65px;
}
.main-content-music .slider_suggested .music_slider_suggested-swiper-button-next{
right: 0;
}
.main-content-music .slider_suggested .music_slider_suggested-swiper-button-prev{
left:0;
}
.main-content-music .slider_suggested .music_slider_suggested-swiper-button-next,
.main-content-music .slider_suggested .music_slider_suggested-swiper-button-prev{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
background-color: #f9ffff;
position: absolute;
font-size: 24px;
color: #728080;
top: calc(50% - 50px);
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
width: 65px;
line-height: 18px;
height: 95px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/**********************************
** Suggested Part Article
** -------------------------------
** Main Class : .slider_suggested
**********************************/
.main-content-article .slider_suggested{
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
background-color: #f9ffff;
border-radius: 2px;
padding: 40px 0;
position: relative;
}
.main-content-article .slider_suggested header{
padding-bottom: 40px;
}
.main-content-article .slider_suggested header h3{
color: #293939;
font-size: 14px;
font-weight: 300;
line-height: 22px;
text-align: center;
}
.main-content-article .slider_suggested header i{
font-size: 19px;
color: #44cfd4;
margin: 0 10px;
-webkit-transform: translateY(5px);
transform: translateY(5px);
display: inline-block;
}
.main-content-article .slider_suggested .slider_suggested_swiper_container{
overflow: hidden;
margin: 0 65px;
}
.main-content-article .slider_suggested .swiper-slide{
overflow: hidden;
}
.main-content-article .slider_suggested .swiper-slide a.thumb figure{
overflow: hidden;
position: relative;
}
.main-content-article .slider_suggested .swiper-slide a.thumb figure:before{
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.main-content-article .slider_suggested .swiper-slide:hover a.thumb figure:before{
-webkit-animation: shine .75s;
animation: shine .75s;
}
.main-content-article .slider_suggested .swiper-slide a img{
width: 100%;
margin-bottom: 20px;
}
.main-content-article .slider_suggested .swiper-slide .post_info h3{
color: #2f4242;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 15px;
}
.main-content-article .slider_suggested .swiper-slide .post_info p{
color: #6c9595;
font-size: 11px;
font-weight: 400;
line-height: 19px;
text-align: justify;
margin-bottom: 15px;
}
.main-content-article .slider_suggested .swiper-slide .post_footer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content-article .slider_suggested .swiper-slide .post_footer > .p_like{
background-color: #e6ffe1;
padding: 0 10px;
border-radius: 5px;
color: #59c632;
font-size: 13px;
font-weight: 400;
line-height: 28px;
border-bottom: 1px solid #d3eecd;
cursor: pointer;
}
.main-content-article .slider_suggested .swiper-slide .post_footer > .p_like:hover{
-webkit-transform: translateY(1px);
transform: translateY(1px);
border-radius: 5px;
}
.main-content-article .slider_suggested .swiper-slide .post_footer > .p_view{
margin-right: 10px;
color: #668585;
font-size: 11px;
font-weight: 300;
line-height: 28px;
}
.main-content-article .slider_suggested .swiper-slide .post_footer i.icon-eye{
float: right;
line-height: 27px;
padding: 0 5px;
}
.main-content-article .slider_suggested .slider_suggested-swiper-button-next{
right: 20px;
}
.main-content-article .slider_suggested .slider_suggested-swiper-button-next:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
right: 15px;
}
.main-content-article .slider_suggested .slider_suggested-swiper-button-prev{
left: 20px;
}
.main-content-article .slider_suggested .slider_suggested-swiper-button-prev:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
left: 15px;
}
.main-content-article .slider_suggested .slider_suggested-swiper-button-next,
.main-content-article .slider_suggested .slider_suggested-swiper-button-prev{
position: absolute;
font-size: 24px;
color: #728080;
top: 50%;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-content-article .ads_banner_box{
position: relative;
}
.main-content-article .ads_banner_box img{
width: 100%;
}
/**********************************
** Comments Part
** -------------------------------
** Main Class : .comments_box
**********************************/
.main-content .comments_box{
position: relative;
background-color: #ffffff;
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
border-radius: 2px;
padding: 38px 0 0 0;
}
.main-content .comments_box header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 38px;
margin-right: 18px;
padding: 0 20px;
}
.main-content .comments_box header i{
font-size: 44px;
color: #59c632;
margin-left: 15px;
}
.main-content .comments_box header h2 div:first-child{
color: #449427;
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
.main-content .comments_box header h2 div:last-child{
color: #678282;
font-size: 12px;
font-weight: 300;
line-height: 22px;
}
.main-content .comments_box header h2 div:last-child > span{
padding-left: 10px;
}
.main-content .comments_box .base_list li{
padding: 30px 20px 30px 30px;
border-bottom: 1px solid #eaf1f1;
}
.main-content .comments_box .base_list li > .children{
margin: 30px -20px 0 -30px;
}
.main-content .comments_box .base_list li > .children:before{
content: '';
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 50px solid transparent;
border-bottom: 40px solid #f9fdf8;
position: relative;
top: -0.8em;
right: 30px;
}
.main-content .comments_box .base_list li > .children li{
border-bottom: none;
box-shadow: 0 1px 0 rgba(190, 212, 212, 0.84);
background-color: #f9fdf8;
position: relative;
}
.main-content .comments_box .base_list li > .children li.bypostauthor:after{
content: "\e936";
font-family: 'icomoon' !important;
position: absolute;
color: rgba(0,0,0,0.3);
font-size: 25px;
top: 10px;
right: 50%;
-webkit-transform: translateX(50%) rotate(10deg);
transform: translateX(50%) rotate(10deg);
}
.main-content .comments_box .base_list li > .children li header{
display: flow-root;
padding: 0;
margin-right: 0;
}
.main-content .comments_box .base_list li > .children li header em{
float: left;
margin-left: 15px;
}
.main-content .comments_box .base_list li > .children li header strong{
float: left;
color: #3b8122;
font-size: 14px;
font-weight: 300;
line-height: 22px;
}
.main-content .comments_box .base_list li > .children li header .replay{
float: right;
}
.main-content .comments_box .base_list li header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
padding: 0;
}
.main-content .comments_box .base_list li header strong{
color: #2f4242;
font-size: 14px;
font-weight: 300;
line-height: 22px;
}
.main-content .comments_box .base_list li header em{
color: #708888;
font-size: 12px;
font-weight: 300;
line-height: 22px;
margin-right: 15px;
}
.main-content .comments_box .base_list li header .replay{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
color: #708888;
font-size: 12px;
font-weight: 300;
line-height: 22px;
}
.main-content .comments_box .base_list li .comment_body{
position: relative;
padding-right: 80px;
}
.main-content .comments_box .base_list li > .children > li .comment_body{
padding-right: 0;
padding-left: 80px;
}
.main-content .comments_box .base_list li > .children > li .comment_body p{
color: #1c410f;
font-size: 13px;
font-weight: 300;
line-height: 26px;
}
.main-content .comments_box .base_list li > .children > li .comment_body .like_part{
left: 0;
right: inherit;
padding: 0 70px 0 15px;
}
.main-content .comments_box .base_list li > .children > li .comment_body .like_part span{
right: 40px;
}
.main-content .comments_box .base_list li .comment_body .like_part{
position: absolute;
padding: 0 40px 0 25px;
line-height: 26px;
top: 50%;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
right: 0;
}
.main-content .comments_box .base_list li .comment_body .like_part > i{
font-size: 21px;
color: #2f4242;
position: relative;
top: 2px;
cursor: pointer;
}
.main-content .comments_box .base_list li .comment_body .like_part > i:hover{
top: auto;
-webkit-animation: MoveUpDown 0.7s linear infinite;
animation: MoveUpDown 0.7s linear infinite;
}
.main-content .comments_box .base_list li .comment_body .like_part span{
position: absolute;
color: #ffffff;
font-size: 13px;
font-weight: 400;
padding: 2px 7px;
top: 0;
right: 10px;
background-color: #59c632;
border-radius: 5px;
}
.main-content .comments_box .base_list li .comment_body .like_part span:after{
content: '';
width: 0;
height: 0;
border-top: 8px solid #59c632;
border-left: 8px solid transparent;
position: absolute;
left: -0.5em;
top: 1em;
}
.main-content .comments_box .base_list li .comment_body p{
color: #2f4242;
font-size: 13px;
font-weight: 300;
line-height: 26px;
text-align: justify;
}
span.user_loged_in{
color: #678282;
font-size: 16px;
font-weight: 300;
line-height: 22px;
font-family: irsans;
margin-bottom: 10px;
display: inline-block;
}
span.user_loged_in > a{
color: #3ac4c9;
text-transform: uppercase;
}
span.logout{
color: #acc5c5;
font-size: 16px;
font-weight: 500;
line-height: 22px;
font-family: irsans;
margin-bottom: 10px;
display: inline-block;
float: left;
-webkit-transition: 0.3s;
transition: 0.3s;
}
span.logout:hover{
color: #678282;
-webkit-transition: 0.3s;
transition: 0.3s;
}
/**********************************
** Comments Form
** -------------------------------
** Main Class : .comment_form
**********************************/
.main-content .comment_form{
padding: 40px 15px 20px 15px;
}
.main-content .comment_form h2{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #2f4242;
font-size: 16px;
font-weight: 300;
line-height: 22px;
margin-bottom: 20px;
margin-right: 15px;
margin-left: 15px;
}
.titr-comment > a{
color: #3ac4c9;
text-transform: uppercase;
margin: 0 4px;
}
.titr-comment > .cancle{
margin-right: 20px;
font-size: 14px;
font-weight: lighter;
color: #2f4242;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-content .comment_form h2{
position: relative;
}
.main-content .comment_form i{
margin-left: 15px;
color: #2f4242;
font-size: 22px;
}
.main-content .comment_form h2:before{
content: '+';
font-size: 18px;
color: #ffffff;
position: absolute;
background-color: #59c632;
border-radius: 50%;
height: 1em;
width: 1em;
text-align: center;
top: 10px;
right: -10px;
}
.main-content .comment_form form{
width: 100%;
position: relative;
}
.main-content .comment_form textarea{
border: 1px solid #efefef;
width: 100%;
padding: 10px;
resize: none;
background-color: #f9f9f9;
border-radius: 5px;
}
.main-content .comment_form .account-blur{
position: absolute;
top: 0;
right: 0;
border: 1px solid #e8e8e8;
background-color: #f9f9f9;
width: 100%;
height: 100%;
border-radius: 5px;
}
.main-content .comment_form .account-blur p{
color: #000;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(10px);
-moz-filter: blur(10px);
-webkit-filter: blur(1px);
-o-filter: blur(10px);
transition: all 2s linear;
-moz-transition: all 2s linear;
-webkit-transition: all 2s linear;
-o-transition: all 2s linear;
position: absolute;
z-index: 9999;
padding: 20px;
}
.main-content .comment_form .account{
width: 100%;
position: absolute;
text-align: center;
top: 81px;
}
.main-content .comment_form .account b{
display: block;
margin-bottom: 15px;
color: #2f4242;
font-size: 14px;
font-weight: 300;
line-height: 27px;
}
.main-content .comment_form .account .enter{
border-radius: 2px 3px 3px 2px;
background-color: #ffffff;
color: #2f4242;
font-size: 17px;
font-weight: 400;
line-height: 32px;
padding: 10px 15px;
margin: 0 5px;
}
.main-content .comment_form .account .login{
border-radius: 3px 2px 2px 3px;
background-color: #59c632;
color: #ffffff;
font-size: 17px;
font-weight: 400;
line-height: 32px;
padding: 10px 15px;
margin: 0 5px;
}
.main-content .comment_form form input{
display: block;
border-radius: 5px;
border: 1px solid #efefef;
width: 50%;
padding: 10px;
margin-bottom: 10px;
background-color: #f9f9f9;
}
.main-content .comment_form form button{
margin-top: 10px;
background-color: #59c632;
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 32px;
padding: 2px 15px;
box-shadow: 0 2px 0 #3D8821;
border: none;
-webkit-transition: 0.1s;
transition: 0.1s;
}
.main-content .comment_form form button:hover{
-webkit-transform: translateY(2px);
transform: translateY(2px);
box-shadow: none;
border: none;
-webkit-transition: 0.1s;
transition: 0.1s;
}
/**********************************
** Main Fields in Movie
** -------------------------------
** Main Class : .movie_fields
**********************************/
.movie_fields li{
margin-bottom: 7px;
}
.movie_fields li span{
color: #800080;
font-weight: 500;
}
.movie_fields li p{
text-align: justify;
color: #303030;
}
.movie_fields h4{
margin: 10px 0;
font-size: 20px;
font-weight: 500;
color: #425b5b;
}
.movie_fields li em{
color: #303030;
font-weight: 500;
}
/**********************************
** Tags Box Page
** -------------------------------
** Main Class : .tag_box
**********************************/
.main-content .tag_box{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content .tag_box .tags{
width: 95%;
}
.main-content .tag_box > i{
font-size: 47px;
color: #dae3e3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding-right: 40px;
position: absolute;
left: 0;
}
.main-content .tag_box .tags > a{
font-size: 12px;
font-weight: 300;
line-height: 29px;
color: #8ea5a5;
}
.main-content .tag_box .tags > a:hover{
color: #ff003c;
}
.main-content .tag_box .tags > a:after{
content: ',';
margin: 0 2px;
color: #8ea5a5;
}
.main-content .tag_box .tags > a:last-child:after{
display: none;
}
/**********************************
** Series Download Box
** -------------------------------
** Main Class : .series_download_box
**********************************/
.main-content .series_download_box{
position: relative;
top: -4.5em;
background-color: #dde9e9;
padding: 45px 0 20px 0;
}
.main-content .series_download_box .box_header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 41px;
padding-bottom: 28px;
}
.main-content .series_download_box .box_header > i{
font-size: 51px;
color: #3b5c5c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 0 25px;
}
.main-content .series_download_box .box_content{
border-bottom: 1px dashed #8daaaa;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-content .series_download_box .box_content .right-side > h5{
color: #3a5b5b;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 5px;
}
.main-content .series_download_box .box_content .right-side > span{
color: #6a9494;
font-size: 13px;
font-weight: 300;
line-height: 22px;
margin-bottom: 10px;
}
.main-content .series_download_box .box_content .left-side{
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.main-content .series_download_box .box_content .left-side .error_report{
margin-bottom: 5px;
}
.main-content .series_download_box .box_content .left-side .error_report i{
float: left;
color: #ffae00;
-webkit-transform: translateY(2px);
transform: translateY(2px);
margin-right: 5px;
}
.main-content .series_download_box .box_content .left-side .error_report span{
color: #557777;
font-size: 12px;
font-weight: 300;
line-height: 22px;
cursor: pointer;
}
.main-content .series_download_box .box_content .left-side .lock{
margin-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-content .series_download_box .box_content .left-side .lock i{
color: #3b5c5c;
font-size: 13px;
margin-right: 5px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.main-content .series_download_box .box_content .left-side .lock a{
color: #557777;
font-size: 11px;
font-weight: 300;
line-height: 22px;
font-family: roboto;
text-transform: uppercase;
}
.main-content .series_download_box .box_content .left-side .lock input{
background-color: transparent;
text-align: left;
color: #557777;
font-size: 11px;
font-weight: 300;
line-height: 22px;
text-transform: uppercase;
}
.main-content .series_download_box .single_season{
padding: 0 20px;
margin-top: 20px;
margin-bottom: 50px;
}
.main-content .series_download_box .single_season:last-child{
margin-bottom: 0;
}
.main-content .series_download_box .season_header{
position: relative;
background-color: #ecf4f4;
}
.main-content .series_download_box .season_header .season_numb{
position: absolute;
border-bottom: 50px solid #f2fafa;
border-top-right-radius: 5px;
border-left: 50px solid transparent;
border-right: 50px solid #f2fafa;
height: 0;
width: 160px;
right:0;
top: -16px;
line-height: 50px;
color: #3d7b76;
font-size: 15px;
font-weight: 300;
}
.main-content .series_download_box .season_header .season_info{
padding: 6px 10px;
color: #3d6464;
font-size: 11px;
font-weight: 300;
line-height: 22px;
text-align: left;
}
.main-content .series_download_box .season_header .season_info > span{
margin-right: 10px;
}
.main-content .series_download_box .single_season > ul > li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
background-color: #ffffff;
padding: 20px 15px 10px 15px;
margin-bottom: 2px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-content .series_download_box .single_season > ul > li:hover > i{
color: #ff003c;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-content .series_download_box .single_season > ul > li > i{
font-size: 33px;
color: #c8e3e3;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.main-content .series_download_box .single_season > ul > li > .content_box{
-webkit-box-flex: 10;
-ms-flex: 10;
flex: 10;
}
.main-content .series_download_box .single_season > ul > li > .content_box a:after{
content: '/';
margin: 0 1em;
color: #293939;
}
.main-content .series_download_box .single_season > ul > li > .content_box a:last-child:after{
display: none
}
.main-content .series_download_box .single_season > ul > li > .content_box .ep_number{
color: #293939;
font-size: 15px;
font-weight: 400;
line-height: 22px;
margin-left: 1.5em;
}
.main-content .series_download_box .single_season > ul > li > .content_box .persian_link:hover,
.main-content .series_download_box .single_season > ul > li > .content_box .mirror_link:hover,
.main-content .series_download_box .single_season > ul > li > .content_box .direct_link:hover{
font-size: 16px;
-webkit-transition: 0.5s;
transition: 0.5s;
font-weight: 400;
line-height: 19px;
}
.main-content .series_download_box .single_season > ul > li > .content_box .direct_link{
color: #57b722;
font-size: 15px;
font-weight: 300;
line-height: 22px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.main-content .series_download_box .single_season > ul > li > .content_box .mirror_link{
color: #293939;
font-size: 15px;
font-weight: 300;
line-height: 22px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.main-content .series_download_box .single_season > ul > li > .content_box .persian_link{
color: #ff003c;
font-size: 15px;
font-weight: 300;
line-height: 22px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.main-content .series_download_box .single_season > ul > li .ep_info span{
color: #668989;
font-size: 11px;
font-weight: 300;
line-height: 22px;
margin-left: 1.5em;
}
.main-content .series_download_box .single_season > ul > li > span{
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
text-align: center;
cursor: pointer;
}
.main-content .series_download_box .single_season > ul > li > span:hover > em,
.main-content .series_download_box .single_season > ul > li > span:hover > i{
color: #ff003c;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-animation: MoveUpDown 0.4s infinite;
animation: MoveUpDown 0.4s infinite;
position: relative;
}
.main-content .series_download_box .single_season > ul > li > span > i{
font-size: 22px;
color: #93bbbb;
display: block;
}
.main-content .series_download_box .single_season > ul > li > span > em{
color: #668989;
font-size: 11px;
font-weight: 300;
line-height: 22px;
}
/**********************************
** 404 Page
** -------------------------------
** Main Class : body.block_404
**********************************/
body.block_404{
background-color: #ffffff;
background-image: url("../img/404_bg_1.png");
background-position: center -10%;
background-repeat: no-repeat;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
body.block_404 main{
background-image: url("../img/404_bg_1.png");
background-position: center 0%;
background-repeat: no-repeat;
background-color: #f2f8f8;
padding: 23px 0;
width: 100%;
height: 100%;
}
body.block_404 .content{
padding-top: 300px;
}
.block_404 .content > h1{
font-size: 14px;
line-height: 22px;
color: #839797;
font-weight: 300;
}
.block_404 .content > h3{
position: relative;
font-size: 22.5px;
color: #2f4242;
font-weight: 300;
line-height: 22px;
margin-top: 8px;
}
.block_404 .content > h3:before{
position: absolute;
width: 35px;
height: 35px;
content: "";
background-image: url("../img/404_arrow.png");
background-repeat: no-repeat;
background-position: center;
right: 18.5em;
top: 60%;
}
.block_404 .content span{
display: block;
margin-top: 80px;
}
.block_404 .content span em{
display: block;
text-align: right;
padding-right: 10px;
color: #2f4242;
font-size: 12px;
font-weight: 400;
}
.block_404 .content > form.serch_form{
width: 427px;
margin: 0 auto;
}
.block_404 .content > form.serch_form > div{
position: relative;
}
.block_404 .content > .serch_form input{
border-bottom: 1px solid #ddebeb;
padding: 10px 10px;
width: 100%;
}
.block_404 .content > .serch_form input::-moz-input-placeholder,
.block_404 .content > .serch_form input:-moz-input-placeholder,
.block_404 .content > .serch_form input:-ms-input-placeholder,
.block_404 .content > .serch_form input::-webkit-input-placeholder{
color: #90a8a8;
}
.block_404 .content > .serch_form button{
border: none;
background-color: #fff;
position: absolute;
font-size: 15px;
font-weight: 900;
left: 0;
top: 12px;
}
.block_404 .content > .serch_form button i{
color: #ff003c;
font-weight: 700;
}
.breack_page{
margin-top: 20px;
display: block;
color: #869d9d;
font-size: 15px;
font-weight:300;
cursor: pointer;
}
/**********************************
** #snackbar
**********************************/
.snackbar {
visibility: hidden;
min-width: 250px;
background-color: #3ac4c9;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 999;
left: 50%;
bottom: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/**********************************
** Responcive Menu
**********************************/
.mm-header{
background-color: #e6efef;
padding: 10px 0 0 0;
margin-bottom: 10px;
}
.mm-header .mm-brand{
text-align: center;
padding: 10px 0;
}
.mm-header form > span{
color: #3ac4c9;
margin-right: 10px;
}
.mm-header form > div{
position: relative;
}
.mm-header form input{
border-bottom: 1px solid #dae0e0;
padding: 8px 10px;
width: 100%;
font-size: 11px;
background-color: transparent;
}
.mm-header form button{
border: none;
background-color: #e6efef;
position: absolute;
font-size: 15px;
font-weight: 900;
left: 0;
top: 7px;
}
/**********************************
** Responsive
** -------------------------------
** All Of HTML
**********************************/
@media screen and ( max-width: 1200px ){
/********************* Index ********************/
header.site-header form.serch_form{
width: 300px;
}
.quick_menu li > i:hover + span{
min-width: 270%;
}
.three_cat > div a > h6{
margin-top: 5px;
}
header.site-header .flex_on_mobile .menuresponsive{
display: none;
}
/******************* 404 Page *******************/
.block_404 .content > h3:before{
right: 13.5em;
}
/********************* Footer ********************/
footer.site-footer .footer_widgets .popular_post li > span,
footer.site-footer .footer_widgets .latest-series li > span{
display: none;
}
footer.site-footer .ffw_swiper_container .swiper-slide h5{
font-size: 16px;
bottom: 10px;
right: 15px;
}
.film_info_box .film_info{
margin-right: 0;
}
.film_info_box > img{
display: none;
}
}
@media screen and ( max-width: 991px ){
/********************* Index ********************/
header.site-header .logo_header{
position: static;
display: block;
margin-right: auto;
margin-left: auto;
-webkit-transform: unset;
transform: unset;
}
header.site-header .telegram_chn{
display: inline-block;
width: 10%;
margin-top: 32px;
}
header.site-header .telegram_chn > a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
header.site-header .telegram_chn > a:after{
content: "دنبال کنید";
color: #677879;
font-weight: 300;
font-size: 14px;
}
header.site-header .telegram_chn > a i{
font-size: 16px;
}
header.site-header .telegram_chn > div{
display: none;
}
.post_category{
margin-top: 30px;
}
.post_category .postcat-mobile > span{
font-size: 2em;
}
.post_category .postcat-mobile,
.post_category .postcat-mobile > span,
.post_category .postcat-mobile > span + nav:hover,
.post_category .postcat-mobile > span:hover + nav{
display: block;
}
.post_category .postcat-mobile > nav{
display: none;
width: 150px;
color: #3a5d5d;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
z-index: 99;
}
.post_category .postcat-mobile > nav i{
color: #9fbdbd;
font-size: 15px;
line-height: 20px;
}
header.site-header form.serch_form{
width: 90%;
}
header.site-header .vip_logo{
left: 4em;
}
header.site-header .vip_acount > img{
left: 6em;
}
/******************* Photo Grid ******************/
div.photo-grid .single-grid .single-grid-child a > span,
div.photo-grid .single-grid a > span{
font-size: 10px ;
bottom: 5px;
}
/******************* Hot Posts *******************/
.quick_menu li > i:hover + span{
min-width: 250%;
}
.single_hot_post a > img{
width: 100%;
}
.single_hot_post{
position: relative;
display: block;
}
.single_hot_post .post_info{
position: absolute;
bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-decoration: none;
white-space: nowrap;
}
.single_hot_post .post_info a > h2{
color: #ffffff;
background-color: rgba(47,66,66,1);
padding: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single_hot_post .post_info a:hover > h2{
color: #ffffff;
background-color: rgba(47,66,66,0.7);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single_hot_post .post_footer,
.single_hot_post .post_info p{
display: none;
}
/****************** Post Article *****************/
.single_cat_posts_1 .full-size-post .post_info h3{
font-size: 12px;
margin-bottom: 5px;
}
.single_cat_posts_1 .full-size-post .post_footer{
display: none;
}
.single_cat_posts_1 .half-size-post h3{
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-decoration: none;
white-space: nowrap;
}
.top_articles main .thumb_article img{
width: 100%;
}
/******************* 404 Page *******************/
.block_404 .content > h3:before{
right: 9.5em;
}
/********************* Footer ********************/
footer.site-footer .footer_widgets .popular_post li > span,
footer.site-footer .footer_widgets .latest-series li > span{
display: none;
}
footer.site-footer .ffw_swiper_container .swiper-slide h5{
font-size: 14px;
bottom: 8px;
right: 12px;
}
.khabarname .form-part .sms input,
.khabarname .form-part .mail input{
width: 500px;
}
.khabarname .form-part form button{
width: calc( 100% - 500px );
}
.film_info_box > img{
width: 200px;
top: 21px;
right: 10px;
}
.film_info_box .film_info{
margin-right: 190px;
}
}
@media screen and ( max-width: 767px ){
.container{
padding: 0 15px;
}
div.main-content{
padding: 0;
}
header.site-header .flex_on_mobile{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
header.site-header .flex_on_mobile .menuresponsive{
display: block;
width: 10%;
display: inline-block !important;
color: #3ac4c9;
font-weight: 800;
cursor: pointer;
margin-top: 30px;
font-size: 2em;
text-align: left;
}
/********************* Index ********************/
header.site-header .logo_header{
position: static;
display: block;
margin-right: auto;
margin-left: auto;
width: unset;
-webkit-transform: unset;
transform: unset;
}
header.site-header .telegram_chn{
display: none;
}
header.site-header .main-menu{
width: 100%;
}
.post_category{
margin-top: 30px;
}
.post_category .postcat-mobile > span{
font-size: 2em;
}
.post_category .postcat-mobile,
.post_category .postcat-mobile > span,
.post_category .postcat-mobile > span + nav:hover,
.post_category .postcat-mobile > span:hover + nav{
display: block;
}
.post_category .postcat-mobile > nav{
display: none;
width: 150px;
color: #3a5d5d;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
z-index: 99;
}
.post_category .postcat-mobile > nav i{
color: #9fbdbd;
font-size: 15px;
line-height: 20px;
}
header.site-header form.serch_form{
width: 90%;
}
header.site-header .vip_logo{
left: 3em;
}
header.site-header .vip_acount > img{
left: 5em;
}
/******************* Photo Grid ******************/
div.photo-grid .single-grid .single-grid-child a > span,
div.photo-grid .single-grid a > span{
font-size: 9px ;
bottom: 2px;
}
.top_articles main .thumb_article a > img{
width: 100%;
}
.top_articles main .thumb_article h3{
font-size: 14px;
}
.three_cat > div a > h6{
margin-top: 5px;
font-size: 10px;
letter-spacing: 2px;
}
/******************* 404 Page *******************/
.block_404 .content > h3:before{
display: none;
}
.block_404 .content > form.serch_form{
width: 100%;
}
/*************** Download Box Aside ***************/
.download_box_aside .tab-title{
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
}
.download_box_aside .tab-title li{
display: inline-block;
padding: 13px 16px;
margin-bottom: 0;
}
.download_box_aside .tab-content{
margin-top: 5.7em;
}
/********************* Footer ********************/
footer.site-footer .footer_widgets section > div:last-child{
width: 100%;
}
footer.site-footer .ffw_swiper_container .swiper-slide h5{
font-size: 12px;
bottom: 6px;
right: 8px;
}
.film_info_box > img{
display: none;
}
.film_info_box .film_info{
margin-right: 0;
}
.show_on_scroll{
display: none;
}
}
@media screen and ( max-width: 650px ){
.single_hot_post{
display: block;
position: relative;
}
.single_hot_post a > img{
width: 100%;
}
.single_hot_post .post_info > a{
position: absolute;
bottom: 15px;
right:10px;
left: 10px;
background-color: #2b2e38;
color: #ffffff;
font-size: 14px;
}
.single_hot_post .post_info > a h2{
color: #ffffff;
padding: 2px 5px;
}
.single_hot_post .post_info > a:hover h2{
color: #ffffff;
}
.single_hot_post .post_info > .post_footer,
.single_hot_post .post_info > p{
display: none;
}
.single_cat_box{
display: inherit;
}
.single_cat_box .box_body{
margin-top: 15px;
margin-right: inherit;
}
.film_info_box > img{
display: none;
}
.film_info_box .film_info{
margin-right: 0;
}
.article-download .left-side .single-download ul li{
display: block;
margin-right: 40px;
}
.film_info_box .bg_box{
height: 450px;
}
.film_info_box .film_info .film_type{
margin-bottom: 10px;
}
.film_info_box .film_info .film_producer div{
display: block;
width: 100%;
}
.main-content .video_tab .single_video_tab .label h2{
font-size: 10px;
bottom: 24px;
height: 4em;
}
.film_info_box .bg_box{
height: 500px;
}
.film_info_box .film_info .film_title .p_like{
display: block;
text-align: center;
margin: 0 10px 5px 10px;
cursor: pointer;
}
.film_info_box .film_info{
margin-right: 0;
left: 0;
}
.film_info_box .film_info p{
display: none;
}
.main-content .series_download_box .box_content .right-side > h5{
font-size: 14px;
}
.main-content .series_download_box .box_content .right-side > span{
font-size: 11px;
}
.main-content .comment_form form input{
width: 100%;
}
.article-download .right-side{
display: none;
border-right: 0;
}
.main-content .series_download_box .season_header .season_info > span:first-child,
.main-content .series_download_box .single_season > ul > li > i,
.main-content .series_download_box .single_season > ul > li > a,
.main-content .series_download_box .box_content .left-side{
display: none;
}
.main-content-music .slider_suggested .swiper-slide img{
width: 100%;
}
.three_cat > div{
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
.three_cat > div a > img{
padding: 0;
}
.three_cat > div a > .bg{
margin-right: 0 !important;
width: 100% !important;
}
.main-content .series_download_box .season_header .season_numb{
top: -2.5em;
}
}
@media screen and (max-width: 550px){
.main-content .series_download_box .single_season > ul > li > span > em,
.main-content .series_download_box .single_season > ul > li .ep_info{
display: none;
}
.main-content-article div.three_cat,
.main-content-music div.three_cat,
.main-content-film div.three_cat{
display: none;
}
.single_cat_box .detail.movie ul li{
display: block;
}
.single-article article > header{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.single-article header .more_info .info > div{
margin-left: 10px;
}
.single-article header .more_info .info .p_like{
margin-right: 15px;
}
.single-article .article-body{
margin-top: -3.5em;
}
header.site-header .vip_acount p{
width: 100%;
}
header.site-header .vip_logo{
display: none;
}
}
@media screen and ( max-width: 360px ){
.container{
padding: 0 15px;
}
.three_cat > div{
width: 100%;
margin: 10px 0;
}
.single_cat_posts_1 header h3,
.top_articles header h3,
.slider_cat_posts header h3{
font-size: 16px;
}
.single_cat_posts_1 header a,
.top_articles header a,
.slider_cat_posts header a{
font-size: 12px;
}
.slider_cat_posts main .just_title ul > li{
display: block;
width: 100%;
}
.slider_cat_posts main .just_title ul > li > a{
display: inline-block;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 90%;
}
.slider_cat_posts main .just_title ul > li > span{
display: inline-block;
width: 6%;
margin-right: 2%;
}
.quick_menu li > i:hover + span{
width: 730%;
}
div.hot_post section .tab-content{
padding-right: 10px;
}
.single_hot_post{
display: block;
position: relative;
}
.single_hot_post > a > img{
width: 100%;
}
.single_hot_post .post_info a > h2:hover{
color: #2f4242;
}
.single_hot_post .post_info > a{
background-color: rgba(255,255,255,0.6);
position: absolute;
bottom: 15px;
font-size: 12px;
right:15px;
margin-left: 10px;
}
.top_articles main .thumb_article{
width: 100%;
}
.article-download .right-side{
display: none;
border-right: 0;
}
footer.site-footer .footer_widgets section > div{
padding-left: 0;
}
.single_hot_post .post_info .post_footer,
.single_hot_post .post_info p,
.hotest_post_aside .post_footer > div.p_time,
.main-content .series_download_box .season_header .season_info > span:first-child,
.main-content .series_download_box .single_season > ul > li > i,
.main-content .series_download_box .single_season > ul > li > a,
.main-content .series_download_box .box_content .left-side,
.main-content .series_download_box .box_header > i{
display: none;
}
.article-download .left-side .single-download{
margin-right: 10px;
}
.main-content .series_download_box .single_season{
margin-top: 30px;
}
.main-content .series_download_box .single_season > ul > li{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 20px 0;
text-align: center;
}
}
/**********************************
** CSS Animation
** -------------------------------
** Shake Effect
**********************************/
@-webkit-keyframes shake-rotate {
2% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
4% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
6% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
8% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
10% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
12% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
14% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
16% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
18% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
20% {
-webkit-transform: translate(0, 0) rotate(7.5deg);
transform: translate(0, 0) rotate(7.5deg); }
22% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
24% {
-webkit-transform: translate(0, 0) rotate(-0.5deg);
transform: translate(0, 0) rotate(-0.5deg); }
26% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
28% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
30% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
32% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
34% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
36% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
38% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
40% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
42% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
44% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
46% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
48% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
50% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
52% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
54% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
56% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
58% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
60% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
62% {
-webkit-transform: translate(0, 0) rotate(-0.5deg);
transform: translate(0, 0) rotate(-0.5deg); }
64% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
66% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
68% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
70% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
72% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
74% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
76% {
-webkit-transform: translate(0, 0) rotate(7.5deg);
transform: translate(0, 0) rotate(7.5deg); }
78% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
80% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
82% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
84% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
86% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
88% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
90% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
92% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
94% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
96% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
0%, 98% , 100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0); }
}
@keyframes shake-rotate {
2% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
4% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
6% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
8% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
10% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
12% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
14% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
16% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
18% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
20% {
-webkit-transform: translate(0, 0) rotate(7.5deg);
transform: translate(0, 0) rotate(7.5deg); }
22% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
24% {
-webkit-transform: translate(0, 0) rotate(-0.5deg);
transform: translate(0, 0) rotate(-0.5deg); }
26% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
28% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
30% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
32% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
34% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
36% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
38% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
40% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
42% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
44% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
46% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
48% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
50% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
52% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
54% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
56% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
58% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
60% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
62% {
-webkit-transform: translate(0, 0) rotate(-0.5deg);
transform: translate(0, 0) rotate(-0.5deg); }
64% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
66% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
68% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
70% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
72% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
74% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
76% {
-webkit-transform: translate(0, 0) rotate(7.5deg);
transform: translate(0, 0) rotate(7.5deg); }
78% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
80% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
82% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
84% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
86% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
88% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
90% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
92% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
94% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
96% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
0%, 98% , 100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0); }
}
-webkit-@keyframes shake-rotate {
2% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
4% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
6% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
8% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
10% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
12% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
14% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
16% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
18% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
20% {
-webkit-transform: translate(0, 0) rotate(7.5deg);
transform: translate(0, 0) rotate(7.5deg); }
22% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
24% {
-webkit-transform: translate(0, 0) rotate(-0.5deg);
transform: translate(0, 0) rotate(-0.5deg); }
26% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
28% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
30% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
32% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
34% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
36% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
38% {
-webkit-transform: translate(0, 0) rotate(5.5deg);
transform: translate(0, 0) rotate(5.5deg); }
40% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
42% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
44% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
46% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
48% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
50% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
52% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
54% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
56% {
-webkit-transform: translate(0, 0) rotate(-3.5deg);
transform: translate(0, 0) rotate(-3.5deg); }
58% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
60% {
-webkit-transform: translate(0, 0) rotate(3.5deg);
transform: translate(0, 0) rotate(3.5deg); }
62% {
-webkit-transform: translate(0, 0) rotate(-0.5deg);
transform: translate(0, 0) rotate(-0.5deg); }
64% {
-webkit-transform: translate(0, 0) rotate(2.5deg);
transform: translate(0, 0) rotate(2.5deg); }
66% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
68% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
70% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
72% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
74% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
76% {
-webkit-transform: translate(0, 0) rotate(7.5deg);
transform: translate(0, 0) rotate(7.5deg); }
78% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
80% {
-webkit-transform: translate(0, 0) rotate(1.5deg);
transform: translate(0, 0) rotate(1.5deg); }
82% {
-webkit-transform: translate(0, 0) rotate(-5.5deg);
transform: translate(0, 0) rotate(-5.5deg); }
84% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
86% {
-webkit-transform: translate(0, 0) rotate(0.5deg);
transform: translate(0, 0) rotate(0.5deg); }
88% {
-webkit-transform: translate(0, 0) rotate(-6.5deg);
transform: translate(0, 0) rotate(-6.5deg); }
90% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
92% {
-webkit-transform: translate(0, 0) rotate(-4.5deg);
transform: translate(0, 0) rotate(-4.5deg); }
94% {
-webkit-transform: translate(0, 0) rotate(4.5deg);
transform: translate(0, 0) rotate(4.5deg); }
96% {
-webkit-transform: translate(0, 0) rotate(-1.5deg);
transform: translate(0, 0) rotate(-1.5deg); }
0%, 98% , 100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0); }
}
/**********************************
** CSS Animation
** -------------------------------
** MoveUpDown Effect
**********************************/
@-webkit-keyframes MoveUpDown {
0% {
bottom: 0;
}
50% {
bottom: 5px;
}
100% {
bottom: 0;
}
}
@keyframes MoveUpDown {
0% {
bottom: 0;
}
50% {
bottom: 5px;
}
100% {
bottom: 0;
}
}
-webkit-@keyframes MoveUpDown {
0% {
bottom: 0;
}
50% {
bottom: 5px;
}
100% {
bottom: 0;
}
}
/**********************************
** CSS Animation
** -------------------------------
** PreLoader Effect
**********************************/
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
/**********************************
** CSS Animation
** -------------------------------
** SnackBar FadeIn FadeOut
**********************************/
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
to {bottom: 30px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@keyframes fadein {
from {bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
to {bottom: 30px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
to {bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
@keyframes fadeout {
from {bottom: 30px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
to {bottom: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
/**********************************
** CSS Animation
** -------------------------------
** Jump
**********************************/
@keyframes jump {
0% {-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);transform: translate3d(0,0,0) scale3d(1,1,1);}
40% {-webkit-transform: translate3d(0,30%,0) scale3d(.7,1.5,1);transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
100% {-webkit-transform: translate3d(0,100%,0) scale3d(1.5,.7,1);transform: translate3d(0,100%,0) scale3d(1.5,.7,1);}
}
@-webkit-keyframes jump {
0% {-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);transform: translate3d(0,0,0) scale3d(1,1,1);}
40% {-webkit-transform: translate3d(0,30%,0) scale3d(.7,1.5,1);transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
100% {-webkit-transform: translate3d(0,100%,0) scale3d(1.5,.7,1);transform: translate3d(0,100%,0) scale3d(1.5,.7,1);}
}
.jump{
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: jump .5s linear alternate infinite;
animation: jump .5s linear alternate infinite;
}
/**********************************
** CSS Animation
** -------------------------------
** Shine
**********************************/
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
/**********************************
** CSS Animation
** -------------------------------
** Blink
**********************************/
@-webkit-keyframes blink {
0% {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
20% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
}
@keyframes blink {
0% {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
20% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
}
/**********************************
** CSS Animation
** -------------------------------
** Circle
**********************************/
@-webkit-keyframes circle {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
40% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
width: 200%;
height: 200%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes circle {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
40% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
width: 200%;
height: 200%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
/**********************************
** CSS Animation
** -------------------------------
** Routate From Corner
**********************************/
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.box_header .icon-cloud-down{
-webkit-animation-name: tada;
animation-name: tada;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
* {
direction: rtl;
}
/* khat zir bayad dar ghalebe shoma ezafe shavad */
#MTForumBlock TABLE {
width:100%;
}
#MTForumBlock TR {
background-image:url(MTForumBlock_row.png);
background-repeat:repeat-x;
height:18px;
}
#MTForumBlock TR.MTForumfirst {
background-image:url(MTForumBlock_row_over.png);
}
#MTForumBlock TR:hover {
background-image:url(MTForumBlock_row_over.png);
}
#MTForumBlock TD {
font-size:12px;
border:1px solid #e6e9ec;
color:#999999;
}
.MTForumtitle {
text-align:center;
}
.MTForumanswer {
width:40px;
text-align:center;
}
.MTForumview {
width:40px;
text-align:center;
}
.MTForumlast {
width:90px;
text-align:center;
}
.MTForumrowtitle {
padding-right:5px;
}
#MTForumBlock A {
float:right;
width:100%;
height:100%;
color:#999999;
text-decoration:none;
}
#MTForumBlock A:hover {
text-decoration:underline;
}
#MTForumBlockControl TABLE {
height:22px;
font-size:12px;
color:#999999;
}
#MTForumBlockControl A {
text-decoration:none;
color:#999999;
float:right;
width:49px;
height:22px;
line-height:20px;
}
.MTForumButton {
width:49px;
background-image:url(MTForumBlock_button.png);
background-position:right;
background-repeat:no-repeat;
text-align:center;
}
.MTForumButton:hover {
background-image:url(MTForumBlock_button.png);
background-position:left;
background-repeat:no-repeat;
}
#MTFloader {
width:40px;
text-align:center;
}
.container.ads_section {
margin: 30px auto;
}