@font-face {
    font-family: 'IRANSansWeb_Light';
    src: url('font/IRANSansWeb_Light.woff2') format('woff2'),
    url('font/IRANSansWeb_Light.woff') format('woff'),
    url('font/IRANSansWeb_Light.ttf') format('truetype');
}
body{
    font-family: "IRANSansWeb_Light";
    direction:rtl;
    margin:0;
    padding:0;
}
.footer{
    margin-top:10px;
    background-color:#eaedf2 ;
}
.m2-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 90px;
}
.m2-center-z {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    margin-top: 17px;
}
.m2-center:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}
.m2-center-z:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}
@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.board-container{
    box-sizing:border-box
}
.board{
    height:100%;
}
.m2-bio-home p:nth-child(even){
    height: 70px;
    overflow: hidden;
}
.m2-bio-home h3{
    font-size: 1.5rem !important;
}
.m2-bio{
    background-color: #eaedf2;
    margin: 5px;
}
.m2-bio:hover{
    background-color: #eaedf2;
    margin: 5px;
}
.m2-bio-circle{
margin-top: -50px;
}
img.border:hover {
    border-color: #ee9900 !important;
}
.btn-outline-warning{
    width: 160px;
    height: 40px;
}
.btn-outline-secondary{
     width: 160px;
     height: 40px;
 }
