@font-face 
{
font-family: 'iransans';
src: url('../fonts/IRANSansFaNum.eot');
src: url('../fonts/IRANSansFaNum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANSansFaNum.woff2') format('woff2'),
    url('../fonts/IRANSansFaNum.woff') format('woff'),
    url('../fonts/IRANSansFaNum.ttf') format('truetype'),
    url('../fonts/IRANSansFaNum.svg#IRANSansFaNum') format('svg');
font-weight: normal;
font-style: normal;
}

body
{
direction:rtl;
font-family:'iransans' !important;
}

::-webkit-scrollbar
{
width:8px;
}

::-webkit-scrollbar-track
{
background-color:#e2e2e2;
}

::-webkit-scrollbar-thumb
{
background-color:#9c9c9c;
border-radius:3px;
}

.header
{
height:1641px;
background-color:gray;
float:right;
}

.top
{
height:60px;
background-color:#fff;
float: right;
}

.top img
{
margin-bottom:1px;
}

.navbar
{
height:60px;
background-color: #fff !important;
}

@media only screen and (max-width:991px)
{
    .navbar
    {
        padding-top:0 !important;
    }
}

.navbar a
{
color: #000 !important;
font-size:15px;
}

.navbar a:hover
{
color: #ffa800 !important;
transition: all .5s;
}

.navbar-toggler
{
display: none !important;
}

.dropbtn 
{
background-color: #121212;
color: white;
padding: 16px;
font-size: 16px;
border: none;
}

.dropdown 
{
position: relative;
display: inline-block;
}
  
.dropdown-content 
{
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
padding:5%;
}
  
