*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
a,abbr,address,applet,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:inherit;
    font-weight:inherit;
    vertical-align:baseline
}
html{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea{
    display:block
}
ol,ul{
    list-style:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
a{
    text-decoration:none
}
figure{
    margin:0
}
[role=button],button,input[type=submit]{
    cursor:pointer;
    font-family:inherit
}
input[type=text],textarea{
    -moz-appearance:none;
    -webkit-appearance:none
}
button{
    background-color:transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
html{
    font-size:16px
}
@media only screen and (max-width:1200px){
    html{
        font-size:1.3vw
    }
}
@media only screen and (max-width:800px){
    html{
        font-size:16px
    }
}
@media only screen and (max-width:360px){
    html{
        font-size:4.5vw
    }
}
body{
    font-weight:400
}
.page{
    direction:rtl;
    overflow:hidden
}
.comp>a{
    display:inline-block;
    width:100%;
    height:100%;
    -webkit-border-radius:inherit;
    -moz-border-radius:inherit;
    border-radius:inherit
}
.comp-image{
    overflow:hidden
}
.comp-image img{
    display:block;
    width:100%;
    height:100%
}
.comp-button{
    -webkit-transition:background-color .2s ease-out,color .2s ease-out;
    -o-transition:background-color .2s ease-out,color .2s ease-out;
    -moz-transition:background-color .2s ease-out,color .2s ease-out;
    transition:background-color .2s ease-out,color .2s ease-out
}
.comp-button:hover{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused;
    animation-play-state:paused
}
.comp-button a{
    color:inherit;
    cursor:pointer;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:inherit;
    -webkit-box-direction:inherit;
    -webkit-flex-direction:inherit;
    -moz-box-orient:inherit;
    -moz-box-direction:inherit;
    -ms-flex-direction:inherit;
    flex-direction:inherit;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.comp-button a[data-scroll-target]{
    cursor:pointer
}
.comp-button .comp-button-inner{
    display:inherit;
    -webkit-box-align:inherit;
    -webkit-align-items:inherit;
    -moz-box-align:inherit;
    -ms-flex-align:inherit;
    align-items:inherit;
    -webkit-box-pack:inherit;
    -webkit-justify-content:inherit;
    -moz-box-pack:inherit;
    -ms-flex-pack:inherit;
    justify-content:inherit
}
.comp-button .comp-button-icon{
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:2rem;
    height:2rem;
    background-repeat:no-repeat;
    background-position:50%;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain
}
.comp-button .icon-right{
    margin-left:1rem
}
.comp-button .icon-left{
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
    -moz-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    margin-right:1rem
}
@-webkit-keyframes shake{
    45%,5%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,40%{
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
    15%,25%,35%{
        -webkit-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
    }
    20%,30%{
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
}
@-moz-keyframes shake{
    45%,5%{
        -moz-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,40%{
        -moz-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
    15%,25%,35%{
        -moz-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
    }
    20%,30%{
        -moz-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
}
@-o-keyframes shake{
    45%,5%{
        transform:translateZ(0)
    }
    10%,40%{
        transform:translate3d(2px,0,0)
    }
    15%,25%,35%{
        transform:translate3d(-4px,0,0)
    }
    20%,30%{
        transform:translate3d(4px,0,0)
    }
}
@keyframes shake{
    45%,5%{
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,40%{
        -webkit-transform:translate3d(2px,0,0);
        -moz-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
    15%,25%,35%{
        -webkit-transform:translate3d(-4px,0,0);
        -moz-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
    }
    20%,30%{
        -webkit-transform:translate3d(4px,0,0);
        -moz-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.06);
        transform:scale(1.06)
    }
}
@-moz-keyframes pulse{
    0%{
        -moz-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -moz-transform:scale(1.06);
        transform:scale(1.06)
    }
}
@-o-keyframes pulse{
    0%{
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -o-transform:scale(1.06);
        transform:scale(1.06)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.06);
        -moz-transform:scale(1.06);
        -o-transform:scale(1.06);
        transform:scale(1.06)
    }
}


.comp-video-in{
    height: 20.3125rem;
    width: 33.25rem;
    position:absolute;
    width:100%;
    top: 8em;
}

.comp-video-in:after{
    content:"";
    display:block;
    padding-top:57%
}
.comp-video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}


.comp-video-in2{
    height: 20.3125rem;
    width: 33.25rem;
    position:absolute;
    width:100%;
    top: 0;
}

.comp-video-in2:after{
    content:"";
    display:block;
    padding-top:57%
}
.comp-video2 iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}


.comp-video2 iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.comp-form{
    height:auto!important
}
.form-field{
    position:relative;
    width:100%
}
.form-field label{
    display:inline-block
}
.form-field--error input[type=email],.form-field--error input[type=number],.form-field--error input[type=text],.form-field--error textarea{
    color:#ff372f!important;
    border-color:#ff372f!important
}
::-webkit-input-placeholder{
    font-family:inherit;
    color:inherit;
    opacity:.7
}
:-moz-placeholder{
    font-family:inherit;
    color:inherit;
    opacity:.7
}
::-moz-placeholder{
    font-family:inherit;
    color:inherit;
    opacity:.7
}
:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder,::placeholder{
    font-family:inherit;
    color:inherit;
    opacity:.7
}
.form-btn{
    position:relative;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    width:100%
}
.form-btn .loading-circle{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0;
    -webkit-transition:opacity .2s ease-out;
    -o-transition:opacity .2s ease-out;
    -moz-transition:opacity .2s ease-out;
    transition:opacity .2s ease-out;
    pointer-events:none
}
.form-btn span{
    pointer-events:none
}
.form-btn.loading .loading-circle{
    opacity:1
}
.form-btn.loading span{
    opacity:0
}
.form-hint{
    position:absolute;
    right:0;
    top:100%;
    font-size:.75rem;
    margin-top:.25rem;
    color:#303336
}
.form-field--error .form-hint{
    color:#f43434
}
.form-radio{
    position:relative
}
.form-radio input{
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    opacity:0;
    z-index:1
}
.form-radio span{
    position:absolute;
    right:0;
    top:.25rem;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:1.125rem;
    height:1.125rem
}
.form-radio span:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:.625rem;
    height:.625rem;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:inherit;
    background-color:currentColor;
    opacity:0
}
.form-radio input:checked+span:after{
    opacity:1
}
.form-radio label{
    padding-right:1.5rem
}
.form textarea{
    resize:vertical;
    height:6.25rem
}
.container{
    width: 85%;
    position:relative;
    height:100%;
    margin:0 auto
}
@media only screen and (max-width:800px){
    .container{
        width:22.5rem
    }
}
.comp-text{
    height:auto!important
}
.comp-text ol{
    list-style-type:decimal;
    list-style-position:outside
}
.comp-text ul{
    list-style-type:disc;
    list-style-position:outside
}
.comp-text li{
    margin:0 1.25rem
}
.comp-text a{
    color:#2196f3
}
.comp-text a:hover{
    color:#1c73bb
}
.comp-plugin iframe{
    width:100%;
    height:100%
}
.modal{
    position:fixed;
    z-index:2000;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(13,25,44,.76);
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:0;
    -webkit-transition:opacity .2s ease-out;
    -o-transition:opacity .2s ease-out;
    -moz-transition:opacity .2s ease-out;
    transition:opacity .2s ease-out;
    direction:rtl
}
.modal--open{
    opacity:1
}
.modal-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:33.125rem;
    -webkit-border-radius:.5rem;
    -moz-border-radius:.5rem;
    border-radius:.5rem;
    background-color:#fff;
    padding:3.4375rem 1.875rem;
    -webkit-box-shadow:0 .3125rem .4375rem rgba(0,0,0,.13);
    -moz-box-shadow:0 .3125rem .4375rem rgba(0,0,0,.13);
    box-shadow:0 .3125rem .4375rem rgba(0,0,0,.13)
}
@media only screen and (max-width:800px){
    .modal-wrap{
        width:22.5rem;
        padding:1.875rem .625rem
    }
}
.modal-icon{
    margin-bottom:3.125rem
}
.modal-icon svg{
    width:100%;
    height:100%
}
@media only screen and (max-width:800px){
    .modal-icon{
        margin-bottom:1.875rem
    }
}
.modal-icon--success{
    height:3.75rem;
    width:4.5625rem
}
.modal-icon--error{
    height:3.125rem;
    width:4.125rem
}
.modal-title{
    text-align:center;
    font-weight:500;
    font-size:1.5rem;
    color:#404040;
    margin-bottom:3rem
}
@media only screen and (max-width:800px){
    .modal-title{
        font-size:1.125rem
    }
}
.modal-btns{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 -.5rem
}
.modal-btn{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding:.6875rem 2.375rem;
    margin:0 .5rem;
    -webkit-border-radius:.4375rem;
    -moz-border-radius:.4375rem;
    border-radius:.4375rem;
    font-size:1.125rem;
    border-style:solid;
    border-width:1px
}
.modal-btn--contained{
    color:#fff
}
.modal-btn--outlined.modal-btn--primary{
    color:#3f98ee;
    border-color:#3f98ee
}
.modal-btn--outlined.modal-btn--secondary{
    color:#f4346f;
    border-color:#f4346f
}
.modal-btn--contained.modal-btn--primary{
    background-color:#3f98ee;
    border-color:#3f98ee
}
.modal-btn--contained.modal-btn--secondary{
    background-color:#f4346f;
    border-color:#f4346f
}
.comp-heading{
    height:auto!important
}
.comp-heading a,.comp-heading a:hover{
    color:inherit
}
.loading-circle{
    display:block
}
.loading-circle:after{
    content:"";
    display:block;
    width:1.875rem;
    height:1.875rem;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:inherit;
    border:.1875rem solid rgba(255,255,255,.4);
    border-top-color:#fff;
    -webkit-animation:kf-spin-cw 1s linear infinite;
    -moz-animation:kf-spin-cw 1s linear infinite;
    -o-animation:kf-spin-cw 1s linear infinite;
    animation:kf-spin-cw 1s linear infinite
}
@-webkit-keyframes kf-spin-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@-moz-keyframes kf-spin-cw{
    0%{
        -moz-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -moz-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@-o-keyframes kf-spin-cw{
    0%{
        -o-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -o-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes kf-spin-cw{
    0%{
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0);
        -o-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(1turn);
        -moz-transform:rotate(1turn);
        -o-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
body{
    font-family:Iranyekan;
    font-weight:400
}
.comp-heading{
    font-family:Iranyekan,tahoma,arial;
    font-weight:700
}
.comp-button{
    font-family:Iranyekan,tahoma,arial;
    cursor: pointer;
}

.intro  {
    width: 100%;

}
.intro h5 {
    font-family: Iranyekan;
    color: #404040;
    font-size: 2.25em;
    text-align: right;
    direction: rtl;
    font-weight: bold;
    padding-top: 3em;}

.intro h6{
    color:#a6a6a6;
    font-weight:700;
    font-size:.875rem;
    text-align:right;
    direction:rtl
}

ul.mainmenu  {
    margin-left: 2em
}

ul.mainmenu li a {
    color:#333
}

ul.mainmenu li a:hover {
    color:#fff
}


#idC_p-V_yM{
    height: 3em;
    left:58.375rem;
    top:1.8125rem
}
#idJ91kyUx9{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    color:#444;
    width:13rem;
    -webkit-animation-timing-function:ease;
    -moz-animation-timing-function:ease;
    -o-animation-timing-function:ease;
    animation-timing-function:ease;
    left:59.625rem;
    height:4.0625rem;
    font-weight:700;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-animation-fill-mode:none;
    -moz-animation-fill-mode:none;
    -o-animation-fill-mode:none;
    animation-fill-mode:none;
    -webkit-box-shadow:0rem .4375rem 0rem #f2a72e;
    -moz-box-shadow:0rem .4375rem 0rem #f2a72e;
    box-shadow:0rem .4375rem 0rem #f2a72e;
    -webkit-animation-name:pulse;
    -moz-animation-name:pulse;
    -o-animation-name:pulse;
    animation-name:pulse;
    font-size:1.375rem;
    top:30.9375rem;
    background-color:#fec23b;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    -o-animation-direction:normal;
    animation-direction:normal;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-border-radius:.625rem;
    -moz-border-radius:.625rem;
    border-radius:.625rem;
    -webkit-animation-delay:0s;
    -moz-animation-delay:0s;
    -o-animation-delay:0s;
    animation-delay:0s
}
@media only screen and (min-width:1050px){
    #idJ91kyUx9:hover{
        background-color:#feb406
    }
}
#idJ91kyUx9-freeslogan{
    font-family: Iranyekan;
    padding: 10px .5em;
    background-color: #f2f2f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    width: 90%;
    text-align: center;
    margin: 1em 0;}
#idedm0G5wT{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    color:#444;
    width:7rem;
    left:0rem;
    height:2.5rem;
    font-weight:700;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:1.125rem;
    top:1.25rem;
    background-color: #f4002c;
    color: #fff;
        -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-border-radius:.625rem;
    -moz-border-radius:.625rem;
    border-radius:.625rem;
    font-family: Iranyekan;
}
@media only screen and (min-width:1050px){
    #idedm0G5wT:hover{
        background-color:#feb406
    }
}
#idmxikjSNh{
    font-size:2.1875rem;
    width:9.25rem;
    height:3.1875rem;
    left:43.875rem;
    top:20.625rem;
    text-align:center;
    direction:rtl;
    color:#444
}
#idTI8CKj2V{
    color:#444;
    width:9.25rem;
    left:54.75rem;
    height:3.1875rem;
    font-size:2.25rem;
    top:20.75rem;
    text-align:center;
    direction:rtl
}
#id3HY2OO_D{
    font-size:2.25rem;
    width:6.6875rem;
    height:3.1875rem;
    left:65.875rem;
    top:20.8125rem;
    text-align:center;
    direction:rtl;
    color:#444
}
#idtieID4WK{
    width:6.1875rem;
    height:4.8125rem;
    left:66.125rem;
    top:24.4375rem;
    direction:rtl;
    text-align:center;
    font-size:1rem;
    display: block;
}
#idRSI86AyD{
    width:10.25rem;
    height:4.8125rem;
    left:54.3125rem;
    top:24.4375rem;
    direction:rtl;
    text-align:center;
    font-size:1rem
}
#idQQFjkwEB{
    width:9.5rem;
    height:4.8125rem;
    left:44.125rem;
    top:24.4375rem;
    direction:rtl;
    text-align:center;
    font-size:1rem
}
#id4QYNjn99{
    background-color:#e6e6e6;
    height:3.25rem;
    width:.25rem;
    left:65.0625rem;
    top:22.1875rem;
    -webkit-border-radius:.125rem;
    -moz-border-radius:.125rem;
    border-radius:.125rem
}
#id7uZiwe6m{
    height: 5.625rem;
    width: 5.625rem;
    left: 10em;
    top: 3em;
    position: absolute;
    animation: rotation 3s infinite linear; 

}

#idnr2RZjtj{
    height: 9.75rem;
    width: 9.75rem;
    left: -8em;
    top: 18em;
    position: absolute;
}
#idRe8sMpNn{
    height: 6.5rem;
    width: 6.5rem;
    left: 9em;
    top: 28em;
    position: absolute;}

#idizxdXBg9{
    height: 10.0625rem;
    width: 8.875rem;
    left: 20em;
    top: 25em;
    position: absolute;
    animation: rotation 3s infinite  linear;
}

#idJb7oV4ii{
height: 15.1875rem;
width: 24.4375rem;
left: 40em;
top: 31em;
position: absolute;}
#idk9nm2JY9{
    background-color:#e6e6e6;
    height:3.25rem;
    width:.25rem;
    left:53.5625rem;
    top:22.125rem;
    -webkit-border-radius:.125rem;
    -moz-border-radius:.125rem;
    border-radius:.125rem
}
#idNGe7ul7M{
    color:#404040;
    width:4.3125rem;
    left:60.375rem;
    height:3.1875rem;
    font-weight:700;
    font-size:1rem;
    top:36.375rem;
    text-align:right;
    direction:rtl
}
#id2rFnE-3C{
    height: 4.875rem;
    width: 3.9375rem;
    left: -3em;
    top: 4em;
    position: absolute;
}
#iduSQqwkW6{
    height: 4.875rem;
    width: 3.9375rem;
    left: 38.313rem;
    top: 27.688rem;
    position: absolute;}
#idy9YfN05l{
    background-color:#eaeaea;
    height:11.25rem;
    width:8.5rem;
    left:-13.75rem;
    top:17.0625rem;
    opacity:0
}
#idandLmeU6{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    color:#222;
    width:6.4375rem;
    left:9.4375rem;
    height:2.5rem;
    font-weight:700;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:1.125rem;
    top:1.3125rem;
    border: 1px solid #eee;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-border-radius:.625rem;
    -moz-border-radius:.625rem;
    border-radius:.625rem;
    font-family: Iranyekan;
}
@media only screen and (min-width:1050px){
    #idandLmeU6:hover{
        background-color:#ddd
    }
}
#idNWUeiqZl{
    height: 7.75rem;
    width: 9.9375rem;
    left: 28em;
    top: 1em;
    position: absolute;
}
#block0{
    background-color:#fff
}
#idBY2B-DEU{
    font-size:1.875rem;
    color:#444;
}
#idLTZzDcCT{
    font-size:1.875rem;
    color:#444;
    font-family: Iranyekan;
}

