.vitrin-pt{
    margin-top: 0;
}
.vitrin-pt .module h3 {
    color: #ffffff;
}
.vitrin-pt .btn-kit3:hover span,.vitrin-mt  .btn-kit4:hover span{
    color: #000000;
}
.vitrin-pt  .btn-kit3 {
    color: #ffffff;
}


.vitrin-pt  .btn-kit3:hover .glyphicon-plus-sign::before {
    color: #9a3535;
}
.vitrin-pt  .btn-kit3  .glyphicon-plus-sign::before {
    color: #ffffff;
}
.vitrin-pt  .module h3 {

    border-bottom: rgba(255, 255, 255, 0.47) solid 2px;
}
.vitrin-pt  .module h3::after {
    border-bottom-color: #fff;
}
.vitrin-pt  .carousel-ir.center-nav .owl-next::before,.vitrin-pt .carousel-ir.center-nav .owl-prev::before {

    color: #000000;
}
.shift  .carousel-ir.center-nav .owl-next::before,.shift   .carousel-ir.center-nav .owl-prev::before {

}
.shift .carousel-ir .owl-prev,.shift .carousel-ir .owl-next{
    background-color:white;
    box-shadow: rgba(0, 0, 0, 0.85) 0 0 20px 4px;
}
.shift .carousel-ir .owl-prev {right: 1px;}
.shift .carousel-ir .owl-next {left: 1px;}
@media (min-width: 768px) {
  
}
@media (min-width: 1024px) {

    .item.fix-1-w{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 700px;
    }
    .item.fix-2-w{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 401px;
    }
    .item.fix-3-w{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 468px;
    }

}
.tab label {
    font-size: 1.3rem;
    color: #ffffff;
    padding: 8px 10px 14px 10px;
    display: block;
    position: relative;
    margin: 0;
}
.tab [type=radio] {
    display: none;
}

.tab [type=radio]:checked ~ label {

    z-index: 2;
}
.tab [type=radio] ~ label:before {
    content: "";
    border-bottom: solid 5px #ffffff;
    position:absolute;
    width:0%;
    opacity:0;
    bottom:0;
    left: 0;
    transition: width .4s,opacity .4s;
}
.tab [type=radio]:checked ~ label:before {

    width:100%;

    opacity:1;

    bottom:0;

    left: 0;
}
.tab [type=radio]:checked ~ label ~ .content {
    z-index: 1;
}