.dropdown-content a 
{
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
  
.dropdown-content a:hover 
{
background-color: #ddd;
}
  
.dropdown:hover .dropdown-content 
{
display: block;
}

.dropdown-toggle::after
{
float: left !important;
margin-top:9px;
margin-right:7px;
}

.dropdown-toggle:hover::after
{
margin-top:8px;
transform: rotate(180deg);
transition: all 0s;
}

.dropdown-toggle:target::after
{
margin-top:8px;
transform: rotate(180deg);
transition: all .3s;
}

.dropdown-content
{
border-radius:10px;
background-color: #ffffffe0;
min-width:250px;
}

.dropdown-content hr
{
margin-top:0;
margin-bottom:0;
margin-right:10%;
background-color:#00000123;
margin-left:10%;
}

.dropdown-content a
{
color: #000 !important;
padding-right:11.5%;
}

.dropdown-content a:hover
{
background-color:#00000123;
border-radius:10px;
}

.navbar-expand-lg .navbar-nav .nav-link 
{
padding-left: .7rem !important;
padding-right: .7rem !important;
}

.bot
{
height:60px;
float: right;

}

.bot img
{
margin-top:17px;
background-color: #fff;
}

@media only screen and (max-width:443px)
{
    .bot img
    {
        width:100px;
        height:25px;
    }
}

.btn-primary
{
background-color: #fff !important;
border: none !important;
padding-right:0 !important;
display: none !important;
float: right !important;
height:100% !important;
}

@media only screen and (max-width:991px)
{
    .btn-primary
    {
    display:block !important;
    float: right !important;
    }
}

.btn-primary:focus-within
{
box-shadow:none !important;
}

.btn-primary img
{
margin-top:0;
margin-bottom:0px !important;
}

@media only screen and (max-width:443px)
{
    .btn-primary img
    {
        width:25px;
        height:25px;
    }
}

@media only screen and (max-width:400px)
{
    .btn-primary img
    {
        width:22px;
        height:22px;
    }
}


@media only screen and (max-width:400px)
{
    .bot .navbar-brand img
    {
        width:80px;
        height:20px;
        margin-top:19px;
    }
}

@media only screen and (max-width:443px)
{
    .btn-success a
    {
        font-size:13px !important;
    }
}

@media only screen and (max-width:400px)
{
    .btn-success a
    {
        font-size:11px !important;
    }
}

@media only screen and (max-width:400px)
{
    .btn-success
    {
        padding-bottom:8px;
        padding-top:5px;
    }
}

@media only screen and (max-width:400px)
{
    .btn-success img
    {
        width:15px;
        height:15px;
    }
}

.btn-success
{
margin-bottom:-0.8px;
background-color:#0000011a;
border:none !important;
padding-bottom:7.8px;
border-radius:8px;
}

.btn-success a
{
font-size:14.5px;
}

.btn-success a:hover
{
color: #000 !important;
}

.btn-success:hover
{
box-shadow: 0px 0px 8px 0px #9b9b9b;
background-color: #ffa800 !important;
}

.btn-success:active
{
background-color: #00000136 !important;
}

.btn-success img
{
margin-top:1px;
}

.btn-success a
{
color: #fff;
text-decoration: none;
font-size:15px;
}

.offcanvas-end 
{
left:none !important;
right:0;
transform: translateX(100%);
}

.offcanvas img
{
margin-top:8px;
}

@media only screen and (max-width:443px)
{
    .offcanvas img
    {
    width:140px;
    height:25px;
    }
}

.btn-close:focus
{
box-shadow: none !important;
}

.offcanvas
{
background-color: #fff;
}

.offcanvas-header 
{
padding-top:1.2rem !important;
}

.btn-close 
{
background:none !important;
}

.btn-close img
{
margin-top:-8.5px !important;
margin-right: -10px !important;
}

@media only screen and (max-width:443px)
{
    .btn-close img
    {
        width:30px;
        height:30px;
    }
}

.side
{
height:auto;
float: right;
margin-top:-5%;
}

@media only screen and (max-width:443px)
{
    .offcanvas-body img
    {
        width:28px;
        height:28px;
    }
}

.sthree,.sfour,.sfive,.ssix
{
height:50px;
float:right;
border-radius:15px;
}

.sone
{
height:auto;
float:right;
border-radius:15px;
}

.stow
{
height:auto;
float:right;
border-radius:15px;
}

.ssix
{
height:auto;
float:right;
border-radius:15px;
}

.side .dropdown-menu 
{
position:relative !important;
background-color: #fff !important;
border:none !important;
width:100% !important;
border-radius:0px 0px 15px 15px !important;
}

.side .dropdown-menu hr
{
background-color: #fff !important;
}

.side .dropdown-toggle
{
width:100% !important;
height:50px;
border-radius:15px;
font-size:17px;
padding-top:12px;
}

.side .dropdown-toggle::after
{
margin-top:3.5% !important;
}

@media only screen and (max-width:315px)
{
    .side .dropdown-toggle::after
    {
        margin-top:5.5% !important;
    }
}

.sone:hover
{
cursor: pointer;
}

.side img
{
margin-left:5%;
}

.sone img
{
float: right;
margin-top:10px;
}

.sone span
{
margin-top:10px;
float: right;
margin-right:5%;
font-size:18px;
color: #fff;
}

.stow:hover
{
cursor: pointer;
}

.stow img
{
float: right;
margin-top:10px;
}

.stow span
{
margin-top:10px;
float: right;
margin-right:5%;
font-size:18px;
color: #fff;
}

.sthree:hover
{
background:linear-gradient(to right,#00000130, #fff);
cursor: pointer;
}

.sthree img
{
float: right;
margin-top:10px;
}

.sthree span
{
margin-top:10px;
float: right;
margin-right:5%;
font-size:18px;
color: #000;
}

.sthree:hover span
{
color: #ffa800 !important;
transition: all .5s;
}
.sfour:hover span
{
color: #ffa800 !important;
transition: all .5s;
}
.sfive:hover span
{
color: #ffa800 !important;
transition: all .5s;
}

.sfour:hover
{
    background:linear-gradient(to right,#00000130, #fff);
cursor: pointer;
}

.sfour img
{
float: right;
margin-top:10px;
}

.sfour span
{
margin-top:10px;
float: right;
margin-right:5%;
font-size:18px;
color: #000;
}

.sfive:hover
{
    background:linear-gradient(to right,#00000130, #fff);
cursor: pointer;
}

.sfive img
{
float: right;
margin-top:10px;
}

.sfive span
{
margin-top:10px;
float: right;
margin-right:5%;
font-size:18px;
color: #000;
}

.ssix:hover
{
cursor: pointer;
}

.ssix img
{
float: right;
margin-top:10px;
}

.ssix span
{
margin-top:10px;
float: right;
margin-right:5%;
font-size:18px;
color: #fff;
}

.lan
{
float: right;
height:auto;
margin-top:7.5%;
}

.theme
{
float: right;
height:62.6px;
margin-top:7.5%;
}

.date
{
float: right;
height:auto;
margin-top:8.8%;
text-align: center;
}

.date span
{
font-size:18px;
color:gray;
margin-left:3%;
}

.lan .dropdown-menu 
{
position: sticky;
}

.lan .dropdown-toggle
{
background-color: #00000130;
width:100% !important;
height:50px;
border-radius:15px;
font-size:17px;
padding-top:12px;
margin-top:13px;
}

.offcanvas .dropdown-toggle:hover
{
background:linear-gradient(to right,#00000130, #fff);
}

.lan .dropdown-toggle::after
{
margin-top:5% !important;
}

@media only screen and (max-width:315px)
{
    .lan .dropdown-toggle::after
    {
        margin-top:7% !important;
    }
}

.offcanvas .dropdown-toggle:hover::after
{
transform:none !important;
}

.offcanvas .dropdown-menu
{
background-color: #fff;
width:150%;
text-align: right;
}

.lan a
{
color: #fff;
}

.lan a:hover
{
color: #fff;
}

.lan a:focus
{
color: #fff;
}

.dropdown-menu hr
{
margin-top:1%;
margin-bottom:0;
background-color: #fff !important;
}

.dropdown-menu
{
border-radius:15px !important;
}

.dropdown-menu a
{
border-radius:10px !important;
font-size:17px;
}

.dropdown-menu a:hover
{
background:linear-gradient(to right,#00000130, #fff);
}

.dropdown-menu img
{
margin-left:5%;
}

.side .btn-success
{
background-color:#ffa800 !important;
width:47.05%;
margin-top:6.4%;
}

.btn-danger
{
margin-bottom:0.3px;
background-color:#00000136;
border:none !important;
padding-bottom:7.8px;
margin-top:6.4%;
border-radius:8px;
width:47.05%;
margin-right:4.5%;
}

.btn-danger a
{
font-size:14.5px;
}

.btn-danger a:hover
{
color: #fff !important;
}

.btn-danger:hover
{
background-color: #ffa800 !important;
}

.btn-danger img
{
margin-top:1px;
}

.btn-danger a
{
color: #fff;
text-decoration: none;
font-size:15px;
}

.btn-danger:active
{
background-color: #ffa800;
}

.btn-danger:focus
{
box-shadow: none !important;
background-color: #0000018c;
}

.btn-success:focus
{
box-shadow: none !important;
background-color: #ffa800;
}







.theme label
{
width:85%;
height:40px;
}

.checkbox 
{
opacity: 0;
position: absolute;
}

.checkbox-label 
{
background-color: #00000130;
width: 50px;
height: 26px;
border-radius: 50px;
position: relative;
float:left !important;
padding: 5px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
margin-top:17.5px;
}

.fa-moon 
{
color: #f1c40f;
}

.fa-sun 
{
color: #f39c12;
}

.checkbox-label .ball 
{
background-color: #fff;
width:35px;
height: 35px;
position: absolute;
left: 2px;
top: 2px;
border-radius: 50%;
transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball
{
transform: translateX(64.5px);
}