#idLTZzDcCT h2{
    margin-bottom: 1em;
}

#idMbnCg1Eg{
    width:24.75rem;
    height:4.8125rem;
    font-size:1.125rem;
}
#idUMTSDU-s{
    font-family: Iranyekan;
    width:25.375rem;
    height:4.8125rem;
    font-size:1.125rem
}
#id8NGKzC75{
    height: 32.313rem;
    width: 50%;
    margin-top: -7em;}
    
#idGWoCfC1L{
    width:40em;
    margin-top:-6em
}
#id43SB9Fx2{
    height:19.375rem;
    width:33.25rem;
    top: -3em;
    right: -1.5em; 
}

#block2 {
    padding: 5em 0;
}

#block1{
    padding-top:15em
}

#idNMROZK1r{
    font-size:1.75rem;
    width:15.625rem;
    height:3.1875rem;
    left:28.4375rem;
    top:5.96875rem;
    text-align:center;
    direction:rtl;
    color:#333
}
#idgt5tYpsov2{
    height:4.8125rem;
    font-size:1.875rem;
    direction:rtl;
    text-align:center;
    font-family: Iranyekan;
    margin: 0 auto
}

#idgt5tYpsov2 h2 {
    background: #eee;
    border-radius: 1em;
    padding: .15em .5em;
}

.listpack {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.listpack div  {
   text-align: center;

}

.listpack div h2 {
    font-family: Iranyekan;text-align: center;

}
.packages  {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-flex-pack: justify;
    justify-content: space-between;}
#idgt5tYpso{
    width:37.5rem;
    height:4.8125rem;
    left:17.5rem;
    top:9.5rem;
    font-size:1.125rem;
    direction:rtl;
    text-align:center
}
#idFchg3KWz{
    height:8.125rem;
    width:.25rem;
    margin: 4em auto;
}
#idBVE2RsH2{
    height:14.9375rem;
    width:14.9375rem;
    left:53.5625rem;
    top:15rem
}
#idTvlWFjyx{
    height:14.6875rem;
    width:14.6875rem;
    left:37.625rem;
    top:15.125rem
}
#idZHV96Is7{
    height:14.875rem;
    width:14.875rem;
    left:21.4375rem;
    top:15rem
}
#idMAXhYpnC{
    height:14.4375rem;
    width:14.4375rem;
    left:5.6875rem;
    top:15.125rem
}
#idZoCjYzQ-{
    height:7.6875rem;
    width:5rem;
    left:44.4375rem;
    top:1.125rem
}

#id_qbH0Dgg{
    width:32.5625rem;
    height:4.8125rem;
    left:28.875rem;
    top:31.6875rem;
    font-size:1.0625rem;
    direction:rtl;
    text-align:right
}

#id9FYhE35Q{
    font-size:1.875rem;
    width:39.875rem;
    height:3.1875rem;
    color:#444;
    text-align:center;
    direction:rtl;
    margin: 0 auto;
    font-family:iranyekan
}

#id7BmXAGmi{
    width:31.375rem;
    height:4.8125rem;
    direction:rtl;
    text-align:center;
    font-size:1.125rem;
    margin: 1em auto;
    font-family:iranyekan

}
#idTQQUcTrx img{
    height:8rem;
    width:8rem;
}
#idgHIKoL6f{
    font-size:1.25rem;
    width:8.3125rem;
    height:3.1875rem;
    left:52.3125rem;
    top:23.4375rem;
    color:#444;
    text-align:center;
    direction:rtl
}
#idvGWdDHGG img{
    height:8rem;
    width:8rem;
}
#idP65Uvl1R{
    font-size:1.25rem;
    width:11.1875rem;
    height:3.1875rem;
    left:30.6875rem;
    top:23.4375rem;
    color:#444;
    text-align:center;
    direction:rtl
}



#id092FHKh_ img{
    font-size:1.25rem;
    height: 8rem;
    width: 8rem;
        color:#444;
    text-align:center;
    direction:rtl
}
#id5NbHbkUp{
    height:8.0625rem;
    width:8.0625rem;
}
#iduqhD2r1-{
    width:16.0625rem;
    height:4.8125rem;
    left:8.5625rem;
    top:35.125rem;
    font-size:1.0625rem;
    direction:rtl;
    text-align:right
}
#idxaYw1R87{
    width:18.625rem;
    height:4.8125rem;
    left:5.9375rem;
    top:31.6875rem;
    font-size:1.0625rem;
    direction:rtl;
    text-align:right
}
#id23SCvjfc{
    width:10.875rem;
    height:4.8125rem;
    left:50.5625rem;
    top:35.1875rem;
    font-size:1.0625rem;
    direction:rtl;
    text-align:right
}
#idph_WCZAU{
    width:18.8125rem;
    height:4.8125rem;
    left:28.6875rem;
    top:35.1875rem;
    font-size:1.0625rem;
    direction:rtl;
    text-align:right
}
#idyj9WvwQ6{
    background-color:#fec23b;
    height:.6875rem;
    width:.6875rem;
    -webkit-border-radius:.6875rem;
    -moz-border-radius:.6875rem;
    border-radius:.6875rem;
    left:25.625rem;
    top:32.125rem
}
#idWImjsG4C{
    background-color:#fec23b;
    height:.6875rem;
    width:.6875rem;
    -webkit-border-radius:.6875rem;
    -moz-border-radius:.6875rem;
    border-radius:.6875rem;
    left:25.625rem;
    top:35.5625rem
}
#id9MbkJ4vE{
    background-color:#fec23b;
    height:.6875rem;
    width:.6875rem;
    -webkit-border-radius:.6875rem;
    -moz-border-radius:.6875rem;
    border-radius:.6875rem;
    left:48.5625rem;
    top:35.75rem
}
#idAnF77J7v{
    background-color:#fec23b;
    height:.6875rem;
    width:.6875rem;
    -webkit-border-radius:.6875rem;
    -moz-border-radius:.6875rem;
    border-radius:.6875rem;
    left:62.5rem;
    top:35.5625rem
}
#idExwcfOZY{
    background-color:#fec23b;
    height:.6875rem;
    width:.6875rem;
    -webkit-border-radius:.6875rem;
    -moz-border-radius:.6875rem;
    border-radius:.6875rem;
    left:62.5rem;
    top:32.125rem
}
#idB0txnHqN{
    height:30.8125rem;
    width:98.9375rem;
    left:-13.25rem;
    top:-.0625rem
}
#block4{
    margin: 3em 0
}
#idhgDrmYOJ{
    border-style:solid;
    width:27.1875rem;
    height:8.25rem;
    background-color:#fff;
    border-color:#e6e6e6;
    border-width:.25rem;
    -webkit-border-radius:1.25rem;
    -moz-border-radius:1.25rem;
    border-radius:1.25rem;
    position: relative;
}


.quto {
    position: relative;
margin: 3em auto;
width: 50%;
}
.quto.left img{
    height: 4.5rem;
    width: 4.75rem;
    position: absolute;
    left: 2em;
    top: 3em;}

.quto.right #idVIQSYBRk  {
    text-align: left;
}


.quto.right #idhgDrmYOJ  {
    margin-right: 10em;
}


.quto.right img{
    height: 4.5rem;
    width: 4.75rem;
    position: absolute;
    right: 2em;
    top: 3em;
}

#id6cYffPj_{
    width: 22.3125rem;
    height: 4.8125rem;
    font-size: 1.125rem;
    font-family: Iranyekan;
    padding: 1em;}
#idAxYwYasq{
    font-size:1rem;
    width:2.9375rem;
    height:3.1875rem;
    left:50.8125rem;
    top:11.3125rem;
    color:#333
}
#idAQrpWVF0{
    border-style:solid;
    width:27.1875rem;
    height:8.25rem;
    background-color:#fff;
    border-color:#e6e6e6;
    border-width:.25rem;
    -webkit-border-radius:1.25rem;
    -moz-border-radius:1.25rem;
    border-radius:1.25rem
}
#idEAioekSK{
    width:22.3125rem;
    height:4.8125rem;
    font-size:1.125rem;
    position: absolute;
    top: 0em;
    font-family: Iranyekan;

}
#idVIQSYBRk{
    font-size:1rem;
    color:#333;
    font-family: Iranyekan;

}
#idRThnZTEy{
    font-size:1rem;
    width:10.5rem;
    height:3.1875rem;
    color:#999
}
#idytpq65Z-{
    font-size:1rem;
    width:10.5rem;
    height:3.1875rem;
    color:#999
}
#idI4oYHnbx{
    height:4.5rem;
    width:4.75rem;
}
#idG4e51JRd{
    height:4.5rem;
    width:4.75rem;
}
#idp8jb2GUW{
    height:8.125rem;
    width:.25rem;
    margin:0 auto
}
#idePkTx66L{
    height:8.125rem;
    width:.25rem;
    margin:0 auto

}
#block5{
}
#idA2aVe1aL{
    height:13.25rem;
    width:36.1875rem;
    margin:0 auto
}
#id4MCDrCzP{
    width:29.5rem;
    height:4.8125rem;
    direction:rtl;
    text-align:center;
    font-size:1.125rem;
    margin: 0 auto
}

#id4MCDrCzP p{
    text-align: center;
    font-family: Iranyekan;
    margin-top: 1em;
}
#idGqHtzRv8{
    font-size:1.125rem;
    text-align:center;
    direction:rtl;
    color:#a6a6a6;
    margin: 0 auto;
    font-family: iranyekan;
}


#idGqHtzRv8 h2{
    display: inline;
}

#idGqHtzRv8 a{
    display: inline;
}

#id3L5gpESz{
    font-size:1.125rem;
    width:4.25rem;
    height:3.1875rem;
    text-align:right;
    direction:rtl;
    color:#404040;
    display: inline;
}
#idozt0MoQZ{
    font-size:1.875rem;
    width:35.25rem;
    height:3.1875rem;
    text-align:center;
    direction:rtl;
    color:#404040;
    margin: 0 auto;
    margin-top: .5em;
    font-family: Iranyekan;
}
#idkrTHNROU{
    display:flex;
    margin: 0 auto;
    color:#444;
    width:13.9375rem;
    -webkit-animation-timing-function:ease;
    -moz-animation-timing-function:ease;
    -o-animation-timing-function:ease;
    animation-timing-function:ease;
    height:4.0625rem;
    font-weight:700;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-animation-fill-mode:none;
    -moz-animation-fill-mode:none;
    -o-animation-fill-mode:none;
    animation-fill-mode:none;
    -webkit-box-shadow:0rem .4375rem 0rem #f2a72e;
    -moz-box-shadow:0rem .4375rem 0rem #f2a72e;
    box-shadow:0rem .4375rem 0rem #f2a72e;
    -webkit-animation-name:pulse;
    -moz-animation-name:pulse;
    -o-animation-name:pulse;
    animation-name:pulse;
    font-size:1.375rem;
    background-color:#fec23b;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    -o-animation-direction:normal;
    animation-direction:normal;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-border-radius:.625rem;
    -moz-border-radius:.625rem;
    border-radius:.625rem;
    -webkit-animation-delay:0s;
    -moz-animation-delay:0s;
    -o-animation-delay:0s;
    animation-delay:0s;
    margin: 1em auto
}
@media only screen and (min-width:1050px){
    #idkrTHNROU:hover{
        background-color:#feb406
    }
}
#block6{
}
#idxeeMR-ZO li{
    font-family: Iranyekan;
    display: inline;
}
#idqh7Bn08W{
    width:5.9375rem;
    height:4.8125rem;
    left:60.375rem;
    top:1.5rem
}
#idqh7Bn08W-app{
    width:auto;
    height:4.8125rem;
    left:52.375rem;
    top:1.5rem
}
#block7{
    height:5.0625rem;
    background-color:#fff
}
@media only screen and (max-width:800px){
    #idmRnlX_Iv{
        font-size:.9375rem;
    }
    #idC_p-V_yM{
        height:1.75rem;
        width:12.8125rem;
        left:4.8125rem;
        top:1.4375rem
    }
    #idJ91kyUx9{
        font-size:1.1875rem;
        width:12.25rem;
        height:3.125rem;
        left:5.125rem;
        top:37.5625rem
    }
    #idedm0G5wT{
        font-size:1rem;
        width:11.875rem;
        height:2.8125rem;
        left:-35.125rem;
        top:6.125rem;
        font-family: Iranyekan;
    }
    #idmxikjSNh{
        font-size:1.4375rem;
        width:5.5625rem;
        height:2.5625rem;
        left:.9375rem;
        top:29.25rem
    }
    #idTI8CKj2V{
        font-size:1.4375rem;
        width:6.8125rem;
        height:2.5625rem;
        left:7.875rem;
        top:29.3125rem
    }
    #id3HY2OO_D{
        font-size:1.4375rem;
        width:4.5625rem;
        height:2.5625rem;
        left:16.625rem;
        top:29.25rem
    }
    #idtieID4WK{
        font-size:.8125rem;
        width:4.875rem;
        height:4.1875rem;
        left:16.3125rem;
        top:31.75rem
    }
    #idRSI86AyD{
        font-size:.8125rem;
        width:7.1875rem;
        height:4.1875rem;
        left:7.8125rem;
        top:31.75rem
    }
    #idQQFjkwEB{
        font-size:.8125rem;
        width:7.25rem;
        height:4.1875rem;
        left:-.0625rem;
        top:31.75rem
    }
    #id4QYNjn99{
        width:.125rem;
        height:3.75rem;
        left:7.1875rem;
        top:29.375rem
    }
    #id7uZiwe6m{
        height:4rem;
        width:4rem;
        left:19.375rem;
        top:13.1875rem
    }
    #idnr2RZjtj{
        height: 9.75rem;
        width: 9.75rem;
        left: -8em;
        top: 15em;
        position: absolute;    }
    #idRe8sMpNn{
        height:3.875rem;
        width:3.875rem;
        left:-1.6875rem;
        top:20.625rem
    }
    #idizxdXBg9{
        height:5.4375rem;
        width:4.75rem;
        left:-1.1875rem;
        top:12rem
    }
    #idJb7oV4ii{
        height:.0625rem;
        width:.0625rem;
        left:-8.75rem;
        top:33.375rem
    }
    #idk9nm2JY9{
        width:.125rem;
        height:3.75rem;
        left:15.625rem;
        top:29.3125rem
    }
    #idNGe7ul7M{
        font-size:1rem;
        width:3.8125rem;
        height:2.5625rem;
        left:5.1875rem;
        top:42.3125rem
    }
    #idmKa031Yk{
        width:21.1875rem;
        height:12.625rem;
        left:.625rem;
        top:15.6875rem
    }
    #id2rFnE-3C{
        height:11.1875rem;
        width:8.9375rem;
        left:-24.78125rem;
        top:11.25rem;
        opacity:0
    }
    #iduSQqwkW6{
        height:3.6875rem;
        width:2.9375rem;
        left:-.9375rem;
        top:38.125rem
    }
    #idy9YfN05l{
        width:13.5rem;
        height:12.625rem;
        left:-35.875rem;
        top:3.375rem;
        background-color:#fff;
        opacity:1
    }
    #idandLmeU6{
        font-size:1rem;
        width:4.1875rem;
        height:2.8125rem;
        left:-71.375rem;
        top:12.375rem;
    }
    #idNWUeiqZl{
        height:5.75rem;
        width:7.3125rem;
        left:9.625rem;
        top:11.0625rem
    }
    #block0{
        height:45.5rem
    }
    #idBY2B-DEU{
        font-size:1.25rem;
        text-align:center;
        direction:rtl
    }
    #idLTZzDcCT{
        font-size:1.25rem;
        width:22.4375rem;
        height:2.5625rem;
        left:0rem;
        top:1.5625rem;
        text-align:center;
        direction:rtl
    }
    #idUMTSDU-s{
        font-size:.875rem;
        width:19.8125rem;
        height:4.1875rem;
        left:1.3125rem;
        top:4.25rem
    }
    #id8NGKzC75{
        height:15.25rem;
        width:20.0625rem;
        left:1.1875rem;
        top:11.125rem
    }
    #idGWoCfC1L{
        width:19.5625rem;
        height:11.1875rem;
        left:1rem;
        top:38.875rem;
        -webkit-border-radius:.625rem;
        -moz-border-radius:.625rem;
        border-radius:.625rem
    }
    #id43SB9Fx2{
        height: 19.375rem;
        width: 33.25rem;
         }
    #block1{
        height:53.0625rem
    }
    #idNMROZK1r{
        font-size:1.625rem;
        width:12.75rem;
        height:2.5625rem;
        left:4.875rem;
        top:4.03125rem
    }
    #idgt5tYpsov2{
        font-size:1.25rem;
        width:19.0625rem;
        height:4.1875rem;
        left:2rem;
        top:7rem
    }
    #idgt5tYpso{
        font-size:1rem;
        width:19.0625rem;
        height:4.1875rem;
        left:2rem;
        top:7rem
    }
    #idFchg3KWz{
        height:8.125rem;
        width:.25rem;
        left:-67.9375rem;
        top:14.6875rem
    }
    #idBVE2RsH2{
        height:10rem;
        width:10rem;
        left:11.4375rem;
        top:11.4375rem
    }
    #idTvlWFjyx{
        height:9.75rem;
        width:9.75rem;
        left:1rem;
        top:11.625rem
    }
    #idZHV96Is7{
        height:9.75rem;
        width:9.75rem;
        left:11.5rem;
        top:22.25rem
    }
    #idMAXhYpnC{
        height:9.6875rem;
        width:9.6875rem;
        left:1rem;
        top:22.25rem
    }
    #idZoCjYzQ-{
        height:5.5625rem;
        width:3.625rem;
        left:9.5625rem;
        top:-1.1875rem
    }
    #block2{
        height:35.3125rem
    }
    #id_qbH0Dgg{
        font-size:.9375rem;
        width:19.5625rem;
        height:4.1875rem;
        left:.8125rem;
        top:22.625rem
    }
    #id9FYhE35Q{
        font-size:1.25rem;
        width:16.75rem;
        height:2.5625rem;
        left:2.875rem;
        top:1.5625rem
    }
    #id7BmXAGmi{
        font-size:1rem;
        width:21rem;
        height:4.1875rem;
        left:.75rem;
        top:6.375rem
    }
    #idTQQUcTrx{
    }
    #idgHIKoL6f{
        font-size:.875rem;
        width:4.9375rem;
        height:2.5625rem;
        left:15.75rem;
        top:17.25rem
    }
    #idvGWdDHGG{
        height:4.5rem;
        width:4.5rem;
    }
    #idP65Uvl1R{
        font-size:.875rem;
        width:5.625rem;
        height:2.5625rem;
        left:8.4375rem;
        top:17.3125rem
    }
    #id092FHKh_{
        font-size:.875rem;
        width:6.75rem;
        height:2.5625rem;
        left:.875rem;
        top:17.1875rem
    }
    #id5NbHbkUp{
        height:4.375rem;
        width:4.375rem;
        left:2.0625rem;
        top:12.0625rem
    }
    #iduqhD2r1-{
        font-size:.9375rem;
        width:17.875rem;
        height:4.1875rem;
        left:2.4375rem;
        top:29.59375rem
    }
    #idxaYw1R87{
        font-size:.9375rem;
        width:17.875rem;
        height:4.1875rem;
        left:2.5rem;
        top:26.9375rem
    }
    #id23SCvjfc{
        font-size:.9375rem;
        width:17.875rem;
        height:4.1875rem;
        left:2.375rem;
        top:32.28125rem
    }
    #idph_WCZAU{
        font-size:.9375rem;
        width:17.875rem;
        height:4.1875rem;
        left:2.3125rem;
        top:34.96875rem
    }
    #idyj9WvwQ6{
        height:.5625rem;
        width:.5625rem;
        -webkit-border-radius:.5625rem;
        -moz-border-radius:.5625rem;
        border-radius:.5625rem;
        left:20.9375rem;
        top:35.5rem
    }
    #idWImjsG4C{
        height:.5625rem;
        width:.5625rem;
        -webkit-border-radius:.5625rem;
        -moz-border-radius:.5625rem;
        border-radius:.5625rem;
        left:21rem;
        top:23.0625rem
    }
    #id9MbkJ4vE{
        height:.5625rem;
        width:.5625rem;
        -webkit-border-radius:.5625rem;
        -moz-border-radius:.5625rem;
        border-radius:.5625rem;
        left:21rem;
        top:32.6875rem
    }
    #idAnF77J7v{
        height:.5625rem;
        width:.5625rem;
        -webkit-border-radius:.5625rem;
        -moz-border-radius:.5625rem;
        border-radius:.5625rem;
        left:21rem;
        top:30.0625rem
    }
    #idExwcfOZY{
        height:.5625rem;
        width:.5625rem;
        -webkit-border-radius:.5625rem;
        -moz-border-radius:.5625rem;
        border-radius:.5625rem;
        left:21rem;
        top:27.3125rem
    }
    #block3{
        height:41rem
    }
    #idB0txnHqN{
        height:17.0625rem;
        width:54.75rem;
        left:-15.8125rem;
        top:.0625rem
    }
    #block4{
        height:17.875rem
    }
    #idhgDrmYOJ{
        width:20.5rem;
        height:6.125rem;
        left:1rem;
        top:9.5rem
    }
    #id6cYffPj_{
        font-size:.875rem;
        width:17.875rem;
        height:4.1875rem;
        left:2.3125rem;
        top:11.125rem
    }
    #idAxYwYasq{
        font-size:1rem;
        width:3.5625rem;
        height:2.5625rem;
        left:11.9375rem;
        top:7.1875rem
    }
    #idAQrpWVF0{
        width:20.5rem;
        height:6.125rem;
        left:1rem;
        top:20.625rem
    }
    #idEAioekSK{
        font-size:.875rem;
        width:17.875rem;
        height:4.1875rem;
        left:2.1875rem;
        top:22.25rem
    }
    #idVIQSYBRk{
        font-size:1.125rem;
        width:12.75rem;
        height:2.5625rem;
        left:4.1875rem;
        top:18.3125rem
    }
    #idRThnZTEy{
        font-size:1rem;
        width:12.75rem;
        height:2.5625rem;
        left:-.3125rem;
        top:18.3125rem
    }
    #idytpq65Z-{
        font-size:1rem;
        width:12.75rem;
        height:2.5625rem;
        left:.5rem;
        top:7.25rem
    }
    #idI4oYHnbx{
        height:3.625rem;
        width:3.8125rem;
        left:9.3125rem;
        top:28.1875rem
    }
    #idG4e51JRd{
        height:3.625rem;
        width:3.8125rem;
        left:9.0625rem;
        top:2.3125rem
    }
    #idp8jb2GUW{
        height:8.125rem;
        width:.25rem;
        left:11.125rem;
        top:33.34375rem
    }
    #idePkTx66L{
        height:4.0625rem;
        width:.125rem;
        left:-34.125rem;
        top:25.5625rem;
        opacity:0
    }
    #block5{
        height:39.9375rem
    }
    #idA2aVe1aL{
        height:8rem;
        width:21.8125rem;
        left:.3125rem;
        top:1.25rem
    }
    #id4MCDrCzP{
        font-size:.9375rem;
        width:19.75rem;
        height:4.1875rem;
    }
    #idGqHtzRv8{
        font-size:1rem;
        width:8.4375rem;
        height:2.5625rem;
    }
    #id3L5gpESz{
        font-size:1rem;
        width:5.875rem;
        height:2.5625rem;
        left:3.125rem;
        top:25rem
    }
    #idozt0MoQZ{
        font-size:1.375rem;
        width:15.1875rem;
        height:2.5625rem;
    }
    #idkrTHNROU{
        font-size:1.1875rem;
        width:16.5rem;
        height:3.4375rem;
        left:2.9375rem;
        top:19.875rem
    }
    #block6{
    }
    #idxeeMR-ZO{
        font-size:.875rem;
        width:4.8125rem;
        height:4.1875rem;
    }
    #idqh7Bn08W{
        font-size:.875rem;
        width:5.4375rem;
        height:4.1875rem;
        left:9.4375rem;
        top:2.3125rem;
        direction:rtl;
        text-align:center
    }
    #idqh7Bn08W-app{
        font-size:.875rem;
        width:auto;
        height:4.1875rem;
        left:2.4375rem;
        top:2.3125rem;
        direction:rtl;
        text-align:center
    }
    #block7{
        height:6.1875rem
    }
}