.tabs{
    margin: 0 0 0 0;
}
.tabs .tab{
    position:relative;
    display: inline-block;
}
.tabs .tab:before{
    content: "";
    border-bottom:solid 3px #ffffff;
    position:absolute;
    width:0%;
    opacity:0;
    bottom:0;
    left: 0;
    transition: width .4s,opacity .4s;

}
.tabs .tab.active:before{

    width:100%;

    opacity:1;

    bottom:0;

    left: 0;
}
.tabs .tab.active .link{

}
.tabs .tab .link{

    font-size:1.5rem;

    color:#ffffff;

    padding: 8px;

    display: block;
}
.wall_col{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,ad0002+100 */
    background: rgb(204,0,0); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(204,0,0,1) 0%, rgba(173,0,2,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(204,0,0,1) 0%,rgba(173,0,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(204,0,0,1) 0%,rgba(173,0,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#ad0002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media (min-width:1024px){
    .wall_col{

        height: 483px !important;

    }
    .tabs{
        margin: 0 0 0 -10px;
        text-align: center;
    }
    .tabs .tab{

        display: block;

    }
    .tabs .tab .link{

        font-size: 2rem;
    }
    .tab label {
        font-size: 2.1rem;
    }
}

.scroll{

}

.scroll .scroll-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: none;
    width: 100%;
    z-index: 100;
}
@media(min-width:768px){
    .scroll .scroll-nav{
        display: block;
    }
    .scroll .scroll-prev,.scroll .scroll-next{
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top:50%;
        -webkit-transform: translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%);
        /* text-indent: -100em; */
        overflow: hidden;
        color:rebeccapurple;
        box-shadow: #000 0 0 6px -2px;
        z-index: 10001;
        cursor:pointer;
    }
}
.scroll .scroll-prev.disabled,.scroll .scroll-next.disabled{
    opacity:0.5;
    cursor:auto;
}
.scroll  .scroll-prev:before,.scroll  .scroll-next:before{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #4a4a4a;
    font-size: 1.3em;
}
.scroll .scroll-nav.disabled{
    display:none;
}
.scroll  .scroll-prev{
    right: 0;
}
.scroll  .scroll-prev:before{
    content: '\0055';
    font-family: 'Glyphter';
}
.scroll .scroll-next:before{
    content: '\0061';
    font-family: 'Glyphter';
}
.scroll  .scroll-next{
    left: 0;
}



.wall {

}
.wall .wall_Wrapper{
    overflow-x:initial;
}
@media  (min-width:1024px){
    .wall .wall_Wrapper{
        overflow-x:auto;
    }
}
html {
    height: 100%;
    box-sizing: border-box;
}
*,*:before,*:after {
    box-sizing: inherit;
}
a {
    color: inherit;
    text-decoration: none;
}
.stickyhero-tabs-container .widgets-bar-2 ul li span {
    padding: 0 0 0 0;
    display: inline-flex;
}
.slid{
    /*height: calc(100vh - 45px);*/
    background-color: #85e9ff;
    position: relative;
}
.slid a.scroll{
    position: absolute;
    bottom: 4.5rem;
    left: 50%;
    background-color: #f1f1f1;
    z-index: 5;
    padding: 8px;
    border-radius: 50%;
    width: 62px;
    height: 64px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width:768px){
    .slid .shortcut-slider{
        width:100%;
    }
}
.slid .float_text{
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%)translateX(-50%);
    -ms-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
    color: #FFF;
    background-color: transparent !important;
}
.stickyhero-tabs-container ul li a.stickyhero-tab {
    padding: 19px 15px;
}
.stickyhero-tabs-container ul li a.stickyhero-tab {
    font-size: 1.2em;
    padding: 19.5px 15px;
    font-weight: 700;
    position: relative;
    color: #ffffff;
}
.video_contain:before{
    content: " ";
    position:absolute;
    width:100%;
    height:100%;
    background:black;
    z-index:1;
    opacity:0.5;
}
.cloud{
    position: absolute;
    width: 100% !important;
    top: 227px;
    left: 50%;
    max-width: 1280px;
    min-width: 600px;
    transform: translate(-50% , -50%);
    z-index: -100;
    animation: cloud 60s ease-in-out infinite;
    opacity: 0.8;
    z-index: 2;
}
.side{position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;z-index: 0;}
.side img:nth-child(1){
    position: absolute;
    top: 5%;
    left: -44px;
    animation: sideballoon1 30s ease-in-out infinite;
    width: 214px;
}
.side img:nth-child(2){
    position: absolute;
    top: 19%;
    right: -76px;
    animation: sideballoon2 36s ease-in-out infinite;
    width: 201px;
}
.side img:nth-child(3){
    position: absolute;
    top: 40%;
    left: 10px;
    animation: sideballoon3 45s ease-in-out infinite;
    width: 120px;
}
.side img:nth-child(4){
    position: absolute;
    top: 200px;
    right: 3%;
    animation: sideballoon3 45s ease-in-out infinite;
    width: 134px;
}
.side img:nth-child(7) {
    position: fixed;
    top: 400px;
    right: 3%;
    animation: sideballoon3 20s ease-in-out infinite;
    width: 40px;
    filter:blur(2px);
    opacity:0.5;
    z-index:-1;
}
.side img.cloud:nth-child(5){

    position: fixed;

    width: 100%;

    top: 227px;

    left: 50%;

    max-width: 1280px;

    min-width: 768px;

    transform: translate(-50% , -50%);

    z-index: -100;

    animation: cloud 60s ease-in-out infinite;

    opacity: 0.5;

    z-index: 2;
}
.side img.cloud:nth-child(6){

    position: fixed;

    width: 100%;

    top: 731px;

    left: 50%;

    max-width: 1920px;

    min-width: 600px;

    transform: translate(-50% , -50%);

    z-index: -100;

    animation: cloud 40s ease-in-out infinite;

    opacity: 0.6;

    z-index: 2;
}
@keyframes sideballoon1 {
    50% {transform: translate(0px,80px) rotate(10deg);)}
}
@keyframes sideballoon2 {
    50% { transform: translate(0px,50px) rotate(-10deg);) }
}
@keyframes sideballoon3 {
    50% { transform: translate(0px,50px) rotate(-10deg);) }
}
.topPart{
    text-align: center;
    height: 100%;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 2;
}
.topPart .title{
    position: absolute;
    top: 259px;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 9999;
}
.balloon{
    position: absolute;
    z-index: -1;
}
.balloon.b10{
    top: 468px;
    left: 16%;
    width: 50px!important;
    position: absolute;
    animation: b10 5s ease-in-out infinite;
    z-index: 0;
}
.balloon.b20{
    top: 350px;
    right: 11%;
    width: 50px!important;

    animation: b20 5s ease-in-out infinite;
}
.balloon.b30{
    top: 0;
    left: 0;
    width: 65px!important;
    animation: b30 35s ease-in-out infinite;
}
.balloon.b50{
    top: 100px;
    right: 7%;
    width: 150px!important;
    animation: b50 10s ease-in-out infinite;
    animation-delay: 5s;
}
.balloon.b70{
    top: 143px;
    left: 14%;
    width: 200px!important;
    animation: b70 15s ease-in-out infinite;
}
.balloon.b60{
    top: 50%;
    right: 14%;
    width: 250px!important;
    animation: b60 15s ease-in-out infinite;
}
.balloon.b80{
    top: 350px;
    z-index: 100;
    left: 2%;
    width: 300px!important;
    -webkit-transform:rotate(-350deg);
    -moz-transform:rotate(-350deg);
    -o-transform:rotate(-350deg);
    animation: b80 20s ease-in-out infinite;
}
@keyframes b80 {
    50% { transform: translate(-10px,-210px) }
}
@keyframes b70 {
    50% { transform: translate(-6px,-110px) }
}
@keyframes b50 {
    50% { transform: translateY(30px) rotate(-10deg); }
}
@keyframes b30 {
    50% { transform: translate(105px,50px) rotate(-20deg) scale(0.8); }
}
@keyframes b20 {
    50% { transform: translate(0px,-15px); }
}
@keyframes b10 {
    50% { transform: translate(-2px,10px) scale(1.05); }
}
.products{
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 20px;
}