.m2-rotate{
    transition: transform 1s ease;
}
.col:hover .m2-rotate {
    transform: rotate(-1turn);
}
.m2-callEvent-head{
    background-color: #eaedf2;
}
.m2-callEvent{
    background-color: #282828 !important;
}
.m2-callEvent .col-md-4{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.m2-call-title{
    color: black;
    display: block;
    height: auto;
}
/*.m2-overlay{*/
/*    bottom: 0;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    transition: .5s ease;*/
/*    opacity:0;*/
/*    color: white;*/
/*    padding: 5px;*/
/*    text-align: center;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*}*/
a:hover .m2-overlay-large {
    opacity: 1;
}
.m2-overlay-large{
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: .5s ease;
    opacity:0;
    color: white;
    padding: 5px;
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: -33px;
    z-index: 25;
}
.m2-call-img{
    width: 100%;
    bottom: 0;
    z-index: 5;
}
a{
    color: #0a0b0c;
}
a:hover .m2-overlay {
    opacity: 1;
}
.m2-hr{
    width: 90%;
}
.m2-video .post_videos{
    display: unset;
}
.m2-news{
    width: 88%;
    margin-right: 8%;
}
.m2-news-text{
    width: 93%;
}
.m2-category{
    background-color: dimgray;
    color: white;
    padding-left: 3px;
    padding-right: 3px;

}
.m2-news-right p{
    height: 25px;
    overflow: hidden;
}
.m2-news-right .col-sm-8{
    padding-right: 0 !important;
}
.m2-news-right .m2-news-hover p{
    font-size: 14px !important;
}
.m2-news-left p{
    height: 25px;
    overflow: hidden;
}
.m2-news-left .m2-news-hover p{
    font-size: 14px !important;
}
.m2-news-hover p{
    padding: 1px 2px;
}
.m2-news-hover:hover{
background-color: rgba(234, 237, 242, 0.54);
}

 /*footer style*/
.m2-post-instagram{
    height:300px;
    overflow: hidden;
}
.m2-footer-insta-title {
    background-color: #1d1a1c;
    margin-top: -25px;
    border-radius: 6px;
    color: #fff !important;
}
.m2-footer-insta-bg {
    background-image: url("images/site/homepage/head-archive.png") !important;
}
.m2-color-footer{
    background-color: #0a0b0c;
}
.m2-color-footer p{
    color: white;
}
.m-fs-45 i{
    font-size: 30px !important;
    display: inline-block !important;
    padding: 7px;
}
.email-section > a > i{
    font-size: 26px;
    transition: transform .7s ease-in-out;
}
.email-section > a > i:hover{
    transform: rotate(360deg);
    color: #ee9900;
}
.namasha-section:hover > a > i, .namasha-section > a > img{
    display: none !important;
}
.namasha-section > a > img{
    margin: 5px 4px 0 5px;
}
.namasha-section:hover > a > img{
    display: block !important;
}

.tamasha-section:hover > a > i, .tamasha-section > a > img{
    display: none !important;
}
.tamasha-section > a > img{
    margin: 5px 4px 0 5px;
}
.tamasha-section:hover > a > img{
    display: block !important;
}
.aparat-section:hover > a > i, .aparat-section > a > img{
    display: none !important;
}
.aparat-section > a > img{
    margin: 5px 4px 0 5px;
}
.aparat-section:hover > a > img{
    display: block !important;
}
.instagram-section:hover > a > picture > img, .instagram-section > a > img{
    display: none !important;
}
.instagram-section > a > picture > img{
    margin: 4px 8px;
}
.instagram-section > a > img{
    margin: 5px 4px 0 5px;
}
.instagram-section:hover > a > img{
    display: block !important;
}
.linkedin-section:hover > a > i, .linkedin-section > a > img{
    display: none !important;
}
.linkedin-section > a > img{
    margin: 5px 4px 0 5px;
}
.linkedin-section:hover > a > img{
    display: block !important;
}
.telegram-section:hover > a > i, .telegram-section > a > img{
    display: none !important;
}
.telegram-section > a > img{
    margin: 5px 4px 0 5px;
}
.telegram-section:hover > a > img{
    display: block !important;
}
.twitter-section:hover > a > i, .twitter-section > a > img{
    display: none !important;
}
.twitter-section > a > img{
    margin: 5px 4px 0 5px;
}
.twitter-section:hover > a > img{
    display: block !important;
}
.youtube-section:hover > a > img{
    display: block !important;
}
.youtube-section:hover > a > i, .youtube-section > a > img{
    display: none !important;
}
.youtube-section > a > img{
    margin: 2px 7px 0 0;
}
i.m2-size-icon-43{
    font-size: 43px !important;
    margin-top: -5px;
}
.m2-head-archive{
    background-image: url("images/site/homepage/head-archive.png");
    width: 100%;
    height: 250px;
    background-repeat: round;
}
.m2-head-archive > img{
    z-index: 10;
}
.m2-logo-archive{
    position: absolute;
    top: 140px;
    right: 260px;
}
.m2-single-text h1 {
    font-size: 18px;
}

.m2-single-img > img{
    width: 100%;
    max-width: 300px;
}
.m2-breadcrumb-margin{
    margin-right: 10px;
    margin-top: -5px;
}
.breadcrumb-item.active{
    color: #f2920a;
}
.m2-breadcrumb .breadcrumb{
    background-color: unset !important;
    color: #fff;
    padding: unset !important;
    margin-right: 40px;
    margin-top: unset !important;
    font-size: 14px;
}
.m2-breadcrumb .breadcrumb a{
    color: #f2920a;
}
.m2-breadcrumb .breadcrumb-item{
    padding: unset !important;
}
.m2-single-date i {
    color:#f2920a;
}
.test{
    position: absolute !important;
    right: 600px;
}
/*contact*/
.m2-contact .btn-outline-warning {
    height: unset !important;
    color: #f2920a;
    border-color: #f2920a;
    width: unset;
}
.m2-contact .btn-outline-warning:hover {
    color: #0a0b0c;
    background-color: #ee9900;
}
.m2-head-contact{
    background-image: url("images/site/homepage/Contact-us.png");
    width: 100%;
    height: 250px;
    background-repeat: round;
}
m2-nav{
   margin-top:-25px;

}
m2-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

m2-nav ul li {
    --c: goldenrod;
    color: var(--c);
    font-size: 16px;
    border: 0.3em solid var(--c);
    border-radius: 0.5em;
    width: 12em;
    height: 3em;
    text-transform: uppercase;
    font-weight: bold;
    font-family: IRANSans;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 2.5em;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    margin: 1em;
}

m2-nav ul li span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}