.lightbox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    width: 25em;
    -webkit-transform: translate(-50%, -50%) scale(.95);
    transform: translate(-50%, -50%) scale(.95);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    font-size: 16px
}

.min-h-100{
    min-height: 100px !important;
}
.aaa{
    display: inline-block;
    background: #fed843;
    border-radius: 1em;
    padding: .5em 1em;
    margin-top:.5em;
    font-size: .9em

}
.aaa:hover{
    background: #eee;
}

.lightbox.active {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.lightbox.navigating .logo {
    width: 150px;
    -webkit-transform: translateY(140px);
    transform: translateY(140px)
}

.lightbox.navigating .logo path,
.lightbox.navigating .logo rect {
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    fill: #6362fb
}

.lightbox.navigating .content {
    max-height: 180px!important;
    min-height: 0;
    border-radius: 36px;
    border-color: transparent
}

.lightbox.navigating .content form,
.lightbox.navigating .content header {
    opacity: 0;
    -webkit-transition: .15s;
    transition: .15s;
    visibility: hidden
}

.lightbox .logo {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 1rem
}

.lightbox .logo path,
.lightbox .logo rect {
    fill: #fff
}

.lightbox .logo span {
    font-size: 18px;
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    color: #b2b4bb;
    display: block;
    margin-top: .5rem;
    overflow: hidden;
    text-align: center
}

.lightbox .logo span a {
    display: none
}

.lightbox .logo span.hide {
    -webkit-transition: 0s;
    transition: 0s;
    opacity: 0;
    max-height: 0
}

.lightbox form,
.lightbox header {
    -webkit-transition: .15s .15s;
    transition: .15s .15s
}

.lightbox header {
    position: relative;
    color: #333;
    font-size: 20px;
    text-align: center;
    margin: -2rem;
    margin-bottom: 0;
    padding: 1.5rem 0 .5rem;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
    font-family: 'iranyekan';
}

.lightbox header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    font-weight: lighter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #66627b
}

.lightbox header .btn-close:hover {
    color: #e3342f
}

.lightbox header .btn-close i {
    margin: auto
}

.lightbox .content {
    min-height: 200px;
    border-radius: 5px;
    background: #fff;
    padding: 2rem;
    margin-top: .5rem;
    -webkit-box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
    box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

.lightbox .field {
    margin: 1rem 0
}

.lightbox p {
    color: #59596b;
    text-align: right
}

.lightbox form input.form-control {
    -webkit-box-shadow: 0 0 0 2px #e1e1e5;
    box-shadow: 0 0 0 2px #e1e1e5;
    background: transparent;
    width: 100%;
}

.lightbox form a:hover {
    text-decoration: underline
}

.highlight:hover {
	color: #f7cb3d;
}

.lightbox .submit {
    margin: .75rem auto 0;
    background: #f4002c;
    width: 100%;
    font-family: 'Iranyekan';
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none!important;
    border-radius: 5px;
	padding: .5em 1em;
		font-size: 1em;
	 cursor: pointer !important;
    color: #fff;
	font-weight: bold;
}

.lightbox button:hover {
    opacity: .7;
	background: #f2a72e;
	transition: .7s;
}
.highlight{
cursor: pointer;
color: #f2a72e
}

.highlight:hover{
color: #333
}

.my-4{
font-family: 'Iranyekan';
padding: .5em 0;
font-size: .9em;

}


.blue.loading .text {
opacity: 0;
visibility: hidden;
}

.blue.loading svg.spinner {
display: block;
}

.blue svg.spinner {
display: none;
}
svg.spinner {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
}

svg.spinner .path {
stroke: 
hsla(0, 0%, 100%, .75);
stroke-linecap: round;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
}


@-webkit-keyframes rotate {
  to {
      -webkit-transform: translate(-50%, -50%) rotate(1turn);
      transform: translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes rotate {
  to {
      -webkit-transform: translate(-50%, -50%) rotate(1turn);
      transform: translate(-50%, -50%) rotate(1turn)
  }
}

@-webkit-keyframes dash {
  0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
  }
  50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
  }
  to {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
  }
}

@keyframes dash {
  0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
  }
  50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
  }
  to {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
  }
}



.lightbox .submit:disabled {
    pointer-events: none;
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.lightbox .response {
    margin-top: 1rem
}

.lightbox .response .error i {
    vertical-align: middle
}

.lightbox[data-name=prefer-login] .content {
    border-bottom: none
}

.lightbox[data-name=prefer-login] .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

.ff2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.lightbox[data-name=prefer-login] .btns a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    background: none;
    color: #2c2c2f;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lightbox[data-name=prefer-login] .btns a:hover {
    border-color: transparent;
    color: #6362fb;
    background: #f5f5f5
}

.lightbox[data-name=prefer-login] .btns>span {
    color: #aaa;
    padding: 0 1rem
}

.lightbox[data-name=prefer-login] .btn.google-login {
    margin-top: 1rem
}


.lightbox .form-group label.form-label {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: right;
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    pointer-events: auto;
    font-family: 'iranyekan';
}
.lightbox .form-group label {
    position: absolute;
    top: .5rem;
    right: 1.25rem;
    font-size: 15px;
    margin: 0;
        margin-bottom: 0px;
    pointer-events: none;
    color: #72727d;
    padding: 0 .5rem;
    -webkit-transition: .15s;
    transition: .15s;
    -webkit-transform-origin: top;
    transform-origin: top;
}
.ltr {
    direction: ltr;
}
.lightbox .form-group input.form-control {
    width: 100%;
    height: 40px;
    font-weight: 300;
    font-family: Iranyekan;
}
.lightbox .form-group .form-control {
    position: relative;
    border-radius: 6px;
    -webkit-transition: .15s;
    transition: .15s;
        transition-property: all;
    -webkit-transition-property: color, border-color, background;
    transition-property: color, border-color, background;
    padding: .25rem .75rem;
    background: #f7f8fa;
    outline: none;
    border: none;
}

#dark-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(38, 39, 62, .5);
    z-index: 99998
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
  } 

  .clearfix {
    overflow: auto;
  } 

  .sideleft {
      float: left;
  }

  .logo {float: right;}


  

  .panel  {
	margin-right: 1em;
	float: left
   }

 .panel .sub-menu header .image {
	border-radius:100px;
	border:1px solid #eee;
	width:60px;
	height:60px;
	margin-left:.5rem
   }
 .panel .sub-menu header .name {
	font-size:16px;
	padding-bottom:.75em
   }
   .semat {
	display: block;
	background: rgba(255,255,255,.5);
	padding: .25em .5em;
	text-align: center;
	font-size: .9em;
	font-weight: 300;
	margin-top: .5em;
   }
   .panel .sub-menu header img {
	border-radius:100px;
	width:100%;
	max-height:100%
   }

.btn-profile {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	color:#333;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	font-weight:300;
	-webkit-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out;
	background: #fff;
	padding: 0 1em;
	border-radius:.25em;
}
 .btn-profile .image {
	border-radius:100px;
	border:2px solid hsla(0,0%,100%,.2);
	margin-left:.5rem;
	width:46px;
	height:46px
   }
  .btn-profile img {
	width:100%;
	height:100%;
	padding:2px;
	border-radius:100px
   }
    .btn-profile>.icon {
	margin-right:.5rem
   }
    .btn-profile>.icon svg {
	width:10px;
	fill:#333;
	-webkit-transition:fill .3s ease-in-out;
	transition:fill .3s ease-in-out
   }

   .profile .sub-menu {
	position:absolute;
	right:0;
	width:245px;
	background:#fff;
	border-radius:16px;
	-webkit-box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
	box-shadow:0 20px 60px -10px rgba(50,50,93,.15);
	overflow:hidden;
	z-index:999;
	-webkit-transform:scale(.9) rotateX(30deg);
	transform:scale(.9) rotateX(30deg);
	opacity:0;
	pointer-events:none;
	visibility:hidden;
	-webkit-transform-origin:top;
	transform-origin:top;
	-webkit-transition:.3s;
	transition:.3s
   }
   .profile .sub-menu ul {
	padding: .25em
   }
   .profile .sub-menu ul a {
	font-size:15px;
	font-weight:300;
	color:#77778c;
	display:block;
	padding:.75em .25em;
	border-radius:2px;
	text-align: right;
   }
   .profile .sub-menu ul a:hover {
	color:#1b4171;
	background-color:#fafafc
   }
   .profile .sub-menu ul a i {
	display:inline-block;
	width:18px;
	text-align:center;
	vertical-align:middle
   }
   .panel li:hover>.sub-menu {
	-webkit-transform:none;
	transform:none;
	opacity:1;
	pointer-events:auto;
	visibility:visible
   }

 .btn-profile img {
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 100px;
}

.d-flex {
	display: flex !important;
  }


  .panel  {
	display: inline;
	top: -.5em;
	position: relative;
}
    .panel li {
	position:relative;
	margin-bottom: .5em;
   }

    .panel>li:first-of-type {
	margin-left:.75rem
   }
    .panel>li:last-of-type {
	margin-left:0
   }
    .panel li.profile {
	margin:0;
	padding: 0;
   }
    .panel a.btn {
	border-radius:10px;
	padding-right:0;
	padding-left:0;
	width:100px
   }
    .panel a.transparent {
	color:#fff;
	border:2px solid #edb037;
	color:#edb037;
	padding:.7em
   }
    .panel a.white {
	background:#edb037;
	border:2px solid #edb037;
	color:#fff
   }
    .panel a.transparent:hover {
	background:rgba(100,100,160,.08);
	color:#77778c
   }
    .panel .sub-menu header {
	font-size:13px;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#f5f5fc;
	border-radius:16px 16px 0 0;
	padding:1rem
   }
    .panel .sub-menu header .image {
	border-radius:100px;
	border:1px solid #eee;
	width:60px;
	height:60px;
	margin-left:.5rem
   }
    .panel .sub-menu header .name {
	font-size:16px;
	padding-bottom:.75em;
	color: #333
   }
   .semat {
	display: block;
	background: rgba(255,255,255,.5);
	padding: .25em .5em;
	text-align: center;
	font-size: .9em;
	font-weight: 300;
	margin-top: .5em;
   }
    .panel .sub-menu header img {
	border-radius:100px;
	width:100%;
	max-height:100%
   }

   .panel .sub-menu ul li {
	   display: block;
}