@media screen and (max-width: 769px) {
    .balloon.b70{
        top: 249px;
        left: 6%;
        width: 154px;
    }
    .balloon.b80{
        top: 317px;
        left: -10%;
        width: 222px;
    }
}
@media screen and (max-width: 480px) {
    .side{display:none}
    .top-slider {
        height: calc(100vh - 155px);
    }
    .balloon.b30 {
        top: 283px;
        left: 0;
        width: 65px;
        animation: b30 35s ease-in-out infinite;
        display:block;
    }
    .balloon.b70{
        top: 174px;
        left: 2%;
        width: 73px!important;
    }
    .balloon.b80{
        top: -109%;
        left: 24%;
        width: 119px;
    }
    .balloon.b50 {
        top: 132px;
        right: -15px;
        width: 99px!important;
        animation: b50 10s ease-in-out infinite;
        animation-delay: 5s;
        display: block;
    }
}
.product{
    background: white;
    width: 260px;
    min-width: 260px;
    display: inline-block;
    border-radius: 10px;
    height: 315px;
    margin: 45px;
    position: relative;
    box-shadow: 0px 0px 26px rgba(0,0,0,0.16);
}
.product .off{
    background-color: #ff3366;
    color: white;
    position: absolute;
    border-radius: 50%;
    height: 109px;
    width: 109px;
    top: -44px;
    left: -38px;
}
.off .text{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 100%;
    line-height: 1;
}
.en{font-family: 'GR';font-weight: bold;font-size: 25px;}
.border{
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 72px solid #ff3366;
    position: absolute;
    right: -12px;
    bottom: -12px;
    transform: rotate(36deg);
}
.img{
    width: 100%;
    height: 219px;
    overflow: hidden;
}
.img img{height: 97%;margin-top: 3px; transition: all 0.5s ease;}