m2-nav ul li:hover {
    color: black;
}

m2-nav ul li:hover span {
    transform: translateY(0) scale(2);
}

m2-nav ul li span:nth-child(1) {
    --n: 1;
}

m2-nav ul li span:nth-child(2) {
    --n: 2;
}

m2-nav ul li span:nth-child(3) {
    --n: 3;
}

m2-nav ul li span:nth-child(4) {
    --n: 4;
}
/*faq*/
.m2-faq-bg{
    background:  #F4F9FF;;
}
.m2-head-faq{
    background-image: url("images/site/homepage/FAQ.png");
    width: 100%;
    height: 250px;
    background-repeat: round;
}
.m2-accordion {
    color: rgba(48,69,92,0.8);
    padding:30px;
    /*box-shadow: 0 7px 7px 7px orange inset;*/
}

.m2-accordion h2, .m2-accordion h1{
    text-transform: uppercase;
}
.m2-accordion h2{
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #1C1C1E;
    margin-right: 50px;
    margin-top: 4px;
}
.m2-accordion ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
.m2-accordion ul li{
    position: relative;
    padding-bottom: 4px;
    padding-top: 18px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    background: #FFFFFF;
}
.m2-accordion ul li input[type="checkbox"]{
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.m2-accordion ul li i{
    position: absolute;
    transform: translate(-6px,0);
    margin-top: 16px;
    right: 0;
}
.m2-accordion ul li input[type=checkbox]:checked ~ p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translateX(-50%);
}
.m2-accordion ul li input[type="checkbox"]:checked ~ i::before {

    transform: translate(2px,0) rotate(45deg);

}
.m2-accordion .transition, .m2-accordion p, .m2-accordion ul li i::before, .m2-accordion ul li i::after {

    transition: all 0.25s ease-in-out;

}
.m2-accordion ul li i::before {

    transform: translate(-2px,0)rotate(45deg);
}
.m2-accordion ul li input[type="checkbox"]:checked~i::before{
    transform: translate(2px,0) rotate(45deg);
}
.m2-accordion ul li input[type="checkbox"]:checked~i::after{
    transform: translate(-2px,0) rotate(-45deg);
}
.m2-accordion ul li i::before,.m2-accordion ul li i::after{
    content: "";
    position: absolute;
    background: #565F67;
    width: 3px;
    height: 9px;
    margin: 0 20px;
}
.m2-accordion ul li i::before{
    transform: translate(-2px,0)rotate(45deg);
}
.m2-accordion ul li i:after {
    transform: translate(2px, 0) rotate(-45deg);
}
.m2-accordion p{
    font-size: 16px;
    color:#565F67;
    line-height: 26px;
    position: relative;
    padding: 0 11px;
    max-height: 800px;
    margin-top: 14px;
    opacity: 1;
    transform: translate(0,0);
    overflow: hidden;
}
.m2-accordion .transition, .m2-accordion p, .m2-accordion ul li i:before, .m2-accordion ul li i:after {
    transition: all 0.25s ease-in-out;

}
.m2-accordion .flipIn, .m2-accordion h1, .m2-accordion ul li {
    animation: flipdown 0.5s ease both;
}
.m2-accordion ul li:nth-of-type(1) {
    animation-delay: 0.5s;
}
.m2-accordion ul li:nth-of-type(2) {
    animation-delay: 0.75s;
}
.m2-accordion ul li:nth-of-type(3) {
    animation-delay: 1s;
}
.m2-accordion ul li:last-of-type {
    padding-bottom: 0;
}
@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}
/*pages*/
.show-new-holder{
  border: 2px solid #ee9900 !important;
}
/*pagintion*/
.page-item.active .page-link {
    background-color: #ffa000;
    border-color: #f2920a;
}
.page-link {
    color: #ffa000;
}
.page-link:hover {
    color: #ff8300;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 160, 0, 0.24);
}
 /*Account  پنل کاربری*/