.fSSmCw {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  .iYtGss {
    height: 100%;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
  }



  .iYtGss a {
    position: relative;
  }



  .kIwSH::after {
    top: 0px;
    border-radius: 0px 0px 0.625rem 0.625rem;
  }
  .lnRpau::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 4.125rem;
    height: 0.5rem;
    border-radius: 0.625rem 0.625rem 0px 0px;
    background-color: rgb(254, 194, 59);
  }
  .kIwSH {
    position: static;
    padding: 0px 2.5rem;
    margin-top: -0.3125rem;
  }
  .lnRpau {
    position: relative;
    display: flex;
    height: 100%;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    padding: 0px 1.0625rem;
  }


  .cBZxXM {
    position: relative;
    width: 1.625rem;
    height: 1.625rem;
  }

  .kIwSH .styles__Icon-sc-cquk6g-3 {
    fill: rgb(68, 68, 68);
  }
  .jzwbOM {
    fill: rgb(72, 62, 52);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
  }

  .kIwSH .styles__Icon-sc-cquk6g-3 {
    fill: rgb(68, 68, 68);
  }
  .jzwbOM {
    fill: rgb(72, 62, 52);
  }



  
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/*!sc*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select,button{margin:0;padding:0;border:0;outline:0;font:inherit;vertical-align:baseline;}/*!sc*/
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}/*!sc*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea{display:block;}/*!sc*/
ol,ul{list-style:none;}/*!sc*/
table{border-collapse:collapse;border-spacing:0;}/*!sc*/
blockquote,q{quotes:none;}/*!sc*/
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}/*!sc*/
a{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
figure{margin:0;}/*!sc*/
button,[role="button"],input[type="submit"]{cursor:pointer;}/*!sc*/
input[type="text"],textarea{-moz-appearance:none;-webkit-appearance:none;}/*!sc*/
button{background-color:transparent;box-shadow:none;}/*!sc*/
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}/*!sc*/
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}/*!sc*/
html{font-size:16px;direction:rtl;text-align:right;}/*!sc*/
@media (max-width:350px){html{font-size:4.5vw;}}/*!sc*/
body{font-family:Samim,tahoma,arial;font-weight:normal;font-size:1rem;line-height:1.6;color:#483E34;}/*!sc*/
input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}/*!sc*/
#nprogress .bar{background:#FEC23B;height:5px;}/*!sc*/
#nprogress .peg{box-shadow:0 0 10px #FEC23B,0 0 5px #FEC23B;}/*!sc*/
math{display:inline;text-indent:0;}/*!sc*/
math[display="block"]{display:block;text-align:center;}/*!sc*/
mfrac{display:inline-block !important;vertical-align:-50%;border-collapse:collapse;}/*!sc*/
mfrac > *{display:block !important;}/*!sc*/
mfrac > * + *{display:inline-block !important;vertical-align:top;}/*!sc*/
mfrac:not([linethickness="0"]) > *:first-child{border-bottom:solid thin;}/*!sc*/
msub > *:nth-child(2),msubsup > *:nth-child(2),mmultiscripts > *:nth-child(2n+2),mmultiscripts > mprescripts ~ *:nth-child(2n+3){font-size:0.8em;vertical-align:sub;}/*!sc*/
msup > *:nth-child(2),msubsup > *:nth-child(3),mmultiscripts > *:nth-child(2n+3),mmultiscripts > mprescripts ~ *:nth-child(2n+2){font-size:0.8em;vertical-align:super;}/*!sc*/
mprescripts:after{content:";";}/*!sc*/
munder,mover,munderover{display:-webkit-inline-box !important;display:-webkit-inline-flex !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
munder > *:nth-child(2),munderover > *:nth-child(2){font-size:0.8em;-webkit-order:+1;-ms-flex-order:+1;order:+1;}/*!sc*/
mover > *:nth-child(2),munderover > *:nth-child(3){font-size:0.8em;-webkit-order:-1;-ms-flex-order:-1;order:-1;}/*!sc*/
munder{vertical-align:text-top;}/*!sc*/
mover{vertical-align:text-bottom;}/*!sc*/
munderover{vertical-align:middle;}/*!sc*/
msqrt,mroot{display:-webkit-inline-box !important;display:-webkit-inline-flex !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-left:.5em;vertical-align:middle;border-top:solid thin;}/*!sc*/
msqrt:before,mroot:before{content:"√";margin-left:-.5em;}/*!sc*/
mroot > *:nth-child(2){margin-right:.25em;margin-left:-.75em;font-size:0.8em;-webkit-order:-1;-ms-flex-order:-1;order:-1;}/*!sc*/
menclose{display:inline-table !important;border-collapse:separate;border-spacing:0.4ex 0;}/*!sc*/
menclose[notation*="top"],menclose[notation*="actuarial"]{border-top:solid thin;}/*!sc*/
menclose[notation*="bottom"],menclose[notation*="madruwb"]{border-bottom:solid thin;}/*!sc*/
menclose[notation*="right"],menclose[notation*="actuarial"],menclose[notation*="madruwb"]{border-right:solid thin;}/*!sc*/
menclose[notation*="left"]{border-left:solid thin;}/*!sc*/
menclose[notation*="box"],menclose[notation*="roundedbox"],menclose[notation*="circle"]{border:solid thin;}/*!sc*/
menclose[notation*="roundedbox"]{border-radius:15%;}/*!sc*/
menclose[notation*="circle"]{border-radius:50%;}/*!sc*/
menclose[notation*="horizontalstrike"]{-webkit-text-decoration:line-through;text-decoration:line-through;}/*!sc*/
mtable{display:inline-table !important;vertical-align:middle;}/*!sc*/
mtr{display:table-row !important;}/*!sc*/
mtd{display:table-cell !important;padding:0 0.5ex;}/*!sc*/
mspace{margin:.2em;}/*!sc*/
mi{font-style:italic;}/*!sc*/
mo{margin-right:.2em;margin-left:.2em;}/*!sc*/
ms:before,ms:after{content:"";}/*!sc*/
ms[lquote]:before{content:attr(lquote);}/*!sc*/
ms[rquote]:after{content:attr(rquote);}/*!sc*/
[mathvariant="bold"],[mathvariant="bold-italic"],[mathvariant="bold-sans-serif"],[mathvariant="sans-serif-bold-italic"]{font-weight:bold;font-style:normal;}/*!sc*/
[mathvariant="monospace"]{font-family:monospace;font-style:normal;}/*!sc*/
[mathvariant="sans-serif"],[mathvariant="bold-sans-serif"],[mathvariant="sans-serif-italic"],[mathvariant="sans-serif-bold-italic"]{font-family:sans-serif;font-style:normal;}/*!sc*/
[mathvariant="italic"],[mathvariant="bold-italic"],[mathvariant="sans-serif-italic"],[mathvariant="sans-serif-bold-italic"]{font-style:italic;}/*!sc*/
[mathvariant="normal"]{font-style:normal;}/*!sc*/
mphantom{visibility:hidden;}/*!sc*/
merror{outline:solid thin red;}/*!sc*/
merror:before{content:"Error: ";}/*!sc*/
semantics > *:first-child{display:inline;}/*!sc*/
annotation,annotation-xml{font-family:monospace;display:none !important;}/*!sc*/
math:active > semantics > *:first-child,math:active > semantics > *:first-child{display:none !important;}/*!sc*/
math:active annotation:first-of-type{display:inline !important;}/*!sc*/
data-styled.g1[id="sc-global-kOqIYc1"]{content:"sc-global-kOqIYc1,"}/*!sc*/
.fRlaGy{display:none;width:100%;height:4.375rem;background-color:white;border-top:1px solid #E6E6E6;}/*!sc*/
@media (min-width:500px){.fRlaGy{display:block;}}/*!sc*/
data-styled.g3[id="styles__Root-sc-h6fbsk-0"]{content:"fRlaGy,"}/*!sc*/
.zsgjo{max-width:61.25rem;padding:0 1.25rem;height:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g4[id="styles__Wrap-sc-h6fbsk-1"]{content:"zsgjo,"}/*!sc*/
.ibjKRy{width:5.75rem;height:1.5625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#E6E6E6;color:#999999;font-size:0.875rem;border-radius:100px;}/*!sc*/
data-styled.g5[id="styles__Version-sc-h6fbsk-2"]{content:"ibjKRy,"}/*!sc*/
.tCJwy{color:#999999;font-size:0.875rem;unicode-bidi:isolate;cursor:pointer;}/*!sc*/
.tCJwy:not(:last-child){margin-left:1.125rem;}/*!sc*/
data-styled.g6[id="styles__NavItem-sc-h6fbsk-3"]{content:"tCJwy,"}/*!sc*/
@media (max-width:500px){.bjhliL{padding-bottom:5rem;}}/*!sc*/
@media (min-width:500px){.bjhliL{min-height:calc(100vh - 4.375rem);}}/*!sc*/
data-styled.g7[id="styles__Wrapper-sc-h6fbsk-4"]{content:"bjhliL,"}/*!sc*/
.criGjW{position:relative;display:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:6.875rem;padding:0 2.5rem;}/*!sc*/

.boxu {
    box-shadow: 0 0.625rem 1.25rem rgba(0,0,0,0.05);background-color:white;position:relative;z-index:10;}
@media (min-width:500px){.criGjW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}/*!sc*/
@media (min-width:500px) and (max-width:1000px){.criGjW{padding:0 1.25rem;}}/*!sc*/
data-styled.g8[id="styles__Root-sc-12mtd98-0"]{content:"criGjW,"}/*!sc*/
.fSSmCw{position:absolute;height:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}/*!sc*/
data-styled.g9[id="styles__MenuWrap-sc-12mtd98-1"]{content:"fSSmCw,"}/*!sc*/
.hhMOCL{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}/*!sc*/
data-styled.g10[id="styles__LogoLink-sc-12mtd98-2"]{content:"hhMOCL,"}/*!sc*/
.gslHVn{width:11.9375rem;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}/*!sc*/
@media (min-width:800px) and (max-width:1000px){.gslHVn{width:10rem;}}/*!sc*/
@media (max-width:800px){.gslHVn{display:none;}}/*!sc*/
data-styled.g11[id="styles__Logo-sc-12mtd98-3"]{content:"gslHVn,"}/*!sc*/
.gJXrkO{width:2rem;display:none;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}/*!sc*/
@media (max-width:800px){.gJXrkO{display:block;}}/*!sc*/
data-styled.g12[id="styles__LogoSign-sc-12mtd98-4"]{content:"gJXrkO,"}/*!sc*/
.glczTy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:100%;height:100%;left:0;top:0;z-index:5;}/*!sc*/
data-styled.g13[id="styles__Wrap-sc-1mccczo-0"]{content:"glczTy,"}/*!sc*/
.cocZXz{opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;}/*!sc*/
.cocZXz::after{content:"";display:block;width:3.125rem;height:3.125rem;border-radius:50%;border:0.3125rem solid rgba(255,255,255,0.2);border-top-color:#fff;-webkit-animation:Wkazc 1s infinite linear;animation:Wkazc 1s infinite linear;width:1.75rem;height:1.75rem;border-width:0.1875rem;border-color:rgba(254,194,59,0.2);border-top-color:#FEC23B;}/*!sc*/
data-styled.g14[id="styles__Inner-sc-1mccczo-1"]{content:"cocZXz,"}/*!sc*/
.gdduQX{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;min-width:3.75rem;}/*!sc*/
data-styled.g18[id="profile__Root-sc-1t4cf02-0"]{content:"gdduQX,"}/*!sc*/
.kYClwd{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:1.375rem;background-color:#F24F4F;border-radius:6.25rem;border:0.125rem solid white;color:#fff;font-size:0.75rem;padding:0 0.3125rem;z-index:10;}/*!sc*/
data-styled.g23[id="styles__Root-sc-lampsi-0"]{content:"kYClwd,"}/*!sc*/
.hAeBbu{position:fixed;left:0;bottom:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;height:4.875rem;background-color:#fff;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -0.3125rem 0.9375rem rgba(0,0,0,0.15);z-index:10;}/*!sc*/
.hAeBbu a{display:block;height:100%;}/*!sc*/
@media (min-width:500px){.hAeBbu{display:none;}}/*!sc*/
data-styled.g24[id="styles__Root-sc-cquk6g-0"]{content:"hAeBbu,"}/*!sc*/
.lnRpau{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 1.0625rem;}/*!sc*/
.lnRpau::after{content:"";display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:4.125rem;height:0.5rem;border-radius:0.625rem 0.625rem 0 0;background-color:#FEC23B;}/*!sc*/
.lnRpau span{color:#CCCCCC;font-size:0.75rem;margin-top:0.25rem;color:#483E34;}/*!sc*/
.YKiKa{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 1.0625rem;}/*!sc*/
.YKiKa::after{content:"";display:block;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:4.125rem;height:0.5rem;border-radius:0.625rem 0.625rem 0 0;}/*!sc*/
.YKiKa span{color:#CCCCCC;font-size:0.75rem;margin-top:0.25rem;}/*!sc*/
data-styled.g25[id="styles__Item-sc-cquk6g-1"]{content:"lnRpau,YKiKa,"}/*!sc*/
.cBZxXM{position:relative;width:1.625rem;height:1.625rem;}/*!sc*/
data-styled.g26[id="styles__IconWrap-sc-cquk6g-2"]{content:"cBZxXM,"}/*!sc*/
.jzwbOM{fill:#483E34;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem;height:2rem;}/*!sc*/
@media (max-width:500px){.jzwbOM{width:1.5rem;height:1.5rem;}}/*!sc*/
.jzwbOM > svg{width:1.5rem;height:1.5rem;}/*!sc*/
.iMjgxS{fill:#CCCCCC;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem;height:2rem;}/*!sc*/
@media (max-width:500px){.iMjgxS{width:1.5rem;height:1.5rem;}}/*!sc*/
.iodcXC{fill:#CCCCCC;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem;height:2rem;}/*!sc*/
@media (max-width:500px){.iodcXC{width:1.5rem;height:1.5rem;}}/*!sc*/
.iodcXC > svg{width:1.25rem;height:1.5rem;}/*!sc*/
.fVNGaV{fill:#CCCCCC;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem;height:2rem;}/*!sc*/
@media (max-width:500px){.fVNGaV{width:1.5rem;height:1.5rem;}}/*!sc*/
.fVNGaV > svg{width:1.195rem;height:1.53125rem;}/*!sc*/
data-styled.g27[id="styles__Icon-sc-cquk6g-3"]{content:"jzwbOM,iMjgxS,iodcXC,fVNGaV,"}/*!sc*/
.gQHPBD{left:0.8125rem;top:-0.4375rem;}/*!sc*/
data-styled.g28[id="styles__BadgeNew-sc-cquk6g-4"]{content:"gQHPBD,"}/*!sc*/
.iYtGss{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
.iYtGss a{position:relative;}/*!sc*/
data-styled.g29[id="menu__Root-sc-1e89gyr-0"]{content:"iYtGss,"}/*!sc*/
.kIwSH{position:static;padding:0 2.5rem;margin-top:-0.3125rem;}/*!sc*/
.kIwSH:after{top:0;border-radius:0 0 0.625rem 0.625rem;}/*!sc*/
.kIwSH .styles__Icon-sc-cquk6g-3{fill:#B3B3B3;fill:#444444;}/*!sc*/
@media (max-width:800px){.kIwSH{padding:0 1.5625rem;}}/*!sc*/
.jXBLKv{position:static;padding:0 2.5rem;margin-top:-0.3125rem;}/*!sc*/
.jXBLKv:after{top:0;border-radius:0 0 0.625rem 0.625rem;}/*!sc*/
.jXBLKv .styles__Icon-sc-cquk6g-3{fill:#B3B3B3;}/*!sc*/
@media (max-width:800px){.jXBLKv{padding:0 1.5625rem;}}/*!sc*/
data-styled.g30[id="menu__Item-sc-1e89gyr-1"]{content:"kIwSH,jXBLKv,"}/*!sc*/
.dXidme{position:absolute;width:100%;text-align:center;font-size:0.875rem;-webkit-transform:translateY(1.875rem);-ms-transform:translateY(1.875rem);transform:translateY(1.875rem);color:#B3B3B3;}/*!sc*/
data-styled.g31[id="menu__Name-sc-1e89gyr-2"]{content:"dXidme,"}/*!sc*/
.inwStn{left:0.8125rem;top:-0.625rem;}/*!sc*/
data-styled.g32[id="menu__BadgeNew-sc-1e89gyr-3"]{content:"inwStn,"}/*!sc*/
.kTdCGR{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;height:2.625rem;line-height:2.625rem;border-radius:0.625rem;font-size:1rem;font-weight:bold;text-align:center;cursor:pointer;color:#483E34;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s;padding:0 0.9375rem;}/*!sc*/
.kTdCGR > span,.kTdCGR > a{position:relative;z-index:2;}/*!sc*/
.kTdCGR span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}/*!sc*/
.kTdCGR > a{color:inherit;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 0.9375rem;}/*!sc*/
.kTdCGR::before,.kTdCGR::after{content:"";position:absolute;left:0;top:0;width:100%;border-radius:0.625rem;-webkit-transition:height 0.2s ease-out;transition:height 0.2s ease-out;}/*!sc*/
.kTdCGR::before{height:calc(100% + 0.3125rem);background-color:#F2A72E;background-color:rgba(0,0,0,.25);}/*!sc*/
@media (min-width:800px){.kTdCGR:hover::before{height:calc(100% + 0.125rem);}}/*!sc*/
.kTdCGR::after{height:100%;background-color:#FEC23B;background-color:#FFF;}/*!sc*/
@media (min-width:800px){.kTdCGR:hover::after{background-color:#f9bd36;background-color:#F2F2F2;}}/*!sc*/
.gEsGWj{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;height:2.625rem;line-height:2.625rem;border-radius:0.625rem;font-size:1rem;font-weight:bold;text-align:center;cursor:pointer;color:#483E34;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s;padding:0 0.9375rem;height:2.25rem;line-height:2.25rem;}/*!sc*/
.gEsGWj > span,.gEsGWj > a{position:relative;z-index:2;}/*!sc*/
.gEsGWj span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}/*!sc*/
.gEsGWj > a{color:inherit;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 0.9375rem;}/*!sc*/
.gEsGWj::before,.gEsGWj::after{content:"";position:absolute;left:0;top:0;width:100%;border-radius:0.625rem;-webkit-transition:height 0.2s ease-out;transition:height 0.2s ease-out;}/*!sc*/
.gEsGWj::before{height:calc(100% + 0.3125rem);background-color:#F2A72E;background-color:rgba(0,0,0,.25);height:calc(100% + 0.1875rem);}/*!sc*/
@media (min-width:800px){.gEsGWj:hover::before{height:calc(100% + 0.125rem);}}/*!sc*/
.gEsGWj::after{height:100%;background-color:#FEC23B;background-color:#FFF;}/*!sc*/
@media (min-width:800px){.gEsGWj:hover::after{background-color:#f9bd36;background-color:#F2F2F2;}}/*!sc*/
data-styled.g34[id="styles__Wrap-sc-e3k6pn-0"]{content:"kTdCGR,gEsGWj,"}/*!sc*/
.gIzdxN{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
data-styled.g35[id="styles__BtnInside-sc-e3k6pn-1"]{content:"gIzdxN,"}/*!sc*/
.cBMXve{-webkit-transition:padding-top 0.3s ease-out;transition:padding-top 0.3s ease-out;}/*!sc*/
data-styled.g41[id="styles__Root-sc-yc9rr3-0"]{content:"cBMXve,"}/*!sc*/
.gDtypp{font-size:1rem;color:#444444;font-weight:bold;text-align:center;}/*!sc*/
.zAhUK{font-size:1rem;color:#444444;font-weight:bold;}/*!sc*/
data-styled.g42[id="Text__H-sc-swa8d8-0"]{content:"gDtypp,zAhUK,"}/*!sc*/
.dqalBN{font-size:0.875rem;color:#999999;text-align:center;}/*!sc*/
data-styled.g43[id="Text__P-sc-swa8d8-1"]{content:"dqalBN,"}/*!sc*/
.jhJiUq{position:relative;border-radius:1.25rem;background-color:#fff;padding:1.875rem;margin-top:-1.25rem;z-index:2;box-shadow:0 -0.625rem 1.25rem rgba(0,0,0,0.05);}/*!sc*/
data-styled.g138[id="Paper__Main-sc-lagd4w-0"]{content:"jhJiUq,"}/*!sc*/
.gXmLKi{margin:0 auto;max-width:58.75rem;}/*!sc*/
data-styled.g139[id="Paper__Wrap-sc-lagd4w-1"]{content:"gXmLKi,"}/*!sc*/
.iLfFta{position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:1.25rem;border:2px solid #e6e6e6;padding:0.5625rem;}/*!sc*/
data-styled.g140[id="styles__Root-sc-6gun8t-0"]{content:"iLfFta,"}/*!sc*/
.XgUwX{width:4.5625rem;border-radius:1rem;min-height:5rem;background-color:#e6e6e6;margin-left:0.625rem;}/*!sc*/
data-styled.g142[id="styles__Image-sc-6gun8t-2"]{content:"XgUwX,"}/*!sc*/
.ijWQWc{max-width:10rem;}/*!sc*/
data-styled.g143[id="styles__Text-sc-6gun8t-3"]{content:"ijWQWc,"}/*!sc*/
.bgMSVt{position:absolute;left:1.375rem;top:50%;margin-top:-0.625rem;height:1.25rem;width:0.875rem;fill:#FEC23B;-webkit-transition:-webkit-transform 0.15s ease-out;-webkit-transition:transform 0.15s ease-out;transition:transform 0.15s ease-out;}/*!sc*/
@media (min-width:800px){.styles__Root-sc-6gun8t-0:hover .styles__Arrow-sc-6gun8t-6{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);}}/*!sc*/
data-styled.g146[id="styles__Arrow-sc-6gun8t-6"]{content:"bgMSVt,"}/*!sc*/
.fDpUov{position:relative;width:3.75rem;height:0.625rem;background-color:#e6e6e6;border-radius:0.625rem;margin-top:0.6875rem;overflow:hidden;}/*!sc*/
.fDpUov > span{position:absolute;height:100%;left:0;top:0;width:0%;background:linear-gradient(90deg,#CEFAA2,#00745E);border-radius:0.625rem;}/*!sc*/
.ckUaSX{position:relative;width:3.75rem;height:0.625rem;background-color:#e6e6e6;border-radius:0.625rem;margin-top:0.6875rem;overflow:hidden;}/*!sc*/
.ckUaSX > span{position:absolute;height:100%;left:0;top:0;width:0%;background:linear-gradient(90deg,#BD8EFF,#DD571E);border-radius:0.625rem;}/*!sc*/
.dDuoJp{position:relative;width:3.75rem;height:0.625rem;background-color:#e6e6e6;border-radius:0.625rem;margin-top:0.6875rem;overflow:hidden;}/*!sc*/
.dDuoJp > span{position:absolute;height:100%;left:0;top:0;width:0%;background:linear-gradient(90deg,#A0E08E,#FF8B15);border-radius:0.625rem;}/*!sc*/
.bIyQfL{position:relative;width:3.75rem;height:0.625rem;background-color:#e6e6e6;border-radius:0.625rem;margin-top:0.6875rem;overflow:hidden;}/*!sc*/
.bIyQfL > span{position:absolute;height:100%;left:0;top:0;width:0%;background:linear-gradient(90deg,#0297AA,#002946);border-radius:0.625rem;}/*!sc*/
.iWNfVO{position:relative;width:3.75rem;height:0.625rem;background-color:#e6e6e6;border-radius:0.625rem;margin-top:0.6875rem;overflow:hidden;}/*!sc*/
.iWNfVO > span{position:absolute;height:100%;left:0;top:0;width:0%;background:linear-gradient(90deg,#FFFF15,#F29E26);border-radius:0.625rem;}/*!sc*/
.cviAYK{position:relative;width:3.75rem;height:0.625rem;background-color:#e6e6e6;border-radius:0.625rem;margin-top:0.6875rem;overflow:hidden;}/*!sc*/
.cviAYK > span{position:absolute;height:100%;left:0;top:0;width:0%;background:linear-gradient(90deg,000000,000000);border-radius:0.625rem;}/*!sc*/
data-styled.g147[id="styles__Progress-sc-6gun8t-7"]{content:"fDpUov,ckUaSX,dDuoJp,bIyQfL,iWNfVO,cviAYK,"}/*!sc*/
.JZten{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-0.9375rem -0.46875rem 0 -0.46875rem;}/*!sc*/
@media (min-width:500px){.JZten{margin:-1.25rem -0.625rem 0 -0.625rem;}}/*!sc*/
@media (min-width:1000px){.JZten{margin:-1.25rem -0.625rem 0 -0.625rem;}}/*!sc*/
data-styled.g165[id="styles__Root-sc-tb3wyi-1"]{content:"JZten,"}/*!sc*/
.cMCHpe{width:100%;padding:0 0.46875rem;margin-top:0.9375rem;}/*!sc*/
@media (min-width:500px){.cMCHpe{width:50%;padding:0 0.625rem;margin-top:1.25rem;}}/*!sc*/
@media (min-width:1000px){.cMCHpe{width:33.333333333333336%;padding:0 0.625rem;margin-top:1.25rem;}}/*!sc*/
.cMCHpe > *{width:100%;}/*!sc*/
data-styled.g166[id="styles__Item-sc-tb3wyi-2"]{content:"cMCHpe,"}/*!sc*/
@-webkit-keyframes Wkazc{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}/*!sc*/
@keyframes Wkazc{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}/*!sc*/
data-styled.g246[id="sc-keyframes-Wkazc"]{content:"Wkazc,"}/*!sc*/
.bizXKL{margin-top:1.125rem;}/*!sc*/
data-styled.g253[id="styles__Courses-sc-1gq3e4z-1"]{content:"bizXKL,"}/*!sc*/
@media (min-width:500px){.kBbMLY{padding:1.25rem;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;height:25.3125rem;margin-top:0;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.kBbMLY .styles__Image-sc-6gun8t-2{width:100%;height:17.5rem;object-fit:cover;object-position:top;margin:0;border-radius:0;}.kBbMLY .styles__Arrow-sc-6gun8t-6{top:auto;bottom:0.625rem;left:1rem;}.kBbMLY .styles__Info-sc-6gun8t-1{width:100%;position:relative;}.kBbMLY .styles__Text-sc-6gun8t-3{font-size:1.125rem;margin-top:1.25rem;margin-right:0.625rem;}}/*!sc*/
data-styled.g254[id="styles__Course-sc-1gq3e4z-2"]{content:"kBbMLY,"}/*!sc*/
@media (min-width:500px){.huLcKC{font-size:1.25rem;}}/*!sc*/
data-styled.g256[id="styles__H-sc-1gq3e4z-4"]{content:"huLcKC,"}/*!sc*/
@media (min-width:500px){.gphOCf{margin-bottom:1.75rem;}}/*!sc*/
data-styled.g257[id="styles__P-sc-1gq3e4z-5"]{content:"gphOCf,"}/*!sc*/
.hTkqFl{background-color:#FFCA42;height:10rem;}/*!sc*/
@media (min-width:500px){.hTkqFl{height:18.75rem;}}/*!sc*/
data-styled.g260[id="styles__Root-sc-r69iy6-0"]{content:"hTkqFl,"}/*!sc*/
.ddauDT{height:100%;}/*!sc*/
.ddauDT > div{height:100%;}/*!sc*/
.ddauDT .swiper-pagination{bottom:2.0625rem;}/*!sc*/
.ddauDT .swiper-pagination-bullet{width:0.375rem;height:0.375rem;background:#fff;opacity:0.4;}/*!sc*/
.ddauDT .swiper-pagination-bullet-active{opacity:1;}/*!sc*/
data-styled.g261[id="styles__Wrap-sc-r69iy6-1"]{content:"ddauDT,"}/*!sc*/
.fEOKou{overflow:hidden;display:block;background:#8dd1ff;height:100%;}/*!sc*/
.iuFrGJ{overflow:hidden;display:block;background:#abfcf6;height:100%;}/*!sc*/
data-styled.g262[id="styles__Slide-sc-r69iy6-2"]{content:"fEOKou,iuFrGJ,"}/*!sc*/
.kKWQlj{position:relative;max-width:62.5rem;padding:0 1.875rem;margin:0 auto;height:calc(100% - 1.25rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g263[id="styles__SlideWrap-sc-r69iy6-3"]{content:"kKWQlj,"}/*!sc*/
.faeRoX{font-size:1.0625rem;color:#444;font-weight:bold;}/*!sc*/
@media (min-width:500px){.faeRoX{font-size:2rem;}}/*!sc*/
@media (min-width:500px) and (max-width:940px){.faeRoX{font-size:1.75rem;}}/*!sc*/
data-styled.g264[id="styles__Text-sc-r69iy6-4"]{content:"faeRoX,"}/*!sc*/
.eqLTnf{margin-top:0.5625rem;}/*!sc*/
@media (min-width:500px){.eqLTnf{margin-top:1rem;}}/*!sc*/
data-styled.g265[id="styles__Button-sc-r69iy6-5"]{content:"eqLTnf,"}/*!sc*/
.hdkgbB{position:relative;max-width:50%;z-index:2;}/*!sc*/
@media (max-width:500px){.hdkgbB{max-width:50%;}}/*!sc*/
data-styled.g266[id="styles__Right-sc-r69iy6-6"]{content:"hdkgbB,"}/*!sc*/
.bJUdNl{position:absolute;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:1.875rem;top:0.4375rem;height:calc(100% - 14px);}/*!sc*/
@media (min-width:500px){.bJUdNl{top:0.5rem;height:calc(100% - 16px);}}/*!sc*/
data-styled.g267[id="styles__Image-sc-r69iy6-7"]{content:"bJUdNl,"}/*!sc*/
.gReKsm{display:none;}/*!sc*/
@media (min-width:500px){.gReKsm{display:block;}}/*!sc*/
data-styled.g268[id="slide___StyledSButton-sc-ly7di8-0"]{content:"gReKsm,"}/*!sc*/
@media (min-width:500px){.jMkoSf{display:none;}}/*!sc*/
data-styled.g269[id="slide___StyledSButton2-sc-ly7di8-1"]{content:"jMkoSf,"}/*!sc*/



ul, li {
    list-style: none;
}



.href-login, .href-register {
    cursor: pointer;
}



.logo img {
    width: 12em;
    margin: 1em 0;
  }
  
  .logo img:hover {
      opacity: .7;
      transition: .5s;
  }






  .tophead {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6.875rem;
    position: relative;
    height: 100%;
    margin: 0 auto;
  }
  .tophead li {
    display: inline;
font-family: Iranyekan;
border-radius: .5em;
padding: .25em 1em;   }


        .tophead li:hover {
            transition: .3s;
            background: #eee;
        }

        .tophead li:hover a {
            color: #333 !important;
        }


        .rightbox {
            display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
        }


        .comp-video {
            position: relative;
            width: 100%;
        }


        .comp-video2 {
            position: absolute;
            width: 100%;
        }

        .stats div {
            display: inline-block;
        }


        .stats .item {
            border-left: .1em solid #e6e6e6;
            font-family: Iranyekan;
            padding: 0 1em;
        }

        .stats .item span {
            font-weight: bold;
            text-align: center;
            font-size: 2em;
        }
        .stats .item h3 {
        }


        .stats .item:last-child {
            border-left: none
        }

        .stats {
            padding-top:2em
        }

        .alertregister {
            margin-top:1em;
            font-family: Iranyekan;
            z-index: 2;
            position: relative;
        }
        .alertregister a {
            color:rgb(254, 194, 59)
        }

        #idJ91kyUx9-freeslogan a {
            color: #333
        }


.rightino {
    
    float: right;

}

.leftino {
    float: right;
    margin-right: 2em;
    font-family: Iranyekan;
}

.quto {
    position: relative;
}







.illustrationbox{
    float: left;
    width: 50%
}

.top-img {
    width: 100%;
    position: relative;
  }

  .top-img2 {
    position: relative;
  }


  .text-image {
    position: absolute;
    width: 32% !important;
    right: 44%;
    top: 82%;
    animation: up-down 3s infinite linear;
  }


  .tv-image {
    position: absolute;
    width: 25% !important;
    right: 27.5%;
    top: 13% !important;
    animation: rotation 4s infinite linear;  }



  .play-image {
    position: absolute;
    width: 50% !important;
    right: 32%;
    top: 11%;    z-index: 1;
    animation: rotation 2s infinite linear;
  }
  .c2 {
    position: absolute;
    right: 58%;
    top: 14%;
    z-index: 1;
    animation: up-down 2s infinite linear;  }


    .c3 {
        position: absolute;
        right: 53%;
        top: -17%;
        z-index: 1;
        animation: rotation 5s infinite linear; }

        

        .c4 {
            position: absolute;
            right: 63%;
            top: 40%;
            z-index: 1;
            animation: downtoup 5s infinite linear; }

            
            .c5 {
                position: absolute;
                right: 29%;
                top: -15%;
                z-index: 1;
                animation: rotation 8s infinite linear;
                width: 45%; }

                
                .c6 {
                    position: absolute;
                    left: 65%;
                    top: -6%;
                    z-index: 1;
                    animation: rotation 3s infinite linear; }

                 
                    .c7 {
                        position: absolute;
                        left: 46%;
                        top: -22%;
                        z-index: 1;
                        animation: downtoup 7s infinite linear;
                        width: 50%;}
                       
                        .c8 {
                            position: absolute;
                            left: 50%;
                            top: 15%;
                            z-index: 1;
                            animation: downtoup 7s infinite linear;
                            width: 45%; }
    
                            .c9 {
                                position: absolute;
                                left: 50%;
                                top: -3%;
                                z-index: 1;
                                animation: downtoup 8s infinite linear;
                                width: 45%; }
    
  .tv2-image {
    position: absolute;
width: 25% !important;
right: 67.5%;
top: 59% !important;
animation: rotation 2s infinite linear;  }

.tv3-image {
    position: absolute;
    width: 20% !important;
    right: 13%;
    top: 22% !important;
    animation: ccc 5s infinite linear; }


  @keyframes up-down {
    0%{
        top: 14%;
    }
    50%{
        top: 12%;
    }
    100%{
        top: 14%;
    }
}
@keyframes down-up {
    0%{
        top: 2%;
    }
    50%{
        top: 4%;
    }
    100%{
        top: 2%;
    }
}


@keyframes downtoup {
    0%{
        margin-top: 1em;
    }
    50%{
        margin-top: 2em;
    }
    100%{
        margin-top: 1em;
    }
}

@keyframes ccc {
    0%{
        opacity: 1;
    }
    20%{
        opacity: .1;
    }
    22%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}


@keyframes rotation {
    0%{
        transform: rotate(10deg);
    }
    50%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(10deg);
    }
}



#blog .right h3 {
    color: #0d1834;
    font-size: 30px;
    font-weight: 700;
    font-family:iranyekan
}


.titlehead h3{
    text-align: center;
    font-family:iranyekan;
    font-size: 2em;
    font-weight: bold;
    margin-top:2em;
}

.prcing-ill {
    width: 100%;
    height:30em
}

.blog-post-grid {
    display: grid;
    width: 100%;
    grid-gap: 1em;
    grid-template-columns: repeat(3, 1fr);
}

.blog-post-item {
    background: #fff;
    border-radius: 1em;
    padding: 1em;
    box-shadow: 0 11px 29px -17px rgba(201, 206, 207, 0.7);
    font-family: Iranyekan;
}


.post-title{
    font-family: iranyekan;
    text-align: center;
    font-size:1.75em;
    margin-top:2em;
    font-weight: bold;
}

.post-title h2 span{
    border-right: .5em solid #ccc ;
    border-left: .5em solid #ccc ;
    padding: 0 1em
}


.post-body {
    font-family: iranyekan;
    font-weight: 300;
    font-size: 1.2em;
    text-align:justify;
    padding-top:2em
}

.post-body img {
    padding:.75em;
    border: 1px solid #ccc;
    border-radius: 1em;
    margin: 1em auto;
    display: block;
}


.comments {
    background: #fff;
    box-shadow: 0 5px 51px rgba(167,176,189,.24);
    margin: 2em 0;
    padding: 1em 2em;
}

.comment-title {
    font-family: iranyekan;
    font-size: 1.25em;
}

.comment-alert {
    background: #ffd98e;
    color: #333;
    text-align: center;
    border-radius: 1em;
    margin: 1em 0;
    font-family: iranyekan;
    padding: .5em 0;
}

.commentbox{
    float: right;
    width: 40%;
}


.commentlist{
    float: left;
    width: 60%;
}


#tophead {
    margin: 5em 0;
}


.mainsearch {
    font-family: Iranyekan;
}

.centerbox {position: absolute;top:50%;left:50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); /* IE 9 */
-webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
width: 60%;min-height:52px;z-index:2


}
.centerbox h1 {margin-bottom: 25px;font-size:36px;font-family: "Webly Sleek SemiLight";font-weight: normal;text-align: center;}
.centerbox p.description {margin-bottom:40px;text-align: center;}
.description a {text-decoration:none;}
.main-input { background: #fff; height: 50px; width: 60%;color: #a7b1ab; border: 1px solid #cccccc; margin-bottom: 0px; -webkit-appearance: none; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px;display: inline-block;text-align: right;font-size: 16px; font-weight: 500; padding-right:2em;font-size:16px;background: #ffffff url("http://seodesigns.com/projects/TD/images/search.png") 18px 15px no-repeat;background-size:18px 18px;float:right;}
.main-illustration {display: none;}
#main-submit { background: #3cb13c;color: #fff; display: inline-block; font-size: 19px; font-weight: 500;text-align: center; cursor: pointer;margin-bottom: 0px; -webkit-appearance: none;
border-radius: 4px ; -moz-border-radius: 4px ; -webkit-border-radius: 4px;width:141px;height:50px;border: 0px;padding-top:0px;float:right;

margin-right: 1%;
width: 15%;
}
#main-submit:hover { background: #00a221; color: #fff !important; -webkit-appearance: none; }
#main-submit-mobile {display: none;}
footer { border-top: 0px;}
.main-btn {display: inline-block;width:150px;height:50px;border: 1px solid #cccccc;padding:0px;position: relative;
    float:right;background: #ffffff url("http://seodesigns.com/projects/TD/images/main-bullet.png") 122px 23px no-repeat;background-size:6px 6px;cursor: pointer;}
.search-small {font-size:12px;margin:0px;color:#9B9B9B;position: absolute;top: 6px;left:16px;display: inline-block;width:80px;height:20px;text-align:right;}
.search-large {font-size:16px;margin:0px;color:#4A4A4A;position: absolute;top: 12px;left:0;display: inline-block;width:105px;height:20px;font-weight:900;text-align:right;}
.main-form-container {height:50px;position: relative;}
ul.search-description {width:150px;position: absolute; background: #fff;top:55px;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;padding:14px 0px;border: 1px solid #E5E5E5;display: none;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}
.search-description li {font-size:16px;color:#4A4A4A;font-weight:900;padding:6px 0px;display:block;padding-right:16px;cursor: pointer;}
.search-description li:hover {background:#f8f8f8;}



/* responsive css below */
@media only screen and (max-width: 680px) {
    .main-btn {border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px;border-right:1px solid #cccccc;}
    ul.search-description {right:0px;z-index:9999;}
    .centerbox p.description {width:284px;margin:0 auto 40px auto;}
    .centerbox {width:auto;transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%); /* IE 9 */
    -webkit-transform: translate(-50%, -60%); /* Chrome, Safari, Opera */
    }
    .main-form-container {width:477px}
    #main-submit {display: none;}
    #main-submit-mobile { background: #3cb13c;color: #fff; display:block; font-size: 19px; font-weight: 500;text-align: center; cursor: pointer;margin-bottom: 0px; -webkit-appearance: none;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;width:141px;height:50px;border: 0px;padding-top:0px;float:none;border:0px;position: fixed;bottom: 0px;right:0px;width: 100%;z-index:1;}
    #main-submit-mobile:hover { background: #00a221; color: #fff !important; -webkit-appearance: none; }
    footer {padding-bottom:50px;}
}

@media only screen and (max-width: 515px) {
    .main-input {width:210px;}
    .main-form-container {width:360px}
    .centerbox h1 {width:280px;margin:0 auto 15px auto;}
    .centerbox {position: absolute;top:50%;left:50%;
    }
}

@media only screen and (max-width: 375px) {
    .cover {background: rgba(0, 0, 0, 0) url("seodesigns.com/projects/TD/images/background.jpg") no-repeat center -175px;}
    .main-input {width: 185px;padding-right:42px;background: #ffffff url("http://seodesigns.com/projects/TD/images/search.png") 12px 15px no-repeat;background-size:18px 18px;}
    .main-btn {width:108px;background: #ffffff url("http://seodesigns.com/projects/TD/images/main-bullet.png") 85px 23px no-repeat;background-size:6px 6px;}
    .main-form-container {width:293px}
    .search-small {left:13px;}
    .search-large {left:13px;}
}

.freeicons {
    margin-bottom: 4em;
}


.freeicons h3 {
    font-family: Iranyekan;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.freeicons a.more {
    border-radius: 1em;
    color: #333;
    font-size: .75em;
    padding:0 1em;
    background: #eee;
}

.freeicons a.more:hover {
    background: #c8c8c8;
    transition: .4s;
}



.freeicons .iconlist {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 2em;
}

.freeicons .iconlist a{
color: #333;
font-size: .75em;

}
.freeicons .iconlist .item {
    border: 1px solid #eee;
    border-radius: 1em;
}


.freeicons .iconlist .item .preview{
    display: grid;
    grid-template: 1fr 1fr/1fr 1fr;
    grid-gap: 1em;
    padding: 1em;
}

.freeicons .iconlist .item  .preview img {
    width: 100%;
  }


  .freeicons .iconlist .item .title {
    text-align: center;
    font-family: Iranyekan;
    font-size: 1.35em;
    margin: 1em;
  }

  .keywords {
    display: block;
    font-family: Iranyekan;
  }

  .keywords-items {
    display: inline;
  }

  .keywords-items a:after{
      content: ","
  }

  .keywords-items a:last-child:after{
    content: ""
}

  .keywords-illustration
    {
display: none;

    }







    
.illustrations h3 {
    font-family: Iranyekan;
    font-size: 1.5em;
    margin-bottom: 1em;
}



.illustrations .iconlist img{
    width: 100%
}

.illustrations .iconlist img:hover{
    opacity: .7
}



.illustrations .iconlist {
    display: flex;
    align-items: flex-start;
}

.illustrations .iconlist .item {
    flex: 1;    
    margin: .5em;
}

.illustrations .iconlist .item a{
    margin-bottom: .5em;
display: block;
}


.illustrations .iconlist .item .preview{
    height: 12em;
}

.illustrations .iconlist .item  .preview img {
    height: 12em;
    display: block;
    margin:0 auto


}



  .illustrations .iconlist .item .title {
    text-align: center;
    font-family: Iranyekan;
    font-size: 1.25em;
    margin-top:1em
  }


  .sidebar {
      float: right;
      width: 15%;
      background: #FAFAFA;
      border-left: 1px solid #eee;
      padding: 1em;
      color:#aaa
  }

  .sidebar .title {
    padding: 1em 0;
    font-family: Iranyekan;
  }

  .mainn{
    border-top: 1px solid #eee

  }

  .listitems li a {
      color: #333;
      font-family: Iranyekan;
      width: 100%;
      display: block;
      padding: .25em 1em;
  }

  .listitems li a:hover {
    background: #eee;
    border-radius: 1em;
}

.grid-icons a:hover {
    border: 1px solid #eee;
    border-radius: 1em;
}

.grid-icons a {
  }

  .mainmain {
      float: left;
      width: 83%;
    
    }

      .grid-icons  {
          margin-top:2em;
          display: grid;
grid-template-columns: repeat(auto-fill,136px);
grid-auto-rows: auto;
grid-gap: 2em;
      }
    







      @media(min-width:1024px) {
        .mobile-only {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only {
         display:none!important
        }
       }
       .app-accordion {
        width:calc(100% + var(--additionalGridMargin));
        position:relative;
        transition:all .3s
       }
       @media(max-width:979px) {
       }
       .app-accordion .close {
        position:absolute;
        top:24.5px;
        left:2px;
        width:15.5px;
        height:15.5px;
        cursor:pointer;
        z-index:2;
        transition:all .3s;
        fill:rgba(0,0,0,.5)
       }
       @media(max-width:768px) {
        .app-accordion .close {
         right:12px
        }
       }

       






       @media(min-width:1024px) {
        .mobile-only[data-v-fb14ae12] {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only[data-v-fb14ae12] {
         display:none!important
        }
       }
       @-webkit-keyframes spin-data-v-fb14ae12 {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       @keyframes spin-data-v-fb14ae12 {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       .sidebar-content-icons>.i8-tab-group[data-v-fb14ae12] {
        transform:translateY(-50%)
       }
       .sidebar-content-icons>.i8-tab-group>.i8-tab[data-v-fb14ae12] {
        padding-bottom:0;
        padding-top:0
       }
       .grid .app-left-sidebar-content[data-v-fb14ae12] {
        width:3%
       }
       .icon-sidebar[data-v-fb14ae12] {
        display:flex;
        font-size:15px;
        margin:0 -22px 0 -32px;
        background-color:#fafafa;
        overflow:hidden;
        border-top:1px solid rgba(0,0,0,.05);
        border-bottom:1px solid rgba(0,0,0,.05);
        transition:all .3s;
        z-index:1
       }
       .icon-sidebar.is-wait[data-v-fb14ae12] {
        cursor:wait
       }
       @media(min-width:1000px) {
        .icon-sidebar[data-v-fb14ae12] {
         min-height:352px
        }
       }
       @media(max-width:768px) {
        .icon-sidebar[data-v-fb14ae12] {
         margin:0 -10px 0 -20px
        }
       }
       @media(max-width:570px) {
        .icon-sidebar[data-v-fb14ae12] {
         max-height:none
        }
       }
       .title[data-v-fb14ae12] {
        font-weight:500
       }
       .icon-toolbar[data-v-fb14ae12] {
        width:210px;
        padding:9px 17px;
        transition:all .3s;
        border-left:2px solid rgba(0,0,0,.05)
       }
       .icon-toolbar.is-disabled[data-v-fb14ae12] {
        pointer-events:none
       }
       .icon-toolbar.is-open[data-v-fb14ae12] {
        flex:0 0 470px;
        width:470px
       }
       .icon-workspace[data-v-fb14ae12] {
        flex:1;
        padding:30px 0 0 30px;
        transition:all .3s
       }
       .related-icons-wrap[data-v-fb14ae12],
       .similar-icons-wrap[data-v-fb14ae12] {
        padding-right:15px
       }
       @media(max-width:365px) {
        .related-icons-wrap[data-v-fb14ae12],
        .similar-icons-wrap[data-v-fb14ae12] {
         padding-right:0
        }
       }
       .related-icons-wrap.is-expanded[data-v-fb14ae12],
       .similar-icons-wrap.is-expanded[data-v-fb14ae12] {
        height:100%
       }
       .sidebar-content-icons[data-v-fb14ae12] {
        transition:all .3s
       }
       .sidebar-content-icons .app-tabs-content[data-v-fb14ae12] {
        display:flex;
        width:100%;
        position:relative
       }
       .sidebar-content-icons .is-accordion[data-v-fb14ae12]> .app-tabs-header {
        flex-wrap:nowrap
       }
       .icon-toolbar-fade-enter[data-v-fb14ae12],
       .icon-toolbar-fade-leave-to[data-v-fb14ae12] {
        width:0;
        opacity:0;
        padding-left:0;
        padding-right:0
       }

       
       @media(min-width:1024px) {
        .mobile-only[data-v-1265795b] {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only[data-v-1265795b] {
         display:none!important
        }
       }
       .effects-menu[data-v-1265795b] {
        position:relative;
        order:0;
        flex:0 0 210px;
        height:100%;
        border-radius:4px 0 0 4px;
        padding:0 15px 8px 0;
        transition:all 3s
       }
       @media(max-width:930px) {
        .effects-menu[data-v-1265795b] {
         padding-right:0;
         display:none
        }
       }
       .effects-menu.is-progress[data-v-1265795b]:before {
        content:"";
        position:absolute;
        width:100%;
        height:100%;
        z-index:9;
        cursor:progress
       }
       .effects-menu.is-inactive[data-v-1265795b] {
        pointer-events:none;
        opacity:.8
       }
       .effects-menu.is-open .item-text[data-v-1265795b] {
        display:inline-block
       }
       .effects-menu .item[data-v-1265795b] {
        height:32px;
        line-height:32px;
        text-align:right;
        border-radius:4px;
        white-space:nowrap;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        word-spacing:-.36em;
        cursor:pointer;
        transition:all .3s ease;
        margin-bottom:2px
       }
       .effects-menu .item:hover:not(.is-off) .item-text[data-v-1265795b] {
        color:#28b351
       }
       .effects-menu .item:hover:not(.is-off) .item-icon[data-v-1265795b] {
        fill:#28b351
       }
       .effects-menu .item.init-effects .item-text[data-v-1265795b] {
        transition:opacity .3s .3s
       }
       .effects-menu .item.select-effect[data-v-1265795b] {
        margin-left:-10px;
        padding-left:10px
       }
       .effects-menu .item.select-effect.is-divider[data-v-1265795b]:after {
        width:160px;
        left:-5px
       }
       .effects-menu .item .is-off-wrap[data-v-1265795b] {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        z-index:9
       }
       .effects-menu .item.is-off[data-v-1265795b] {
        filter:grayscale(100%);
        -webkit-filter:grayscale(100%);
        -moz-filter:grayscale(100%);
        -ms-filter:grayscale(100%);
        -o-filter:grayscale(100%);
        opacity:.4;
        cursor:default
       }
       .effects-menu .item.is-active[data-v-1265795b] {
        background-color:rgba(40,179,81,.05)
       }
       .effects-menu .item.is-active .item-text[data-v-1265795b] {
        color:#28b351
       }
       .effects-menu .item.is-active .item-icon[data-v-1265795b] {
        fill:#28b351
       }
       .effects-menu .item.is-active .icon-effects-svg[data-v-1265795b] {
        fill:#5ca3fd
       }
       .effects-menu .item.is-divider[data-v-1265795b] {
        position:relative;
        height:18px;
        width:100%;
        margin:0;
        cursor:default
       }
       .effects-menu .item.is-no-effect[data-v-1265795b] {
        display:flex;
        justify-content:space-between;
        font-weight:600;
        height:32px;
        overflow:hidden;
        transition:height .4s;
        pointer-events:none
       }
       .effects-menu .item.is-no-effect:hover .item-text[data-v-1265795b] {
        color:inherit
       }
       .effects-menu .item.is-no-effect.is-show[data-v-1265795b] {
        pointer-events:all;
        cursor:pointer
       }
       .effects-menu .item.is-no-effect .item-text[data-v-1265795b] {
        overflow:hidden;
        text-overflow:ellipsis
       }
       .effects-menu .item.is-no-effect .item-toggle[data-v-1265795b] {
        position:relative
       }
       .effects-menu .item.is-no-effect .item-toggle[data-v-1265795b]:before {
        content:"";
        position:absolute;
        width:15px;
        height:100%;
        top:0;
        left:-15px;
        background:#f2f2f2;
        background:linear-gradient(90deg,hsla(0,0%,94.9%,0),#f2f2f2)
       }
       .effects-menu .item-icon[data-v-1265795b] {
        display:inline-block;
        vertical-align:top;
        height:16px;
        width:16px;
        line-height:0;
        fill:#98989a;
        margin:8px 14px 0 0;
        word-spacing:normal
       }
       .effects-menu .item-icon[data-v-1265795b]  img,
       .effects-menu .item-icon[data-v-1265795b]  svg,
       .effects-menu .item-icon img[data-v-1265795b],
       .effects-menu .item-icon svg[data-v-1265795b] {
        width:100%;
        height:100%;
        vertical-align:top
       }
       .effects-menu .item-text[data-v-1265795b] {
        display:inline-block;
        color:#1a1a1a;
        font-size:16px;
        letter-spacing:-.01em;
        overflow:hidden;
        text-overflow:ellipsis;
        transition:color .3s;
        word-spacing:normal
       }
       @media(max-width:1000px) {
        .effects-menu .item-text[data-v-1265795b] {
         display:none
        }
       }
       .effects-menu .item-toggle[data-v-1265795b] {
        float:right
       }
       .effects-menu .item-toggle .radio-label[data-v-1265795b] {
        opacity:0
       }

       


       @media(min-width:1024px) {
        .mobile-only[data-v-fb14ae12] {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only[data-v-fb14ae12] {
         display:none!important
        }
       }
       @-webkit-keyframes spin-data-v-fb14ae12 {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       @keyframes spin-data-v-fb14ae12 {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       .sidebar-content-icons>.i8-tab-group[data-v-fb14ae12] {
        transform:translateY(-50%)
       }
       .sidebar-content-icons>.i8-tab-group>.i8-tab[data-v-fb14ae12] {
        padding-bottom:0;
        padding-top:0
       }
       .grid .app-left-sidebar-content[data-v-fb14ae12] {
        width:3%
       }
       .icon-sidebar[data-v-fb14ae12] {
        display:flex;
        font-size:15px;
        margin:0 -22px 0 -32px;
        background-color:#fafafa;
        overflow:hidden;
        border-top:1px solid rgba(0,0,0,.05);
        border-bottom:1px solid rgba(0,0,0,.05);
        transition:all .3s;
        z-index:1
       }
       .icon-sidebar.is-wait[data-v-fb14ae12] {
        cursor:wait
       }
       @media(min-width:1000px) {
        .icon-sidebar[data-v-fb14ae12] {
         min-height:352px
        }
       }
       @media(max-width:768px) {
        .icon-sidebar[data-v-fb14ae12] {
         margin:0 -10px 0 -20px
        }
       }
       @media(max-width:570px) {
        .icon-sidebar[data-v-fb14ae12] {
         max-height:none
        }
       }
       .title[data-v-fb14ae12] {
        font-weight:500
       }
       .icon-toolbar[data-v-fb14ae12] {
        width:210px;
        padding:9px 17px;
        transition:all .3s;
        border-right:1px solid rgba(0,0,0,.05)
       }
       .icon-toolbar.is-disabled[data-v-fb14ae12] {
        pointer-events:none
       }
       .icon-toolbar.is-open[data-v-fb14ae12] {
        flex:0 0 470px;
        width:470px
       }
       .icon-workspace[data-v-fb14ae12] {
        flex:1;
        padding:30px 0 0 30px;
        transition:all .3s
       }
       .related-icons-wrap[data-v-fb14ae12],
       .similar-icons-wrap[data-v-fb14ae12] {
        padding-right:15px
       }
       @media(max-width:365px) {
        .related-icons-wrap[data-v-fb14ae12],
        .similar-icons-wrap[data-v-fb14ae12] {
         padding-right:0
        }
       }
       .related-icons-wrap.is-expanded[data-v-fb14ae12],
       .similar-icons-wrap.is-expanded[data-v-fb14ae12] {
        height:100%
       }
       .sidebar-content-icons[data-v-fb14ae12] {
        transition:all .3s
       }
       .sidebar-content-icons .app-tabs-content[data-v-fb14ae12] {
        display:flex;
        width:100%;
        position:relative
       }
       .sidebar-content-icons .is-accordion[data-v-fb14ae12]> .app-tabs-header {
        flex-wrap:nowrap
       }
       .icon-toolbar-fade-enter[data-v-fb14ae12],
       .icon-toolbar-fade-leave-to[data-v-fb14ae12] {
        width:0;
        opacity:0;
        padding-left:0;
        padding-right:0
       }

       @media(min-width:1024px) {
        .mobile-only[data-v-6612feea] {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only[data-v-6612feea] {
         display:none!important
        }
       }
       @-webkit-keyframes spin-data-v-6612feea {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       @keyframes spin-data-v-6612feea {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       .grid-icons[data-v-6612feea] {
        display:grid;
        grid-template-columns:repeat(auto-fill,136px);
        grid-auto-rows:auto
       }
       .ads-ss[data-v-6612feea] {
        grid-column-start:1;
        grid-column-end:-1;
        width:100%;
        padding:15px 0 12px;
        overflow:hidden
       }
       .ads-ss[data-v-6612feea]:empty {
        display:none
       }
       @media(max-width:768px) {
        .ads-ss[data-v-6612feea] {
         max-width:100%!important
        }
       }
       .ads-carbon-horizontal_fixed[data-v-6612feea] {
        grid-column-start:-3;
        grid-column-end:-1;
        grid-row-start:1
       }
       #app-accordion[data-v-6612feea] {
        grid-column-start:1;
        grid-column-end:-1;
        margin:15px 0
       }

       #app-accordion {
        display: none;
       }
       






       @-webkit-keyframes spin-data-v-4abe17eb {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       @keyframes spin-data-v-4abe17eb {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       [data-v-4abe17eb]:root {
        --c-white:#fff;
        --c-transparent-black_100:rgba(0,0,0,0.03);
        --c-transparent-black_200:rgba(0,0,0,0.08);
        --c-transparent-black_300:rgba(0,0,0,0.15);
        --c-transparent-black_400:rgba(0,0,0,0.26);
        --c-transparent-black_500:rgba(0,0,0,0.4);
        --c-transparent-black_600:rgba(0,0,0,0.55);
        --c-transparent-black_700:rgba(0,0,0,0.7);
        --c-transparent-black_800:rgba(0,0,0,0.8);
        --c-transparent-black_900:rgba(0,0,0,0.9);
        --c-black_100:#f7f7f7;
        --c-black_200:#ebebeb;
        --c-black_300:#d9d9d9;
        --c-black_400:#bdbdbd;
        --c-black_500:#999;
        --c-black_600:#737373;
        --c-black_700:#4d4d4d;
        --c-black_800:#333;
        --c-black_900:#1a1a1a;
        --c-green_100:#e7f9eb;
        --c-green_200:#c3efcd;
        --c-green_300:#88dd9f;
        --c-green_400:#47d16c;
        --c-green_500:#1fb141;
        --c-green_600:#189a2e;
        --c-green_700:#0d731e;
        --c-green_800:#085e16;
        --c-green_900:#04490f;
        --c-red_100:#ffe3e3;
        --c-red_200:#ffbdbd;
        --c-red_300:#ff9b9b;
        --c-red_400:#f86a6a;
        --c-red_500:#ef4e4e;
        --c-red_600:#e12d39;
        --c-red_700:#cf1124;
        --c-red_800:#ab091e;
        --c-red_900:#8a041a;
        --c-yellow_100:#fffbea;
        --c-yellow_200:#fff3c4;
        --c-yellow_300:#fce588;
        --c-yellow_400:#fadb5f;
        --c-yellow_500:#f7c948;
        --c-yellow_600:#f0b429;
        --c-yellow_700:#de911d;
        --c-yellow_800:#cb6e17;
        --c-yellow_900:#b44d12;
        --c-blue_100:#e6f6ff;
        --c-blue_200:#bae3ff;
        --c-blue_300:#7cc4fa;
        --c-blue_400:#47a3f3;
        --c-blue_500:#2186eb;
        --c-blue_600:#0967d2;
        --c-blue_700:#0552b5;
        --c-blue_800:#03449e;
        --c-blue_900:#01337d;
        --c-body:var(--c-white);
        --c-text:var(--c-black_900);
        --spacer-2xs:0.25rem;
        --spacer-xs:0.5rem;
        --spacer-sm:1rem;
        --spacer-base:1.5rem;
        --spacer-lg:2rem;
        --spacer-xl:2.5rem;
        --spacer-2xl:5rem;
        --spacer-3xl:10rem
       }
       @media(min-width:1024px) {
        .mobile-only[data-v-4abe17eb] {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only[data-v-4abe17eb] {
         display:none!important
        }
       }
       [data-v-4abe17eb]:root {
        --font-family-primary:"Roboto",serif;
        --font-family-secondary:"Raleway",sans-serif;
        --font-family-legacy:"Inter",sans-serif;
        --font-light:300;
        --font-normal:400;
        --font-medium:500;
        --font-semibold:600;
        --font-bold:700;
        --font-extra-bold:800;
        --font-extra-extra-bold:900;
        --font-2xs:0.625rem;
        --font-xs:0.75rem;
        --font-sm:0.875rem;
        --font-base:1rem;
        --font-lg:1.125rem;
        --font-xl:1.5rem;
        --h1-font-size:2rem;
        --h2-font-size:1.5rem;
        --h3-font-size:1rem;
        --h4-font-size:0.875rem;
        --h5-font-size:0.75rem;
        --h6-font-size:0.75rem;
        --h1-line-height:40px;
        --h2-line-height:32px;
        --h3-line-height:24px;
        --h4-line-height:20px;
        --p-line-height:24px;
        --ui-14-line-height:20px;
        --font-h1:_font(--font-h1,var(--font-extra-extra-bold),var(--h1-font-size),var(--h1-line-height),var(--font-family-primary));
        --font-h2:_font(--font-h2,var(--font-bold),var(--h2-font-size),var(--h2-line-height),var(--font-family-primary));
        --font-h3:_font(--font-h3,var(--font-bold),var(--h3-font-size),var(--h3-line-height),var(--font-family-primary));
        --font-h4:_font(--font-h4,var(--font-bold),var(--h4-font-size),var(--h4-line-height),var(--font-family-primary));
        --font-p:_font(--font-p,var(--font-normal),var(--font-base),var(--p-line-height),var(--font-family-primary));
        --font-ui-14-regular:_font(--font-ui-14-regular,var(--font-normal),var(--font-sm),var(--ui-14-line-height),var(--font-family-primary))
       }
       @media(min-width:1024px) {
        [data-v-4abe17eb]:root {
         --h1-font-size:2.5rem;
         --h2-font-size:1.5rem;
         --h3-font-size:1.125rem;
         --h4-font-size:0.875rem;
         --h1-line-height:48px
        }
       }
       .loader[data-v-4abe17eb] {
        display:flex;
        justify-content:center;
        align-items:center
       }
       .icon-workspace[data-v-4abe17eb] {
        padding:17px 15px 10px 29px;
        width:100%;
        overflow:hidden;
        transition:all .3s
       }
       @media(max-width:930px) {
        .icon-workspace[data-v-4abe17eb] {
         padding:30px 35px 10px
        }
       }
       @media(max-width:600px) {
        .icon-workspace[data-v-4abe17eb] {
         padding:30px 20px 10px
        }
       }
       .icon-workspace .content[data-v-4abe17eb] {
        text-align:center;
        display:flex;
        padding-bottom:25px
       }
       @media(max-width:460px) {
        .icon-workspace .content[data-v-4abe17eb] {
         flex-direction:column;
         height:auto
        }
       }
       .icon-workspace[data-v-4abe17eb]  h1 {
        font-size:32px;
        font-weight:700;
        letter-spacing:.5px;
        line-height:40px;
        text-align:left;
        margin-top:0;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis
       }
       @media(max-width:460px) {
        .icon-workspace[data-v-4abe17eb]  h1 {
         white-space:normal
        }
       }
       .icon-workspace .title[data-v-4abe17eb] {
        color:#000;
        font-size:32px;
        font-weight:600;
        line-height:40px;
        margin-bottom:2px
       }
       .icon-workspace .link-category[data-v-4abe17eb],
       .icon-workspace .link-title[data-v-4abe17eb] {
        font-size:16px;
        line-height:19px;
        display:inline-block;
        color:#333;
        margin-bottom:16px;
        margin-right:4px;
        transition:opacity .4s;
        letter-spacing:-.01em
       }
       @media(max-width:1350px) {
        .icon-workspace .link-category[data-v-4abe17eb],
        .icon-workspace .link-title[data-v-4abe17eb] {
         margin-bottom:20px
        }
       }
       .icon-workspace .link-title[data-v-4abe17eb]:hover {
        opacity:.8
       }
       @media(max-width:570px) {
        .icon-workspace .link-category[data-v-4abe17eb] {
         margin-bottom:0
        }
       }
       .icon-workspace .icon[data-v-4abe17eb] {
        position:relative;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:7px;
        margin:0 auto;
        background:#fff;
        box-shadow:0 2px 24px rgba(0,0,0,.05);
        border-radius:8px
       }
       .icon-workspace .icon.is-white[data-v-4abe17eb] {
        background:#ccc
       }
       @media(max-width:460px) {
        .icon-workspace .icon[data-v-4abe17eb] {
         margin:30px auto;
         width:206px;
         height:206px
        }
        .icon-workspace .icon .app-icon[data-v-4abe17eb] {
         position:absolute;
         max-width:100%;
         max-height:100%
        }
       }
       .icon-workspace .icon>.app-icon[data-v-4abe17eb],
       .icon-workspace .icon>.app-icon[data-v-4abe17eb] >svg {
        width:100%;
        height:100%
       }
       .icon-workspace .icon>.app-icon[data-v-4abe17eb] >img {
        width:100%!important;
        height:100%!important
       }
       .icon-workspace .download-app[data-v-4abe17eb] {
        display:block;
        margin-top:2px
       }
       .icon-workspace .download-app>img[data-v-4abe17eb] {
        width:45%
       }
       .left-side-workspace[data-v-4abe17eb] {
        position:relative;
        margin-bottom:8px
       }
       .left-side-workspace[data-v-4abe17eb]:before {
        content:"";
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        z-index:0
       }
       @media(max-width:768px) {
        .left-side-workspace[data-v-4abe17eb]:before {
         display:none
        }
       }
       .left-side-workspace.is-open[data-v-4abe17eb]:before {
        display:none
       }
       @media(max-width:460px) {
        .left-side-workspace[data-v-4abe17eb] {
         margin-bottom:20px
        }
       }
       .right-side-workspace[data-v-4abe17eb] {
        display:flex;
        flex-direction:column;
        text-align:left;
        margin:0 0 0 40px;
        transition:all .5s;
        width:100%;
        z-index:1
       }
       @media(max-width:1300px) {
        .right-side-workspace.is-opacity[data-v-4abe17eb] {
         display:none
        }
       }
       @media(max-width:930px) {
        .right-side-workspace[data-v-4abe17eb] {
         margin-left:0;
         padding-left:20px;
         width:auto
        }
       }
       @media(max-width:570px) {
        .right-side-workspace[data-v-4abe17eb] {
         max-width:372px
        }
       }
       .right-side-workspace .download-icon[data-v-4abe17eb] {
        margin:0 auto 0 0
       }
       .right-side-workspace .download-icon.is-compact[data-v-4abe17eb] {
        display:flex
       }
       @media(max-width:460px) {
        .right-side-workspace .download-icon.is-compact[data-v-4abe17eb] {
         display:none
        }
       }
       .right-side-workspace .download-icon[data-v-4abe17eb]  .button {
        margin-left:0;
        margin-bottom:8px
       }
       @media(max-width:460px) {
        .right-side-workspace .download-icon[data-v-4abe17eb]  .button-group-item {
         margin-right:0
        }
       }
       .wrap-link[data-v-4abe17eb] {
        white-space:nowrap;
        font-weight:500;
        text-overflow:ellipsis;
        overflow:hidden;
        width:80%;
        z-index:1
       }
       @media(max-width:460px) {
        .wrap-link[data-v-4abe17eb] {
         display:none
        }
       }
       .wrap-link[data-v-4abe17eb]  svg,
       .wrap-link svg[data-v-4abe17eb] {
        width:12px;
        height:12px;
        margin:0 -1px -2px
       }
       .wrap-link-mobile[data-v-4abe17eb] {
        z-index:1;
        display:none;
        text-align:left;
        text-align:initial;
        padding-left:20px
       }
       @media(max-width:460px) {
        .wrap-link-mobile[data-v-4abe17eb] {
         display:block;
         padding:0;
         margin-top:25px;
         margin-bottom:-25px
        }
       }
       .wrap-link-mobile[data-v-4abe17eb]  svg,
       .wrap-link-mobile svg[data-v-4abe17eb] {
        width:12px;
        height:12px
       }
       .icon-player-wrap[data-v-4abe17eb] {
        position:relative;
        box-shadow:0 2px 24px rgba(0,0,0,.05);
        margin:0 auto;
        width:186px
       }
       @media(max-width:460px) {
        .icon-player-wrap[data-v-4abe17eb] {
         margin:30px auto;
         width:206px;
         height:206px
        }
       }
       .icon-player[data-v-4abe17eb] {
        width:100%;
        height:100%;
        background:#fff
       }
       .animated-menu[data-v-4abe17eb] {
        transform:translateY(-50%)
       }
       .animated-menu>.i8-tab[data-v-4abe17eb] {
        padding-top:0;
        padding-bottom:5px
       }
       @media(max-width:460px) {
        .animated-menu[data-v-4abe17eb] {
         display:none
        }
       }
       .author[data-v-4abe17eb] {
        margin-bottom:16px;
        margin-top:-5px;
        z-index:1
       }
       @media(max-width:460px) {
        .author.desktop[data-v-4abe17eb] {
         display:none
        }
       }
       .author .author-link[data-v-4abe17eb] {
        display:flex;
        align-items:center
       }
       .author .author-logo[data-v-4abe17eb] {
        height:24px;
        width:24px;
        border-radius:100%
       }
       .author .author-name[data-v-4abe17eb] {
        margin-left:12px;
        color:#333;
        color:var(--c-black_800);
        font:var(--font-semibold) var(--font-base)/var(--h4-line-height) var(--font-family-legacy);
        font:var(--author-name-workspace,var(--author-name-workspace-weight,var(--font-semibold)) var(--author-name-workspace-size,var(--font-base))/var(--author-name-workspace-line-height,var(--h4-line-height)) var(--author-name-workspace-family,var(--font-family-legacy)))
       }
       





       @media(min-width:1024px) {
        .mobile-only {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only {
         display:none!important
        }
       }
       .effects-panel {
        width:101.5%
       }
       .effects-panel.is-color-panel+.controller-effects {
        display:none
       }
       .effects-panel .title {
        font-size:14px;
        font-weight:600;
        color:#000;
        line-height:16px;
        display:inline-block;
        padding-bottom:8px
       }
       .effects-panel .field {
        width:100%;
        padding:0 0 15px;
        color:#4a4a4a;
        line-height:0
       }
       .effects-panel .field.is-bottom-border {
        border-bottom:1px solid rgba(0,0,0,.05);
        margin-bottom:15px
       }
       .effects-panel .field.is-flex {
        display:flex;
        align-items:center;
        justify-content:space-between
       }
       .effects-panel .field.is-flex .title {
        padding:0
       }
       .effects-panel .field.is-flex.justify-content-start {
        justify-content:flex-start
       }
       .effects-panel .field:last-child {
        border-bottom:none;
        margin-bottom:10px
       }
       .effects-panel .field.pb-none {
        padding-bottom:0
       }
       .effects-panel .field.fill-set-padding {
        padding-top:8px
       }
       .effects-panel .range-slider {
        align-items:center
       }
       .effects-panel .range-slider input.input {
        order:1;
        width:53px;
        height:32px;
        margin-right:0;
        margin-left:10px
       }
       .effects-panel .range-slider .range-slider-content {
        width:100px
       }
       .effects-panel input,
       .effects-panel select,
       .effects-panel textarea {
        border:none;
        height:40px;
        line-height:40px;
        font-size:14px;
        font-weight:600;
        padding:0 16px;
        width:100%
       }
       .effects-panel input.switch {
        position:absolute;
        left:0;
        width:100%;
        height:100%
       }
       .effects-panel textarea {
        max-width:215px;
        max-height:300px
       }
       .effects-panel label {
        display:inline-block;
        line-height:16px;
        font-size:14px;
        font-weight:600
       }
       .effects-panel .change-colors {
        display:flex
       }
       .effects-panel .change-colors .palete,
       .effects-panel .change-colors .picker {
        width:28px;
        height:28px;
        background-size:27px auto;
        background-repeat:no-repeat;
        background-position:50%;
        margin:5px;
        cursor:pointer
       }
       .effects-panel .change-colors .palete {
        background-size:31px auto;
        background-image:url("data:image/png;base64,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")
       }
       .effects-panel .change-colors .picker {
        background-size:25px auto;
        background-image:url("data:image/png;base64,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")
       }
       .effects-panel .app-select.app-popup {
        font-weight:600;
        font-size:18px;
        color:#000;
        width:auto;
        display:inline-block;
        margin:0 0 -7px -8px
       }
       .effects-panel .app-select.app-popup .app-select-content {
        max-width:100px;
        text-overflow:ellipsis
       }
       .effects-panel .button {
        background:#28b351;
        border-color:#28b351;
        font-size:14px;
        font-weight:600;
        height:32px;
        line-height:32px;
        padding:0 12px;
        min-width:auto
       }
       .effects-panel .button:hover {
        background-color:#24a249;
        border-color:#24a249
       }
       .effects-panel .button.is-inactive {
        color:#000;
        background:transparent;
        border:none
       }
       @-webkit-keyframes spin {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       @keyframes spin {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       .effects-sliding {
        position:relative;
        display:flex
       }
       @media(max-width:600px) {
        .effects-sliding {
         display:none
        }
       }
       .effects-sliding .cancel-button {
        z-index:1;
        font-size:14px;
        padding:5px 7px;
        font-weight:600;
        color:#8c8c8e;
        display:inline-block;
        margin-left:14px;
        cursor:pointer
       }
       .effect-modal-options {
        position:relative;
        padding:0 0 0 15px;
        order:1;
        flex:0 0 220px;
        max-width:220px;
        transition:filter .3s,opacity .4s
       }
       .effect-modal-options.is-loading:after {
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-1.5rem;
        margin-left:-1.5rem;
        width:3rem;
        height:3rem;
        border-radius:50%;
        border:2px solid rgba(92,163,253,.2);
        border-top-color:rgba(92,163,253,.8);
        -webkit-animation:spin 1s linear infinite;
        animation:spin 1s linear infinite
       }
       .effect-modal-options.is-disabled {
        opacity:.8
       }
       .effect-sliding-preview {
        position:absolute;
        left:100%;
        top:0;
        padding:7px;
        z-index:2;
        line-height:0;
        margin-left:47px;
        margin-top:21px
       }
       @media(max-width:1000px) {
        .effect-sliding-preview {
         margin-left:50px
        }
       }
       .effect-sliding-preview:before {
        content:"";
        position:absolute;
        top:6px;
        bottom:6px;
        left:6px;
        right:6px;
        border:1px solid #ccbeff;
        z-index:-1
       }
       .preview-canvas {
        background:#fff
       }
       .preview-canvas.is-white {
        background:none
       }
       .effect-sliding-preview-text {
        margin-bottom:4px;
        display:inline-block;
        font-size:14px;
        color:#4a4a4a
       }
       .effect-sliding-preview-header {
        padding:.5rem 0 1.25rem;
        text-align:center
       }
       .effect-sliding-preview-header.is-right {
        float:right
       }
       .effect-sliding-preview-icon {
        display:inline-block;
        width:2.5rem;
        height:2.5rem;
        line-height:2.25rem;
        box-shadow:0 1px 3px rgba(0,0,0,.2)
       }
       .effect-sliding-preview-icon>svg {
        width:100%;
        height:100%
       }
       .controller-effects {
        display:flex;
        justify-content:flex-start;
        align-items:center;
        width:100%;
        color:#4a4a4a;
        margin:10px 0
       }
       .controller-effects .button {
        background:#28b351;
        border-color:#28b351;
        font-size:14px;
        font-weight:600;
        height:32px;
        line-height:32px;
        padding:0 16px;
        min-width:50%
       }
       .controller-effects .button:hover {
        background-color:#24a249;
        border-color:#24a249
       }
       .controller-effects .button.is-inactive {
        pointer-events:none
       }
       .effects-menu.is-load:after {
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-1.5rem;
        margin-left:-1.5rem;
        width:3rem;
        height:3rem;
        border-radius:50%;
        border:2px solid rgba(92,163,253,.2);
        border-top-color:rgba(92,163,253,.8);
        -webkit-animation:spin 1s linear infinite;
        animation:spin 1s linear infinite
       }
       .field.effect-option-enter-active,
       .field.effect-option-leave-active {
        transition:all .5s ease,opacity .3s ease .2s
       }
       .field.effect-option-enter,
       .field.effect-option-leave-to {
        min-height:0;
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:all .5s ease,opacity .3s ease
       }
       .fade-enter-active,
       .fade-leave-active {
        transition:opacity .5s
       }
       .fade-enter,
       .fade-leave-to {
        opacity:0
       }

       





       @media(min-width:1024px) {
        .mobile-only {
         display:none!important
        }
       }
       @media(max-width:1023px) {
        .desktop-only {
         display:none!important
        }
       }
       .effects-panel {
        width:101.5%
       }
       .effects-panel.is-color-panel+.controller-effects {
        display:none
       }
       .effects-panel .title {
        font-size:14px;
        font-weight:600;
        color:#000;
        line-height:16px;
        display:inline-block;
        padding-bottom:8px
       }
       .effects-panel .field {
        width:100%;
        padding:0 0 15px;
        color:#4a4a4a;
        line-height:0
       }
       .effects-panel .field.is-bottom-border {
        border-bottom:1px solid rgba(0,0,0,.05);
        margin-bottom:15px
       }
       .effects-panel .field.is-flex {
        display:flex;
        align-items:center;
        justify-content:space-between
       }
       .effects-panel .field.is-flex .title {
        padding:0
       }
       .effects-panel .field.is-flex.justify-content-start {
        justify-content:flex-start
       }
       .effects-panel .field:last-child {
        border-bottom:none;
        margin-bottom:10px
       }
       .effects-panel .field.pb-none {
        padding-bottom:0
       }
       .effects-panel .field.fill-set-padding {
        padding-top:8px
       }
       .effects-panel .range-slider {
        align-items:center
       }
       .effects-panel .range-slider input.input {
        order:1;
        width:53px;
        height:32px;
        margin-right:0;
        margin-left:10px
       }
       .effects-panel .range-slider .range-slider-content {
        width:100px
       }
       .effects-panel input,
       .effects-panel select,
       .effects-panel textarea {
        border:none;
        height:40px;
        line-height:40px;
        font-size:14px;
        font-weight:600;
        padding:0 16px;
        width:100%
       }
       .effects-panel input.switch {
        position:absolute;
        left:0;
        width:100%;
        height:100%
       }
       .effects-panel textarea {
        max-width:215px;
        max-height:300px
       }
       .effects-panel label {
        display:inline-block;
        line-height:16px;
        font-size:14px;
        font-weight:600
       }
       .effects-panel .change-colors {
        display:flex
       }
       .effects-panel .change-colors .palete,
       .effects-panel .change-colors .picker {
        width:28px;
        height:28px;
        background-size:27px auto;
        background-repeat:no-repeat;
        background-position:50%;
        margin:5px;
        cursor:pointer
       }
       .effects-panel .change-colors .palete {
        background-size:31px auto;
        background-image:url("data:image/png;base64,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")
       }
       .effects-panel .change-colors .picker {
        background-size:25px auto;
        background-image:url("data:image/png;base64,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")
       }
       .effects-panel .app-select.app-popup {
        font-weight:600;
        font-size:18px;
        color:#000;
        width:auto;
        display:inline-block;
        margin:0 0 -7px -8px
       }
       .effects-panel .app-select.app-popup .app-select-content {
        max-width:100px;
        text-overflow:ellipsis
       }
       .effects-panel .button {
        background:#28b351;
        border-color:#28b351;
        font-size:14px;
        font-weight:600;
        height:32px;
        line-height:32px;
        padding:0 12px;
        min-width:auto
       }
       .effects-panel .button:hover {
        background-color:#24a249;
        border-color:#24a249
       }
       .effects-panel .button.is-inactive {
        color:#000;
        background:transparent;
        border:none
       }
       @-webkit-keyframes spin {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       @keyframes spin {
        0% {
         transform:rotate(0deg)
        }
        to {
         transform:rotate(1turn)
        }
       }
       .effects-sliding {
        position:relative;
        display:flex
       }
       @media(max-width:600px) {
        .effects-sliding {
         display:none
        }
       }
       .effects-sliding .cancel-button {
        z-index:1;
        font-size:14px;
        padding:5px 7px;
        font-weight:600;
        color:#8c8c8e;
        display:inline-block;
        margin-left:14px;
        cursor:pointer
       }
       .effect-modal-options {
        position:relative;
        padding:0 0 0 15px;
        order:1;
        flex:0 0 220px;
        max-width:220px;
        transition:filter .3s,opacity .4s
       }
       .effect-modal-options.is-loading:after {
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-1.5rem;
        margin-left:-1.5rem;
        width:3rem;
        height:3rem;
        border-radius:50%;
        border:2px solid rgba(92,163,253,.2);
        border-top-color:rgba(92,163,253,.8);
        -webkit-animation:spin 1s linear infinite;
        animation:spin 1s linear infinite
       }
       .effect-modal-options.is-disabled {
        opacity:.8
       }
       .effect-sliding-preview {
        position:absolute;
        left:100%;
        top:0;
        padding:7px;
        z-index:2;
        line-height:0;
        margin-left:47px;
        margin-top:21px
       }
       @media(max-width:1000px) {
        .effect-sliding-preview {
         margin-left:50px
        }
       }
       .effect-sliding-preview:before {
        content:"";
        position:absolute;
        top:6px;
        bottom:6px;
        left:6px;
        right:6px;
        border:1px solid #ccbeff;
        z-index:-1
       }
       .preview-canvas {
        background:#fff
       }
       .preview-canvas.is-white {
        background:none
       }
       .effect-sliding-preview-text {
        margin-bottom:4px;
        display:inline-block;
        font-size:14px;
        color:#4a4a4a
       }
       .effect-sliding-preview-header {
        padding:.5rem 0 1.25rem;
        text-align:center
       }
       .effect-sliding-preview-header.is-right {
        float:right
       }
       .effect-sliding-preview-icon {
        display:inline-block;
        width:2.5rem;
        height:2.5rem;
        line-height:2.25rem;
        box-shadow:0 1px 3px rgba(0,0,0,.2)
       }
       .effect-sliding-preview-icon>svg {
        width:100%;
        height:100%
       }
       .controller-effects {
        display:flex;
        justify-content:flex-start;
        align-items:center;
        width:100%;
        color:#4a4a4a;
        margin:10px 0
       }
       .controller-effects .button {
        background:#28b351;
        border-color:#28b351;
        font-size:14px;
        font-weight:600;
        height:32px;
        line-height:32px;
        padding:0 16px;
        min-width:50%
       }
       .controller-effects .button:hover {
        background-color:#24a249;
        border-color:#24a249
       }
       .controller-effects .button.is-inactive {
        pointer-events:none
       }
       .effects-menu.is-load:after {
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-1.5rem;
        margin-left:-1.5rem;
        width:3rem;
        height:3rem;
        border-radius:50%;
        border:2px solid rgba(92,163,253,.2);
        border-top-color:rgba(92,163,253,.8);
        -webkit-animation:spin 1s linear infinite;
        animation:spin 1s linear infinite
       }
       .field.effect-option-enter-active,
       .field.effect-option-leave-active {
        transition:all .5s ease,opacity .3s ease .2s
       }
       .field.effect-option-enter,
       .field.effect-option-leave-to {
        min-height:0;
        max-height:0;
        overflow:hidden;
        opacity:0;
        transition:all .5s ease,opacity .3s ease
       }
       .fade-enter-active,
       .fade-leave-active {
        transition:opacity .5s
       }
       .fade-enter,
       .fade-leave-to {
        opacity:0
       }
       


       .grid-icon__title {
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
        transition: all .2s ease;
        max-height: 26px;
        line-height: 20px;
        font-size: 14px;
        color: rgba(51,51,51,.5);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      
      
      .grid-icon__collection {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 24px;
        width: 91%;
        position: absolute;
        bottom: 6px;
        left: 4.5%;
        right: 4.5%;
        background: transparent;
        border-radius: 4px;
        font-size: 14px;
        line-height: 36px;
        color: #333;
        transition: all .2s ease;
        opacity: 0;
      }
      
      
      .grid-icon__collection-icon {
        display: inline-block;
        position: relative;
        font-size: 24px;
        line-height: 18px;
        width: 16px;
        height: 16px;
        top: -1px;
        margin-right: 5px;
      }
      
      .grid-icon__collection-icon svg {
        width: 11px;
        height: 11px;
        margin: 2.5px;
      }

      .main-right {
        float: right;
        width: 25%;
      }
      
      
      .main-body{
          float: left;
          width: 74%;
    }

    .asideprofile{
        box-shadow: 0 21px 27px rgba(0, 0, 0, 0.02), inset 0 1px 0 rgba(218, 218, 218, 0.24);
            border-radius: 21px;
            padding: 16px 24px 15px 24px;
    }

    .main-body .imgbox {

    background-color: #fff;
box-shadow: inset 6px 5px 58px rgba(0, 0, 0, 0.13);
padding: 2em;
border-radius: 15px;
position: relative;
}

    .main-body img {
        width: 100%;
    }