.hr{
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-top: 5px;
    margin-bottom: 5px;
}


.footer {
    padding: 0px;
    background-color: #484848;
    text-align: center;
    height: 64px;
}


@keyframes cloud {
    50% { transform: translate(2px,1px); }
}

@media  (max-width : 735px) {
    .product{
        width: 80%;
        margin: 61px 0 0 0;
    }
    .title{
        width: 80%;
        max-width: 300px;
    }
    .product .off{
        width: 90px;
        height: 90px;
        top: -39px;
        left: -20px;
    }
    .b30{
        display: none;
    }
}
@media  (max-width : 450px) {
    .b50 , .side img:nth-child(2){
        display: none;
    }
    .main-slider,.one-slider,.carousel-inner,.carousel-inner > .item,.topPart {
        height: 100%;
    }
    .carousel-inner > .item .photo-responsiv {
        height: 100%;
        width: auto;
        top: 0;
        position: absolute;
    }
    .carousel-inner > .item .photo-responsiv img {
        width: auto;
        height: 100%;
        margin-right: 0;
    }
}



.blur {
    -webkit-filter: blur(70px);
    filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='blur5'><feGaussianBlur in='SourceGraphic' stdDeviation='5' /></filter></svg>#blur5");
    filter:blur(70px);
}
.index-search{

    width:100%;
}
.index-search .btn-search:hover,.index-search .btn-search:active{
    color:#FFF;
    background-color: #bf005f;
    outline: none;
}
.index-search .btn-search .fa{
    margin:0;
}

.index-search .btn-search{

    position: absolute;

    left: 18px;

    top: 3px;

    padding: 0;

    border-radius: 50%;

    background-color: #c94486;

    color: #FFF;

    font-size: 2em;

    width: 75px;

    height: 75px;

    transition: top 0.4s ,left 0.4s,top 0.4s;

    outline: none;

    -webkit-transition:top 0.4s ,left 0.4s,top 0.4s;
}
.index-search:hover .btn-search{
    left: 18px;
    top: -1px;
}
.index-search label{
    text-align:center;
    display:block;
    font-size: 2em;
    margin-bottom: 0.5em;
}
.index-search [type=text]{
    background-color: #ffffffd4;
    border: 2px solid #fffefe;
    width: 100%;
    font-family: inherit;
    color: #bb3b85;
    font-size: 2em;
    padding: 20px 27px;
    border-radius: 2em;
    box-shadow: #3641af 0px 0px 83px 1px;
    outline: 0;
    transition: background-color 0.4s ,box-shadow 0.4s,top 0.4s;
    -webkit-transition: background-color 0.4s ,box-shadow 0.4s,top 0.4s;
    top: 0px;
    position:relative;
}
.index-search:focus [type=text]{
    background-color: #ffffff;
}
.index-search:hover [type=text]{
    background-color: #ffffff;
    top: -4px;
    box-shadow: #0d1242 18px 9px 89px 4px;
}
.index-search [type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #504395cc;
    opacity: 1; /* Firefox */
}

.index-search [type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #504395cc;
}

.index-search [type=text]::-ms-input-placeholder { /* Microsoft Edge */
    color: #504395cc;
}


.k1-title  .adbl-rating-full,.k1-title .adbl-rating-half{

    color: #ffffff;
}
.fullwidth-skin .breadcrumb.radio{
    color: rgb(255, 255, 255);
    background-color:rgba(241, 241, 241, 0.2)
}
.breadcrumb > li > a{
    color: rgb(150, 150, 150);
}