.m2-alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}
.m2-fade_info {
    background-color: #fff9d3;
    border: 1px solid #96872f
}
.m2-fade_info strong {
    color: #96872f
}
/*details*/
.form-control:focus{
    border-color: #ee9900;
    box-shadow: unset !important;
}
.password-account-holder .form-password-account-user{
    border-top: 4px solid #ee9900;
    border-left: 1px dashed rgb(253, 206, 128);
    border-right: 1px dashed rgb(253, 206, 128);
    border-bottom: 1px dashed rgb(253, 206, 128);
}
/*payment*/
.password-account-table .table thead tr:first-child{
    background: #ee9900;
}
.password-account-table .table thead tr:last-child{
    color: black;
}
table.responsive span[data-type="responsive"]{
    float: right;
}
/*tests*/
.contest-account-table .table thead tr:first-child{
    background: #ee9900;
}
.contest-account-table .table thead tr:last-child{
    color: black;
}
/*inviteFriends*/
.m2-btn{
    width: 100px;
}
.m2-outline-warning .btn-outline-warning{
    width: unset;
    border: 1px solid #ee9900 !important;
    color: #ee9900;
}
.m2-outline-warning .btn-outline-warning:hover{
    color: black;
}
.modal-content{
    border: 4px solid #ee9900 !important;
}
/*tickets*/
.upload-media-holder .title {
    background: #ee9900;
}
.m2-video .post_videos .post_video_container {
    flex: 0 0 100%;
}
/*sidebar Account*/
.account-user .sidebar-item{
    background: #FCEBB8;
    background: -webkit-linear-gradient(top left, #FCEBB8, #D18108);
    background: -moz-linear-gradient(top left, #FCEBB8, #D18108);
    background: linear-gradient(to bottom right, #FCEBB8, #D18108);
    border-radius: 30px;
}
.account-user .make-me-sticky {
    padding: 15px 15px;
}
.account-user .make-me-sticky .account-user-menu {
    background: #070707;
    background: -webkit-linear-gradient(top right, #070707, #A6A5A5);
    background: -moz-linear-gradient(top right, #070707, #A6A5A5);
    background: linear-gradient(to bottom left, #070707, #A6A5A5);
    border-radius: 30px;
}
.account-user .make-me-sticky .user .user-name{
    color: black;
}
.account-user .make-me-sticky .account-user-menu .item-user-menu.featured {
    background: #F4F4F4;
    background: -webkit-radial-gradient(center, #F4F4F4, #D3D3D3);
    background: -moz-radial-gradient(center, #F4F4F4, #D3D3D3);
    background: radial-gradient(ellipse at center, #F4F4F4, #D3D3D3);
}
.account-user .make-me-sticky .account-user-menu .item-user-menu.featured:focus ,
.account-user .make-me-sticky .account-user-menu .item-user-menu.featured:hover
{
    color: #ee9900;
}
/*upload media accont*/
.upload-media-holder .video-guide-text .read-more{
    color: #ee9900;
}
/*Fixed Partition*/
/*The CSS for the floating action butto*/
.m2-fixed-partition .control-center {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    left: 10px;
    bottom: 15px;
    z-index: 10;
}
.m2-fixed-partition .option-btn {
    background-color: #ffa000;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    box-shadow: 0px 0px 12px 2px rgba(79, 74, 3, 0.6);
    position: relative;
    cursor: pointer;
    z-index: 9;
}
.m2-fixed-partition .option-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyIDYxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjY5LjU0NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iMzA2IiBjeT0iMzA2IiByPSI2OS41NDUiIGZpbGw9IiNGRkZGRkYiLz4KCQk8Y2lyY2xlIGN4PSI1NDIuNDU1IiBjeT0iMzA2IiByPSI2OS41NDUiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.m2-fixed-partition .option-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.m2-fixed-partition .option-btn.open:after {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}
.m2-fixed-partition .option-btn.open:before {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}
/*The CSS for the left and right sidebar*/
.m2-fixed-partition .left-sidebar {
    list-style: none;
    background-color: #ffa000;
    height: 50px;
    padding: 0 25px 0 35px;
    margin: 0;
    margin-left: -25px;
    border-radius: 20px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.m2-fixed-partition .left-sidebar li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    height: 100%;
    width: 100%;
    margin-right: 20px;
    cursor: pointer;
    opacity: 0;
    margin-top: -9px;
    padding-left: 10px;
    color: #fff;
}
.m2-fixed-partition .left-sidebar li:nth-child(2) {
    margin-top: -25px;
    margin-left: -10px;
}
.m2-fixed-partition .left-sidebar li:nth-child(1) {
    width: 30px !important;
    height: 30px !important;
    margin-right: -17px;
    color: #000;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: x-large;
    padding-right: 8px;
    margin-top : 10px;
    font-family: "" !important;
    align-items: center;
    display: flex;
}
.m2-fixed-partition .left-sidebar {
    opacity: 0;
    visibility: hidden;
}
/*The CSS animations*/
.m2-fixed-partition .open .left-sidebar {
    animation-name: leftslide;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
.m2-fixed-partition .open .left-sidebar li:nth-child(2) {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-delay: .4s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}
.m2-fixed-partition .open .left-sidebar li:nth-child(1) {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-delay: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}
@keyframes
leftslide {  from {
    opacity: 0;
    visibility: hidden;
    transform: translate(-30%, 0);
}
    to {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
    }
}
@keyframes
fadeIn {  from {
    opcity: 0;
}
    to { opacity: 1; }
}
/*public-video-show*/
@import url('https://fonts.googleapis.com/css?family=Exo:400,700');
.context {
    width: 100%;
    position: absolute;
}
.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}
.area{
    background: #030206;
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
    width: 100%;
    height:750px;
    z-index: -1;
    position: sticky;
}
.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 160, 0, 0.24);
    animation: animate 25s linear infinite;
    bottom: -150px;
}
.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}
.circles li:nth-child(2){
    left: 20%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles li:nth-child(4){
    left: 13%;
    width: 35px;
    height: 35px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}
.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}
.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.circles li:nth-child(9){
    left: 25%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
.circles li:nth-child(11){
    left:5%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}
.circles li:nth-child(12){
    left: 75%;
    width: 35px;
    height: 35px;
    animation-delay: 0s;
    animation-duration: 18s;
}
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
   /*end public-video-show*/
/*public-video-show-btn*/
a.m2-sharebtn {
    font-size: 18px;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px 12px;
}
.m2-btn-showpage{
justify-content: center;
}
.m2-btn-showpage .icon-btn{
    font-family: IRANSans !important;
}
.m2-btn-showpage .fa{
    font-size: 32px !important;
    margin-top: 5px;
}

.icon-btn{
    min-height:150px;
    float:left;
}
.icon-btn button{
    float:left;
    margin:50px;
}
.btn-gradient {
    width:40%;
    position: relative;
    display: inline-block;
    left:-12px;
    background: rgba(0, 0, 0, 0.15);
    border-top-right-radius: 60px;
    padding: 8px 24px 8px 16px;
    box-shadow: 2px 0px 0px 0px rgba(78, 72, 72, 0.4);
}
.btn-github .btn-gradient{
    left:-82px !important;
}
.btn-green{
    font-size:23px;
    color: #fff;
    background-color: #47a447;
    border:none;
    align-items: center;
    display: flex;
    width:230px;
}
.btn-github{
    font-size:23px;
    color: #fff;
    background-color: #5a5a5a;
    border:none;
    align-items: center;
    display: flex;
    width:230px;
}
.btn-behance{
    font-size:23px;
    color: #fff;
    background-color: #0069ff;
    border:none;
    align-items: center;
    display: flex;
    width:230px;
}
/*home- video-section*/
nav > .nav.nav-tabs{

    border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
    border: none;
    padding: 18px 25px;
    color:#0a0b0c;
    background: #eaedf2;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
{
    content: "";
    position: relative;
    bottom: -60px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: #ffa000;
}
.tab-content{
    background: #fdfdfd;
    line-height: 25px;
    /*border: 1px solid #ddd;*/
    border-top:5px solid #ffa000;
    border-bottom:5px solid #ffa000;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
    border: none;
    background: #ffa000;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
.tooltip-inner {
    max-width: 150px !important;
    background-color:  #fff9d3;
    color: black;
    font-size: 14px;
    border: 1px solid #96872f
}
/*media*/
@media only screen and (min-width: 1024px) {
    .m2-single-img{
        margin-top : -190px;
    }
}
@media only screen and (max-width: 720px) {
    .m2-post-instagram{
        height:130px;
        overflow: hidden;
        padding-top: unset !important;
    }
    .m2-head-faq{
        height: 100px;
        position: relative;
    }
    .m2-head-contact{
        height: 100px;
        position: relative;
    }
    .m2-head-archive{
        height: 100px;
        position: relative;
    }
    .m2-logo-archive{
        top: 30px;
        right: 100px;
    }
    .m2-single-news , .m2-single-date {
        position: unset;
    }
    .m2-single-img {
        bottom: -20px !important;
    }
    .m2-single-mobile-view {
        display: none;
    }
    .m2-single-mobile-date{
        margin-top: -20px;
    }
    .area{
        height: 350px !important;
    }
    .btn-behance , .btn-github  , .btn-green {
        font-size:unset;
        color: unset;
        background-color: unset;
        border:unset;
        align-items: unset;
        display: unset;
        width:unset;
    }
    .btn-gradient {
        width:unset;
        position: unset;
        display: unset;
        left:unset;
        background:unset;
        border-top-right-radius:unset;
        padding: unset;
        box-shadow:unset;
    }
    .btn-text{
        display: none;
    }
    .m2-btn-showpage .fa-whatsapp{
        color: yellowgreen;
    }
    .m2-btn-showpage .fa-download {
        color: azure;
    }
    .m2-btn-showpage .fa-telegram {
        color: deepskyblue;
    }
    .icon-btn button {
        margin: 30px;
    }
    .circles li:nth-child(11) , .circles li:nth-child(10) , .circles li:nth-child(7) , .circles li:nth-child(6) ,  .circles li:nth-child(1){
        display: none;
    }
}
@media (min-width:720px) and (max-width:899px) {
    .m2-post-instagram {
        height: 240px;
        overflow: hidden;
        padding-top: unset !important;
    }

    .m2-head-faq {
        height: 100px;
    }

    .m2-head-contact {
        height: 100px;
    }

    .m2-head-archive {
        height: 100px;
    }

    .m2-logo-archive {
        top: 100px;
        right: 100px;
    }

    .m2-single-mobile-view {
        display: none;
    }

    .area {
        height: 450px !important;
    }
}
    @media (min-width:900px) and (max-width:1199px) {
        .m2-post-instagram{
            height:240px;
            overflow: hidden;
            padding-top: unset !important;
        }
        .m2-head-faq{
            height: 100px;
        }
        .m2-head-contact {
            height: 100px;
        }
        .m2-head-archive {
            height: 100px;
        }

        .m2-logo-archive {
            top: 100px;
            right: 100px;
        }
        .m2-single-mobile-view {
            display: none;
        }
        .area{
            height: 630px !important;
        }
}