.damage{
    background-color:aliceblue;
    width: 100%;
}
.damage .grid li{
    margin:0
}
.metadata-list .metadata-list-title [class^="icon-book-"],.metadata-list .metadata-list-title [class^="icon-book-"]:before{
    font-size: 1.7em;

}
.top-40{
}
.music-item.more{
    padding-top: calc(100% - 54px);;
}
.header {
    /* padding-top: 16px; */
    margin-bottom: 0;
}

.owl-templates.owl-carousel .owl-stage-outer{
    /* padding: 15px 0; */
}
.slide-description {
    min-height:auto;
    padding-top: 2px;
}
.berand img{
    display: block;
    position: relative;
    width: 80px;
    bottom: -3px;

}
.section .sub-title{
    font-size:17px;
}
.titel.mini h1:before {

    background-size: 100% !important;

}
.berand{

}
.main-index{
    position: relative;
}

.logo-right h1 {
    margin: 4px 11px 4px 0px;
}
.news-box-list li.nod:first-child .news-info h4 {
    font-size: 16px;
    margin-top: 2px;
}

.header .uniform-left .title h1 img,.header .title h1 img,.ico-javan img{
    display: none;
}
.header .uniform-left .title h1:before,.header .title h1:before,#ImIranseda,.ico-javan:before,#spanLoader::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-size: 84%;
    background-position: center center;
    background-repeat: no-repeat;
}
.news-box-list .news-info h4 {
    font-size: 17px;
}
.news-box-list .news-info p {
    font-size: 16px;
}
.btn-kit1, .btn-kit1:visited {

    font-size: 17px;

}
.btn-kit1 span{
    top: -4px;
}
.swiper-pagination {

    top: 5px;
}
.navbar-radio .station-radio {

    display: block;
}
.iran_sans{
    font-family: 'iran_sansregular';
    font-size: 1.3em;
}
.iran_sans .btn-kit1 span,.iran_sans .btn-kit2 span{
    font-family: 'iran_sansregular';
    font-size: 1em !important;
}
.iran_sans .module h3{
    font-weight: 700;
    font-size: 1.5em;
}
.iran_sans .tbr-tabs #nav li,.iran_sans .button-list li .btn {
    font-size: 0.9em;
}
.iran_sans  .metadata-list .metadata-list-title,.AfterBetWeen dd{
    font-size: 0.9em !important;
}
.iran_sans  .CenterPos h1{
    font-size: 1.5em;
}
.iran_sans .card.producer-box.skin2 .card-wrap .card-body h2.name {

    font-size: 1.2em;
}
.iran_sans .producer-box .bar .total,.Info-bar {
    font-size: 0.8em;
}
.iran_sans .button-list li .btn i {

    font-size: 1.5em;
}



@media screen and (min-width: 768px) {

    .fullwidth-skin.normal-sticky .paren-stickyhero{
        height: auto;
    }
    .header {
        /* padding-top: 16px; */
        margin-bottom: -43px;
    }
    .iran_sans .button-list li .btn {
        font-size: 1.1em;
    }
    .iran_sans .button-list li .btn i {
        font-size: 1.18em;
    }
    .logo-right h1 {
        font-size: 34px;
        margin-top: -2px;
    }

}
@media screen and (max-width: 480px) {

    .logo-right h1 {
        font-size: 34px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 320px) {

    .logo-right h1 {
        font-size: 25px;
        margin-top: 6px;
        padding: 0 0;
    }
}

/*=====================================================================
component grid
======================================================================*/

.og-grid {
    list-style: none;
    padding: 20px 0;
    text-align: center;
    margin-right: -5px;
    margin-left: -5px;
}

.og-grid li {
    display: inline-block;
    margin: 10px 5px 0 5px;
    vertical-align: top;
    width: 15.52%;
}

.og-grid li > a,
.og-grid li > a img ,.og-grid li > a object,.og-grid li > a object{
    border: none;
    outline: none;
    display: block;
    position: relative;
    width: 100%;
}
.og-grid li > a{


}
.og-grid li.og-expanded > a{


}
.og-grid li.og-expanded > a img{
    -webkit-filter: url(http://www.public.iranseda.ir/pr/css/radio/filter-white.svg#linear);
    filter: url(http://www.public.iranseda.ir/pr/css/radio/filter-white.svg#linear);
}
.og-grid li.og-expanded > a:hover img{
    -webkit-filter: url(http://public.iranseda.ir/pr/css/radio/filter-white.svg#linear);
    filter: url(http://public.iranseda.ir/pr/css/radio/filter-white.svg#linear);
}
.og-grid li.og-expanded > a:hover{
}



.og-grid li > a img{/* -webkit-filter: url(#blue); *//* filter:  url(#blue); */}
.og-grid li > a:hover {
}

.r-l-divheader{
    border-right: rgba(27, 41, 212, 0.3) solid 1px;
    border-left: rgba(27, 41, 212, 0.3) solid 1px;
}
.t-b-divheader{
    border-top: rgba(27, 41, 212, 0.3) solid 1px;
    border-bottom: rgba(27, 41, 212, 0.3) solid 1px;
}

.og-grid li.og-expanded > a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: rgba(85, 197, 206, 0.77);
    border-width: 15px;
    left: 50%;
    z-index: 2;
    margin: -20px 0 0 -15px;
}

.og-expander {
    position: absolute;
    background: rgba(85, 197, 206, 0.78);
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 10px;
    height: 0;
    overflow: hidden;
}

.og-expander-inner {
    padding: 53px 15px 0px 15px;
    height: 100%;
    direction: rtl;
    text-align:right;
}

.og-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    top: 20px;
}
.ch-name{
    position: absolute;
    top: 29px;
    right:80px;
    margin: 0;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
}

.og-close::before,
.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.og-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
    background: #333;
}

.og-fullimg,
.og-details {
    width: 50%;
    float: right;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.og-details {
    padding: 0 40px 0 20px;
}

.og-fullimg {
    text-align: center;
}

.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.og-details h3 {
    font-weight: 300;
    font-size: 52px;
    padding: 40px 0 10px;
    margin-bottom: 10px;
}

.og-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #999;
}

.og-details a {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: 3px solid #333;
    display: inline-block;
    margin: 30px 0 0;
    outline: none;
}

.og-details a::before {
    content: '\2192';
    display: inline-block;
    margin-right: 10px;
}

.og-details a:hover {
    border-color: #999;
    color: #999;
}

.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

    .og-expander h3 { font-size: 32px; }
    .og-expander p { font-size: 13px; }
    .og-expander a { font-size: 12px; }

}
@media screen and (max-width: 769px) {
    .index-search [type=text]{

        font-size: 1.2em;

        padding: 15px 27px;

        background-color: #fffffff2;

    }
    .index-search .btn-search {

        left: 18px;

        top: 3px;

        font-size: 1.5em;

        width: 50px;

        height: 50px;

    }
    .index-search:hover .btn-search{
        left: 18px;
        top: -1px;
    }
    .index-search label {

        font-size: 1.4em;
    }
    .og-grid li{
        width: 23.2%;
    }
    .fullpage-cover .titel {

        font-size: 2.5em;

    }
    .paren-stickyhero {
        height: auto;
    }
    .paren-stickyhero .stickyhero-tabs-container{
        position: relative;
        bottom: 0;
    }
    .paren-stickyhero .stickyhero-tabs-container.stickyhero-tabs-container--top{
        bottom: initial;
        position: fixed;
    }
}

@media screen and (max-width: 650px) {
    .og-grid li{
        width: 29%;
    }
    .og-fullimg { display: none; }
    .og-details { float: none; width: 100%; }

}
@media screen and (max-width: 480px) {
    .og-grid li{
        width: 45%;
    }
    .og-fullimg { display: none; }
    .og-details { float: none; width: 100%; }

}
@media screen and (max-width: 321px) {
    .og-grid li{
        width: 45%;
    }
}


/*=====================================================================
end component
=======================================================================*/


@media only screen and (min-width: 768px){
    .carousel-inner > .item .photo-responsiv {/* height: 100%; *//* width: initial; *//* position: absolute; *//* left: 0; *//* top: 0; *//* right: 0; *//* bottom: 0; */}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*?
payam
 */

.top-epg {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.top-epg .bg-cover{
    height: 100vh;
    overflow: hidden;
}
.top-epg .bg-cover::before{
    content: "ffff";
    height: 70%;
    display:block;
    width:100%;
    position:absolute;
    z-index: 11;
    background: rgba(0,0,0,0.44);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.44)), color-stop(70%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.top-epg .bg-cover::after{
    content: "";
    height: 40%;
    display:block;
    width:100%;
    position:absolute;
    bottom:0;
    z-index:1;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(70%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.body-epg{
    padding-top: 4rem;
}
.top-epg .down,.top-epg .item-epg{

    height: 258px !important;
}
.top-epg .item-epg{

}
.top-epg .item-epg.active{
    border:4px solid #FFC107;
}
.top-epg .item-epg .bg-article{

    height: 100%;
}
.top-epg .item-epg .bg-article img{
    height: 100%;
}
.top-epg .item-epg  .titel-box{
    color: white;
}

.top-epg  .chat-box{
    background-color: #0d1242;
}
.top-epg .caht-lis{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    overflow: auto;
    left: 0;
    right: 0;
    bottom: 50px;
    top: 0;
}
.top-epg .user-profle{
    width: 73px;
    height: 73px;
    background-color: rgba(13, 18, 66, 0.77);
    border-radius: 50%;
}
.top-epg .post-cat .date{
    color: #7aed1a
}
.top-epg .more-chat{
    background-color: #ff7f00;
    color: #fff;
    width: 153px;
    height: 50px;
    line-height: 30px;
    padding: 10px 10px 10px 59px;
    cursor: pointer;
}
.top-epg .more-chat::before{
    content: "<";
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #de3f0d;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    font-size: 34px;
}
@media(min-width:480px){
    .top-epg {
    }
    .top-epg .bg-cover{

        overflow: hidden;
    }


    .body-epg{
        padding-top: 9rem;
    }
}


@media (min-height: 768px), screen and (orientation: portrait) {
    .top-epg {
        height: calc(100vh - 95px);
    }
    .top-epg .bg-cover{
        height: 70vh;
        overflow: hidden;
    }
    .top-epg .bg-cover img{
        height: 100%;
        overflow: hidden;
        width: auto !important;
    }
}

@media(min-height:768px)and (orientation: landscape){
    .top-epg {
        height: calc(100vh - 45px);
    }
    .top-epg .bg-cover{
        height: 100vh;
        overflow: hidden;
    }
    .top-epg .bg-cover img {
        height: auto !important;
        overflow: hidden;
        width: 100% !important;
    }
    .top-epg .down,.top-epg .item-epg{
        height: 290px !important;
    }
    .top-epg .item-epg .bg-article{

    }
    .top-epg .item-epg .bg-article img{

    }

}

.top-epg.epg{
    height: 100%;
}.top-epg.epg .btn-default.nama{
     margin: auto;
     background-color: orange;
 }
.top-epg .btn {
    background-color: #00000059;
    border-radius: 42px;
    color: #fff;
    padding: 0;
}
.top-epg .btn:hover{
    background-color: #0000008f;
}
.top-epg .btn:hover .play{
    background-color: #FF9800;
}
.top-epg .shift{
rgba(0, 0, 0, 0.76) 0px 61px 125px -7px;
}
.top-epg .btn .play{

    margin: 0;

    background-color: #fbb106;

    position: relative;

    background-image: none;

    color: #fff;

    padding: 0;
}
.top-epg .btn .play::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f04b";
    font-size: 2rem;
    margin: 1px 0px 0px 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.single-chart {
    width: 104%;
    justify-content: space-around;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.circular-chart {
    display: block;
    margin: auto auto;
    max-width: 100%;

}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 1;
}

.circle {
    fill: none;
    stroke-width: 1;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.orange .circle {
    stroke: #ff9f00;
}
.epg.top-epg .btn.popupwindow{
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
}

.bg-zoom-hover{
    background-position: center center;
    background-size: 100%;
    transition: background-size .4s;
}
.k1-item:hover .bg-zoom-hover{
    background-size: 120%;
}

.spiner2::before, .spiner2::after, div.spiner2{
    width: 15px;
    height: 15px;
    border-width:2px;
    margin-top:0;
    margin-bottom:0
}
.carousel-ir.center-nav .owl-next {
    left: -25px;
}

.carousel-ir.center-nav .owl-prev {
    right: -25px;
}

@media(min-width:480px){
    .carousel-ir.center-nav.bg-light .owl-next {
        left: -10px;
    }

    .carousel-ir.center-nav.bg-light .owl-prev {
        right: -10px;
    }
}


.carousel-ir.center-nav .owl-next::before, .carousel-ir.center-nav .owl-prev::before {
    color: #4e4e4e !important;
    font-size: 3rem;
}
.carousel-ir.center-nav .owl-next, .carousel-ir.center-nav .owl-prev {
    background-color: #ffffff !important;
    border-radius:40%;
    box-shadow:#00000054 0px 0px 10px;
    transform: scale(0.8, 0.8);
}

.salamat-color{
    background-color: #12D2BD;
}
.btn.salamat-color{
    background-color: #12D2BD;
    border-color: #02b19e;

}
.btn.salamat-color:hover{
    background-color: #67ebb2;
}

.more{
    border-radius:20px;
    padding:10px 10px;
    margin-bottom:5px
}

.more .glyphicon-plus-sign::before {
    color: #fff;
}

.more:hover .glyphicon-plus-sign::before{
    color:#12D2BD
}
.btn-kit1:hover span,.btn-kit2:hover span,.btn-kit3:hover span,.btn-kit4:hover span{
    color: #12D2BD;
}

@media (min-width: 992px) {
    .color-lg-white{
        color: white;
    }
}



.owl-carousel.owl-loaded.carousel-ir.fade-owl-templates .owl-stage-outer:before{

    background: linear-gradient(to left, rgba(255, 255, 255, 0.75), rgb(255, 255, 255) 480px);
}
.owl-carousel.owl-loaded.carousel-ir.fade-owl-templates .owl-stage-outer:after{

    background: linear-gradient(to right, rgba(255, 255, 255, 0.75), rgb(255, 255, 255) 480px);
}


.carousel-ir.center-nav .owl-next, .carousel-ir.center-nav .owl-prev {
    position: absolute;
    top: calc(50% + 20px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: transparent;
    color: #fff !important;
    border-radius: 50%;
    z-index: 66;
}

#topslider .carousel-ir .item .responsive-img img {
    border-radius: 1rem;
}

@media(min-width: 768px) {
    .carousel-ir._home.center-nav .owl-prev {
        right: -25px;
    }
    .carousel-ir._home.center-nav .owl-next {
        left: -25px;
    }
}

.paren-stickyhero.text-shadow .BaseName a{


}
body[data-mobile=true] #barnameh .owl-carousel .item:last-child  a{
    color:#091269 !important;
}
@media (min-width: 768px){
    #barnameh .owl-carousel.owl-drag .owl-item:first-child,#avaye_farhang  .owl-carousel.owl-drag .owl-item:first-child,#bookaudio .owl-carousel.owl-drag .owl-item:first-child {
        display: none;
    }
    body[data-mobile=true] #barnameh .owl-carousel .item:first-child {
        display: none;
    }
    #topslider .owl-carousel.owl-loaded.carousel-ir.slider_home .owl-dots,#topslider  .owl-carousel.owl-loaded.carousel-ir._home .owl-dots {
        position: absolute;
        z-index: 2;
        bottom: -50px;
        left: 50%;
        right: initial;
        width: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: rgb(0 0 0 / 22%);
        border-radius: 210px;
    }
    #topslider .owl-templates .owl-dots .owl-dot span {
        background-color: rgb(255 255 255);
        width: 10px;
        height: 10px;
    }
    #topslider .owl-templates .owl-dots .owl-dot.active span {
        background-color: #FF9800;
    }
}