.logo-image, .logo-image-phone{
    height: auto !important;
}
/* login popup*/
.shape:not([class*=shape-blur]) {
    overflow: hidden;
}
.shape-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.shape {
    position: absolute;
    pointer-events: none;
}
.shape:not([class*=shape-blur])>* {
    -webkit-transform: scale(2);
    transform: scale(2);
}
.shape-fluid-y>* {
    width: auto;
    height: 100%;
}
.shape-right>* {
    position: inherit;
    top: inherit;
    bottom: inherit;
    right: inherit;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.shape>* {
    display: block;
}

.form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}
.form-check-input {
    margin-right: -1.25rem;
	margin-left: 0;
}

/* page*/


.jlcontentfieldsfilter .chzn-container .chzn-drop {
    left: auto;
    right: -9999px;
}
.jlcontentfieldsfilter .chzn-container.chzn-with-drop .chzn-drop{
    right: 0;
    left: auto;
}
.jlcontentfieldsfilter .chzn-container-single.chzn-container-single-nosearch .chzn-search {
   left: auto;
    right: -9999px;
}
.jlmf-link-btn{
    display: inline-block;
}

.chzn-container .chzn-drop {
    left: auto;
    right: -9999px;
}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
    left: auto;
    right: -9999px;
}
.chzn-container.chzn-with-drop .chzn-drop{
    left: auto;
    right: 0;
}
/* hiden sidebar */
.com-content.view-category.nosidebar #sp-right {
    display: none;
}
.com-content.view-category.nosidebar #sp-component .col-md-9, .view-category.nosidebar #sp-component {
  max-width: 100%;
}

.signup .input-group-text, #jform_com_fields_author-lbl, #jform_com_fields_author, #member-registration > fieldset:nth-child(1) > div > div:nth-child(5), .users-profile-custom-actionlogs, .users-profile-custom-fields-0, #users-profile-core, #member-registration > fieldset:nth-child(2) > div > div, #member-registration > fieldset:nth-child(3) > div {
    display: none;
}

.signup .page-header {
    text-align: center;
}
.signup p {
    font-size: 20px;
    font-weight: 300;
    line-height: 2;
}
.form-control {
    font-weight: 300;
}
.modal-content input {
   padding: 15px 50px 15px 15px !important;
   font-weight: 300;
}

/* slider*/
.sppb-carousel-extended-item img {
    object-fit: cover !important;
}
.page-template-page-home {
    background-image: url(../images/bg.svg);
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: 100% auto;
}
.sp-slider .sp-item .sp-background {
    right: auto;
    left: 0;
    top: -5px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
	position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: calc(50.5% + 20vw);
    width: 67%;
    z-index: 0;
    border-radius: 0 0 70px 0;
    transform: rotate(
-10deg
);
    transform-origin: left bottom;
    background: #f5f8fc;
    background-size: cover;
}
.sp-slider .sp-dots {
    bottom: -150px !important;
}


.sp-slider .image-slider img, .sp-slider .image-slider-shadow img {
    position: relative;
	width: auto !important;
    height: auto !important;
}
    position: relative;
}
.sp-slider .image-slider {
    position: absolute;
    left: 0;
    top: -50px;
	z-index: 1;
}
.sp-slider .image-slider img {
    opacity: 0.1;
}
.sp-slider .image-slider-shadow {
    position: absolute;
    left: -15px;
    top: -175px;
	z-index: -9;
}

.sppb-carousel-extended-list {
    direction: ltr;
}
/* header*/
#sp-header {
    background: white;
    position: relative;
    width: 90%;
	margin: 15px auto 0 auto;
	z-index: 999;
	padding: 10px !important;
}
#sp-top {
    width: 90%;
	margin: 0 auto;
}
#sp-header {
  border-radius: 10px;
  align-items: center;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
}
.homepage #sp-header.header-sticky {
    position: fixed;
}

#sp-menu-right .search input::placeholder {
  color: #000000 !important;
}
#sp-menu-right .search input:focus {
    background: #fbfbfb !important;
	border: 1px solid #fbfbfb !important;
    color: #000000!important;
}
#sp-menu-right .search input {
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 40px;
    color: #a50e6e;
    padding: .475rem 1.5rem;
}
/*#sp-menu-right .search:after {
    content: "\f002";
    font-size: 20px;
    color: #000000;
    font-family: fontawesome;
    position: absolute;
    top: 10px;
    left: 150px;
    pointer-events: none;
    line-height: 60px;
    z-index: 999;
} */





/* profile card*/
.card-box-title {
    font-weight: 400;
	font-size: 20px;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.card-box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 10px 30px rgba(28,76,156,.15);
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
}	
.card-stats .card-box-header {
    float: left;
    text-align: center;
	color: #FFFFFF;
}
.card-stats .card-box-header i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
}
.card-stats .card-box-header {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin: -20px 15px 0;
    border-radius: 5px;
    padding: 15px;
    background-color: #999999;
    position: relative;
}
.card-stats .card-box-header.orange, .header_detail .btn-warning {
    background: linear-gradient(60deg, #fecc05, #fdb603);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.card-stats .card-box-header.rose, .header_detail .btn-success {
    background: linear-gradient(60deg, #ec407a, #9944a7);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
.card-stats .card-box-header.green, .header_detail .btn-danger {
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.card-stats .card-box-header.blue, .header_detail .btn-info {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.card-stats .card-box-content {
    text-align: right;
    padding-top: 10px;
}
.card-box .card-box-content {
    padding: 15px 20px;
    position: relative;
}
.card-box .card-box-content .category {
    margin-bottom: 0;
}
.card-box .card-box-footer {
    margin: 0 20px 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}
.card-box .card-box-footer .stats {
    line-height: 22px;
    color: #999999;
    font-size: 12px;
}
.card-box .card-box-footer div {
    display: inline-block;
}
.card-box .card-box-footer .stats .fa {
    position: relative;
    top: 4px;
    font-size: 16px;
}




.sidebarprofile {
    width: 100%;
    color: #fff;
    background-color: #28313b;
    background-image: linear-gradient(45deg, #485461 0%, #28313b 74%);
	background: url(../images/default/wave-two.png) no-repeat top left #2b2f3e;
    background-size: contain;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(28, 76, 156, .2);
}
.sidebarprofile .avatar {
    text-align: center;
}
.sidebarprofile .avatar img {
    width: 47%;
	margin: 0 auto;
    border: 3px solid #2b2f3e;
    margin-top: 15px;
    border-radius: 100%;
    max-width: 180px;
    height: auto;
}
.sidebarprofileright .avatar img {
	margin-top: 0;
    width: auto;
}
.bvtaba {
    padding: 10px 50px 10px 15px !important;
    display: block;
    margin: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 100;
    line-height: 28px;
    color: #fff;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 26px;
}
.sidebarprofile a {
    color: #fff !important;
}
.bvtaba:hover {
    background-color: rgba(200, 200, 200, .2);
}
.sidebarprofile ul {
    padding: 0;
    list-style-type: none;
}
.login-tab {
    background-image: url(../images/profile/login.svg);
}
.edit-profile-tab {
    background-image: url(../images/profile/user.svg);
}
.invoice-tab {
    background-image: url(../images/profile/invoice.svg);
}
.download-tab {
    background-image: url(../images/profile/download.svg);
}
.docdownload-tab {
    background-image: url(../images/profile/docdownload.svg);
}
.submit-tab {
    background-image: url(../images/profile/submit.svg);
}
.tickets-tab{
    background-image: url(../images/profile/tickets.svg);
}
.affiliate-tab{
    background-image: url(../images/profile/affiliate.svg);
}
.hosting-tab{
    background-image: url(../images/profile/hosting.svg);
}
.register-tab {
    background-image: url(../images/profile/register.svg);
}
.dashboard-tab {
    background-image: url(../images/profile/dashboard.svg);
}
.updates-tab {
    background-image: url(../images/profile/download.svg);
}
.courses-tab {
    background-image: url(../images/profile/learn.svg);
}
.licenses-tab {
    background-image: url(../images/profile/key.svg);
}
.exit-tab {
    background-image: url(../images/profile/logout.svg);
}
.comment-tab {
    background-image: url(../images/profile/comment.svg);
}
.point-tab {
    background-image: url(../images/profile/point.svg);
}




.right-bg:after {
display: block;
    width: 650px;
    height: 600px;
    border-radius: 30px;
    background-image: url(/sanaa/images/img/pages/home-hero-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
    /* transform: rotate(35deg); */
    position: absolute;
    top: 0%;
    right: -200px;
    content: '';
    z-index: -1;
}

.view-article #sp-main-body {
    padding: 30px 0;
}
.view-category #sp-main-body, .com-hikashop #sp-main-body, .com-kunena #sp-main-body, .com-communitysurveys #sp-main-body, .com-users #sp-main-body {
	width: 90%;
	margin: 0 auto;
}
.view-article #sp-header {
    position: relative;
}
.view-article #sp-header.header-sticky {
    position: fixed;
}

.article-introtex0t p {
    font-weight: 300;
    text-align: justify;
}
.articlebody-wrap {
    font-weight: 300;
    font-size: 18px;
    line-height: 2.2;
}


.section-half-rounded {
    padding-top: 3rem;
    padding-bottom: 20rem;
    background: 0 0;
    position: absolute;
    top: 420px;
    width: 100%;
}
.zindex-100 {
    z-index: 100!important;
}
.jumbotron.rounded-top-right {
    border-radius: 0 5rem 0 0!important;
}
.section-half-rounded .section-inner {
background: -o-linear-gradient(40deg,#306eff 0,#3030ff 100%)!important;
 background: linear-gradient(50deg,#306eff,#3030ff)!important;
position: absolute;
    bottom: 0;
    height: 100%;
    z-index: -2;
}
.jumbotron.rounded-top-right {
    border-radius: 5rem 0 0 0!important;
}

.overflow-hidden {
  overflow: hidden!important;
}

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: .375rem;
    width: 3rem;
    height: 3rem;
}


.view-category #kt{
    position: relative;
    padding: 0 15px 15px;
}






.w-10 {
    width: 10%!important;
}
.bottom-n3 {
    bottom: 2rem!important;
}
.left-n5 {
    left: -3rem!important;
}
.right-n5 {
    right: -3rem!important;
}
.top-n5 {
    top: -3rem!important;
}
.fill-primary {
    fill: #008aff!important;
}

.badge-page .sppb-addon-title {
    background-color: #a7368b;
    border-radius: 25px;
    display: inline-block;
	padding: 5px 15px;
}


/*.block-one:before {
    content: "";
    display: block;
    background: url(/experience-icon.jpg) no-repeat;
    width: 58px;
    height: 52px;
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 0;
}*/



.image-layout-preset-style-poster .sppb-addon-image-layout-content {
    margin: 0;
    text-align: right;
}
.sppb-addon-image-layout-content {
    padding: 0 40px 0 40px;
}






.mod-sppagebuilder .sppb-section {
    z-index: 0;
    position: relative;
}





#kt .kt-title-bar__title {
    font-size: 30px;
    font-weight: 400;
}
#kt .kt-dashboard-tab:after {
    position: relative;
}
#kt .kt-dashboard-tab .kt-dashboard-tab__item.is-active {
    border-bottom: none;
}
#kt .kt-comment-item-inner {
    background: transparent;
}
.kt-comment-message {
    background: #F3F6FB;
    min-height: 100px;
    border-radius: 22px;
    padding: 15px;
}
#kt .kt-comment-message, #kt .kt-comment-item-inner {
	margin-bottom: 0px;;
}
#kt .kt-editor-info {
    display: none;
}
.kmt-comment-item-author .kt-comment-message, .kmt-comment-item-admin .kt-comment-message {
    background: #2aba5f !important;
    color: #fff;
	min-height: 100px;
    border-radius: 22px;
    padding: 15px;
}
.kmt-comment-item-author .kt-comment-message p, .kmt-comment-item-admin .kt-comment-message p {
    color: #fff;
}


.gallary-section {
    background: #fdb743 linear-gradient(70deg, #fdb743, #E96791) repeat-x;
    box-shadow: 0 1rem 3.5rem rgba(0,0,0,.075);
}
.gallary-btn {
    border: 1px solid #e9ecef !important;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}

.gallary-style .caption {
    padding: 5px 15px 1px 15px;
}
.gallary-style .caption h3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}
.gallary-style .caption a {
color: #000000;
}
.gallary-style .caption a:hover, .gallary-style .caption a:focus, .gallary-style .caption a:active {
    color: #6217ce;
}
.gallary-style .thumbnail img {
    border-radius: 12px 12px 0 0;
	width: 100%;
}
.sppb-addon-article, .gallary-style .thumbnail {
	-webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
    box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
	border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background: #fff;
	transition: all .3s ease;
    position: relative;
	margin: 0 0 15px 0;
}

.gallary-style .thumbnail:before, .gallary-style .thumbnail:after, .archiveposts:before, .article-view .sppb-addon-article:before {
    content: "";
    border: 3px solid hsl(48deg 100% 51%);
	border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    width: 136px;
    height: 103px;
    position: absolute;
    z-index: -1;
    left: 1px;
    top: -15px;
}
.widget-section-title-purple .gallary-style .thumbnail:before, .widget-section-title-purple .gallary-style .thumbnail:after, .widget-section-title-purple .archiveposts:before {
    border: 3px solid hsl(315deg 51% 43%);
}
.gallary-style .thumbnail:after {
	border: 3px solid hsl(315deg 51% 43%);
    left: auto;
    top: auto;
    right: 42px;
    bottom: -32px;
}







.styled-title .sppb-addon-title:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 3px;
    background: linear-gradient(95.55deg,#ffcb06 4.25%,#ffd900 93.67%);
    bottom: 16px;
    right: 0;
}
.styled-title .sppb-addon-title {
    position: relative;
	padding-right: 20px;
}
.widget-section-title .sppb-title-heading{
    position: relative;
	display: inline-block;
}
.widget-section-title .sppb-title-heading:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 14px;
    right: 0;
    bottom: 0;
    background: #fecc05;
    opacity: .3;
}

.widget-section-title .sppb-section-title:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 69%;
    border-radius: 5px;
    transform: rotatez(11deg);
    right: 1px;
    top: 9px;
    z-index: 100;
    background: #fecc05;
}
.widget-section-title-purple .sppb-section-title:before, .widget-section-title-purple .sppb-title-heading:before {
    background: #a7368b;
}
#sp-page-builder .sppb-section-title {
    margin-bottom: 15px;
    padding-right: 20px;
}



.widget-title .sppb-addon-title:before, .widget-title .sppb-title-heading:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 33px;
    right: 4px;
    top: -7px;
    background: #ffd900;
    background-color: #ffd900;
    opacity: .3;
    border-radius: 8px;
    transform: rotateZ(30deg);
}
.footer-widgets-inner:before {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 30%;
    right: 30%;
    height: 15px;
    border-radius: 0 0 20px 20px;
    z-index: 0;
    background: #ffd900;
}





.archiveposts article a h5 {
    font-size: 16px;
	color: #000;
    font-weight: 400;
    line-height: 1.7;
    padding: 30px 20px 0 30px;
}
.archiveposts .tvboxthumbnail, .archiveposts .thumbnail {
    width: 32%;
    border-radius: 10px;
    margin: -30px 20px 0;
    float: right;
}
.tvboxthumbnail {
    position: relative;
    width: 95%;
    box-shadow: 0 2px 20px rgba(28,76,156,.15);
    margin: -40px auto 0;
    border-radius: 10px;
}
.archiveposts:hover, .home-post:hover {
    box-shadow: 0 29px 60px 0 rgba(54,57,73,.09);
    transition-duration: .3s;
}
.archiveposts a.post-link {
    margin: 45px 0;
    min-height: 122px;
    display: block;
    position: relative;
    background: #fff;
    transition-duration: .2s;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(28,76,156,.15);
}
.archiveposts .tvboxthumbnail img, .archiveposts .thumbnail img {
    width: 100%;
    display: block;
    margin: 0 !important;
    border-radius: 10px;
}
.post-more-arrow {
	position: relative;
    width: 16px;
    height: 16px;
    background: url(../images/arrow.svg) no-repeat center;
    background-size: contain;
}
.post-more {
    margin-top: 10px;
    background: blue;
    border-radius: 4px;
    padding: 6px;
    position: absolute;
    box-shadow: 0 10px 40px #86235d;
    background-color: #a53589;
    left: -14px;
    bottom: 20px;
}

.sppb-blocknumber-number{
    z-index: 10;
}

.sppb-blocknumber-number:before, .sppb-addon-animated-number.block-one:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    margin-top: -4px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/numbers.svg);
	z-index: -1;
}
.number2 .sppb-blocknumber-number:before {
    background-image: url(../images/numbers2.svg);
}
.state-numbers:before {
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 350px;
    z-index: -1;
    position: absolute;
    background: -moz-radial-gradient(center, ellipse cover, rgba(167 54 139 / 40%) 0%, rgba(255,255,255,0) 60%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(167 54 139 / 40%) 0%, rgba(255,255,255,0) 60%);
    background: radial-gradient(ellipse at center, rgb(167 54 139 / 40%) 0% 0%, rgba(255,255,255,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339ad9', endColorstr='#00ffff', GradientType=1);
}



.textBubble.userAcc {
    top: 500px;
    left: -10px;
    width: 150px;
    height: 70px;
    box-shadow: 26px 13px 130px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 26px 13px 130px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 26px 13px 130px rgba(0, 0, 0, 0.1);
}
.textBubble {
    width: 400px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position: absolute;
    z-index: 1000;
    box-shadow: 26px 13px 130px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 26px 13px 130px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 26px 13px 130px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    top: 400px;
    left: 170px;
    padding-right: 15px;
}
.textBubble.userAcc h2 {
    color: #a7368b;
    padding: 14px 30px 0 10px;
    background: url(../images/ico-user.svg) no-repeat 31px 23px;
	background-position: right;
	background-size: 25px;
    font-size: 20px;
}
.textBubble.userAcc h2 span {
    font-size: 15px;
}
.textBubble h5 {
    background: url(../images/ico-user.svg) no-repeat 25px 33px;
	background-size: 25px;
}
.textBubble h5 {
    padding: 35px 10px 10px 60px;
    margin-bottom: 0;
}
.textBubble h5 span {
    color: #ACADB7;
    font-size: 15px;
    margin-right: 8px;
}
.textBubble p {
    padding: 0 0 0 19px;
    color: #6C6D80;
    border-left: 4px solid #fec2ef;
    margin-left: 37px;
}



.intro-box .sppb-icon {
    background: #fff;
    border-radius: 50%;
    width: 50px;
    line-height: 45px;
    height: 50px;
    text-align: center;
}
.intro-box .other-icon .sppb-icon {
    background: #a53589;
}
.intro-box .sppb-icon .sppb-icon-container > i {
    line-height: 50px !important;
}





.article-social-share .facebook {
    background-color: #306199;
}
.article-social-share .twitter {
    background-color: #03A9F4;
}
.article-social-share .gplus {
    background-color: #e93f2e;
}
.article-social-share .linkedin {
    background-color: #0a88ff;
}
.article-social-share .telegram {
    background-color: #63b3f4;
}
.article-social-share .whatsapp {
    background-color: #7ace5b;
}
.article-social-share .social-share-icon ul li a {
    padding: 0.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
}

.article-social-share {
    width: 100%;
    display: table;
	padding: 15px 0;
}
.article-social-share .social-share-icon .social-icon-title {
    float: right;
    padding: 9px 0;
}
.article-social-share .social-share-icon ul {
    padding: 0;
    list-style: none;
    margin: 0;
    float: left;
}
.article-social-share .social-share-icon .social-icon-title, .article-social-share .social-share-icon ul {
    display: inline-block;
}
.article-social-share .social-share-icon .social-icon-title h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #a78963;
}


.widget-section-title .sppb-section-title {
    position: relative;
	padding-right: 20px;
}

.article-view .sppb-nav-pills>li {
	float: none;
    display: inline-block;
}
.article-view .sppb-pills-tab {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.article-view .sppb-nav {
   position: absolute;
   top: -80px;
   left: 0;
}
.menu-tabs .sppb-nav {
   position: relative;
    top: auto;
    right: 0;
    text-align: right;
}
.article-view .sppb-nav>li>a>img {
   width: 40px;
}
.article-view .sppb-nav-pills > li.active > a, .article-view .sppb-nav-pills > li.active > a:hover, .article-view .sppb-nav-pills > li.active > a:focus {
    background-color: #fecc05 !important;
    box-shadow: 0 29px 60px 0 rgba(54,57,73,.09);
    transition-duration: .3s;
}
.article-view .sppb-nav-pills>li>a {
    border-radius: 12px;
	background: #fff;
    box-shadow: 0 10px 30px rgba(28,76,156,.15);
    margin: 0 15px 0 0;
}

.article-view #sppb-content1-1 .sppb-nav-pills > li.active > a, #sppb-content1-1 .sppb-nav-pills > li.active > a:hover, #sppb-addon-1606383174238 .sppb-nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #a53589;
}
.article-view .sppb-addon-article-info-wrapper{
    padding: 15px;
}


.article-view .sppb-addon-articles .sppb-addon-article {
    text-align: right;
    padding: 15px;
}
.article-view .sppb-img-responsive {
    width: 100%;
	height: 200px;
    object-fit: cover;
}
.article-view .sppb-addon-article-title {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 17px;
}





.giftbox .box {
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translate(-20%, -20%);
    z-index: 5;
}
.giftbox .circles {
    position: absolute;
    z-index: -1;
    left: 30%;
    top: 50%;
    margin-left: -70px;
    margin-top: -70px;
    width: 200px;
    height: 200px;
}
.giftbox .box img {
    border-radius: 100%;
    width: 170px;
}

@-webkit-keyframes waves{0%{transform:scale(1);opacity:1}100%{transform:scale(2.5);opacity:0}}
.giftbox .circles .delay1 {
    animation: waves 2.5s linear .1s infinite;
}
.giftbox .circles .delay2 {
    animation: waves 2.5s linear .7s infinite;
}
.giftbox .circles .delay3 {
    animation: waves 2.5s linear 1.3s infinite;
}
.giftbox .circles .delay4 {
    animation: waves 2.5s linear 1.9s infinite;
}
.giftbox .circles .circle {
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #ffe119;
    opacity: 0.6;
    transition: 5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
}



.tag-item-description p {
    line-height: 2;
    color: #7E7E7E;
    font-size: 14px;
}
.tag-item-image img {
   width: 100%;
}
.com-tags .list-group {
    list-style-type: none;
}
.tag-item-title, .tag-item-title h3 {
    font-size: 18px;
    font-weight: 400;
}
.archiveposts {
    background: #fff;
}
.tag-header {
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  background: #fff;
}
.tag-item-image{
    width: 100%;
}
.tag-header:hover {
    box-shadow: 0 0 35px rgba(0,0,0,0.15);
}
.tag-item-title a {
    color: #555;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7;
}
.tag-item-title h3 {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.tag-header-inner {
    padding: 15px 15px 0 15px;
    text-align: justify;
}



.gallary-tabs .sppb-addon-article:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 15px;
    transition: all .5s ease;
}
.gallary-tabs .sppb-addon-article:hover:after {
    background-color: rgb(254 204 5 / 80%);
    transition: all .5s ease;
}
.gallary-tabs .sppb-addon-article-info-wrapper {
    z-index: 99;
    position: relative;
    color: #fff;
	height: 200px;
    bottom: -50px;
}
.gallary-tabs .sppb-addon-article {
    object-fit: cover;
}
.gallary-tabs .sppb-readmore {
    background: rgb(254 204 5 / 80%);
    transition: all .5s ease;
    padding: 10px;
    font-weight: 300;
    border-radius: 12px;;
}
.gallary-tabs .sppb-addon-article:hover .sppb-readmore {
    background: rgba(0,0,0,0.3);
    transition: all .5s ease;
}
.gallary-tabs .sppb-article-introtext {
    font-size: 13px;
    font-weight: 300;
}
.gallary-tabs .sppb-addon-article-info-wrapper a {
    color: #fff;
}
.gallary-tabs .sppb-addon-articles .sppb-article-meta>span {
    color: #fff;
}



.consultant-cards-container .sppb-addon-content {
    z-index: 9;
    position: relative;
}
.consultant-cards-container {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px #ccc;
	padding: 20px;
    position: relative;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.consultant-cards-container::before {
    top: 0;
    left: 0;
}
.consultant-cards-container::after {
    bottom: 0;
    right: 0;
}
.consultant-cards-container::after, .consultant-cards-container::before {
    border: 3px solid transparent;
    width: 0;
    height: 0;
}
.consultant-cards-container:hover::after, .consultant-cards-container:hover::before {
    width: 100%;
    height: 100%;
}
.consultant-cards-container::after, .consultant-cards-container::before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 13px!important;
}

.consultant-cards-container .sppb-icon {
    background: #56d4a5;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 5;
    vertical-align: middle;
    border-radius: 50%;
}
.consultant-cards-container.card-one:hover::before {
    border-top-color: #56d4a5;
    border-right-color: #56d4a5;
    -webkit-transition: width .3s linear,height .3s linear .3s;
    transition: width .3s linear,height .3s linear .3s;
}
.consultant-cards-container.card-one:hover::after {
    border-bottom-color: #56d4a5;
    border-left-color: #56d4a5;
    -webkit-transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
    transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
}
.consultant-cards-container.card-two .sppb-icon {
    background: #fa4359;
}
.consultant-cards-container.card-two:hover::before {
    border-top-color: #fa4359;
    border-right-color: #fa4359;
	-webkit-transition: width .3s linear,height .3s linear .3s;
    transition: width .3s linear,height .3s linear .3s;
}
.consultant-cards-container.card-two:hover::after {
    border-bottom-color: #fa4359;
    border-left-color: #fa4359;
	    -webkit-transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
    transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
}

.consultant-cards-container.card-three .sppb-icon {
    background: #9944a7;
}
.consultant-cards-container.card-three:hover::before {
    border-top-color: #9944a7;
    border-right-color: #9944a7;
	-webkit-transition: width .3s linear,height .3s linear .3s;
    transition: width .3s linear,height .3s linear .3s;
}
.consultant-cards-container.card-three:hover::after {
    border-bottom-color: #9944a7;
    border-left-color: #9944a7;
	    -webkit-transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
    transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
}

.consultant-cards-container.card-four .sppb-icon {
    background: #475ce2;
}
.consultant-cards-container.card-four:hover::before {
    border-top-color: #475ce2;
    border-right-color: #475ce2;
	-webkit-transition: width .3s linear,height .3s linear .3s;
    transition: width .3s linear,height .3s linear .3s;
}
.consultant-cards-container.card-four:hover::after {
    border-bottom-color: #475ce2;
    border-left-color: #475ce2;
	    -webkit-transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
    transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
}

.consultant-cards-container.card-five .sppb-icon {
    background: #80a66c;
}
.consultant-cards-container.card-five:hover::before {
    border-top-color: #80a66c;
    border-right-color: #80a66c;
	-webkit-transition: width .3s linear,height .3s linear .3s;
    transition: width .3s linear,height .3s linear .3s;
}
.consultant-cards-container.card-five:hover::after {
    border-bottom-color: #80a66c;
    border-left-color: #80a66c;
	    -webkit-transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
    transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
}

.consultant-cards-container.card-six .sppb-icon {
    background: #fecc05;
}
.consultant-cards-container.card-six:hover::before {
    border-top-color: #fecc05;
    border-right-color: #fecc05;
	-webkit-transition: width .3s linear,height .3s linear .3s;
    transition: width .3s linear,height .3s linear .3s;
}
.consultant-cards-container.card-six:hover::after {
    border-bottom-color: #fecc05;
    border-left-color: #fecc05;
	    -webkit-transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
    transition: border-color 0s linear .3s,width .3s linear .3s,height .3s linear .5s;
}




.contact-box .sppb-title-heading {
    font-size: 20px;
    color: #fff;
    background: #864488;
    width: 300px;
    padding: 15px;
    border-radius: 25px;
}
.contact-box .sppb-section-title {
    padding-right: 0;
}
.contact-box .sppb-addon-title {
    padding: 4px 0 0 0;
}


.sppb-form-control, .sppb-form-group .sppb-form-control {
    box-shadow: 0 0 19px 1px rgba(149,152,160,.18);
    -moz-box-shadow: 0 0 19px 1px rgba(149,152,160,.18);
    -webkit-box-shadow: 0 0 19px 1px rgba(149,152,160,.18);
    border-color: #f2f2f2 !important;
	padding: 15px !important;
}
/* ========================================================================
  social
 ========================================================================== */
.footer-social {
    width: 40%;
	color: #fff !important;
    display: inline-block;
    border-radius: 10px;
	margin: 0 5px;
    text-align: center;
    padding: 20px 0;
	box-shadow: 0 10px 15px -4px #2F80ED61;
}
.footer-social img {
    margin: 0 auto;
}
.footer-social span {
    color: #fff;
    font-weight: 100;
    display: block;
}
.footer-telegram {
    background-color: #078dff;
    background-image: linear-gradient(-70deg,#078dff,#69c1ff);
}
.footer-insta {
    background-color: #e96791;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.footer-aparat {
    background-color: #ed145b;
}
.footer-twitter {
    background-color: #28aae1;
}

body.rtl .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    width: 90%;
    margin-right: 15px;
    margin-left: auto;
    float: left;
    font-weight: 300;
    line-height: 2;
}
body.rtl .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
    float: none;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    border: solid 1px transparent;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    border-radius: 4px;
    background-color: #f7f8fa;
	box-shadow: 30px 30px 80px -40px rgba(55,84,170,.4), -30px -30px 80px 0 #fff;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before {
    top: 16px;
    border-width: 13px;
    border-color: #f7f8fa #f7f8fa transparent transparent;
    -webkit-box-shadow: 3px -3px 1px -2px rgb(247, 248, 250);
    box-shadow: 3px -3px 1px -2px rgb(247, 248, 250);
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-panel:before {
    top: 16px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-panel:before {
   top: 40px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before,.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after {
    background-color: #516b94 !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-badge:before, .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-badge:after {
    background-color: #b3b3b4 !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-badge:before {
    border-color: #f7f8fa !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-badge:before {
    border-color: #f7f8fa !important;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
    margin: 0 0 0 30px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper:before {
    border: 1px dashed #778599;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date,
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
    background: #516b94;
	color: #fff;
    padding: 0 50px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
    background: #b3b3b4;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details img {
    margin-top: 20px;
    border-radius: 9px;
}

.raxo-bricks {
    margin-top: 0;
}
.raxo-bricks .raxo-name {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #fbd337 !important;
}
.raxo-bricks .raxo-name, .raxo-bricks .raxo-item > div:first-child {
    border: none;
}
.raxo-bricks .raxo-content {
    padding: 10px 5%;
    overflow: hidden;
}
.raxo-bricks .raxo-title {
    font: bold 13px/20px Tahoma, Helvetica, Arial, sans-serif;
	    line-height: 2;
}
.raxo-bricks .raxo-item {
    background-color: #ffffff !important;
	    -moz-transition: all .375s ease;
    -o-transition: all .375s ease;
    -webkit-transition: all .375s ease;
    transition: all .375s ease;
}
.raxo-bricks .raxo-item:hover {
    -webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,0.2);
   box-shadow: 2px 4px 8px 0 rgba(46,61,73,0.2);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after {
    content: "\f107";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after {
    content: "\f106";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  display: none;
  background: #eee;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  font-size: 0.925rem;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a:hover {
  box-shadow: 0 0 15px 3px #ebebeb inset;
}

/* ========================================================================
   +notfication
 ========================================================================== */
.mGrowl-notification {
    text-align: right !important;
}
.mGrowl-notification .mGrowl-close {
    float: left !important;
}

.course .card {
  box-shadow: -10px 30px 30px -10px rgba(233, 30, 99, 0.4);
  border: 1px solid rgba(233, 30, 99, 0.4);
  border: 1px solid #b969b2;
  height: 130px;
  border-radius: 20px;
}
.course .card img {
  border-radius: 20px;
}
.course .main-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(60deg, #ec407a, #9944a7);
}
.course .card {
  overflow: hidden;
}
.course .bubble-1 {
  position: absolute;
  right: -90px;
  bottom: -180px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-color: white;
  opacity: 0.2;
}
.course .bubble-2 {
  position: absolute;
  right: -50px;
  bottom: 100px;
  width: 200px;
  height: 200px;
  background-color: white;
  border-radius: 50%;
  opacity: 0.2;
}
.course .card-body {
  z-index: 1;
  padding: 10px;
  text-align: right;
}
.course h2 a {
  font-size: 15px;
  color: white;
  font-weight: 500;
  opacity: 1;
}
.course h2 {
    margin-bottom: 15px;
}
.course p a {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 14px;
  font-weight: 300;
  padding: 5px;
  border: 1px solid #fff;
  border-radius: 12px;
}
.course p a:hover {
    background: #2b2f3e;
    border: 1px solid #2b2f3e;
}



.menu-tabs .sppb-link-list-wrap li a i:before {
    position: relative;
    z-index: 2;
    font-size: 19px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #a7368b;
}
.menu-tabs .sppb-link-list-wrap li a i:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    content: '';
    background: rgb(167 54 139 / 8%);
    z-index: 1;
}
.menu-tabs .sppb-link-list-wrap li a i {
	margin-left: 7px;
    height: 40px;
    width: 40px;
    position: relative;
}
.menu-tabs .sppb-link-list-wrap ul li a {
    font-size: 14px;
    font-weight: 300;
}
.menu-tabs .sppb-link-list-wrap li.menu-two a i:after {
    background: rgba(106,200,71,.1);
}
.menu-tabs .sppb-link-list-wrap li.menu-three a i:after {
    background: rgba(31,148,206,.08);
}
.menu-tabs .sppb-link-list-wrap li.menu-four a i:after {
    background: rgb(255 185 49 / 8%);
}
.menu-tabs .sppb-link-list-wrap li.menu-five a i:after {
    background: rgb(94 97 104 / 8%);
}
.menu-tabs .sppb-link-list-wrap li.menu-six a i:after {
    background: rgb(255 94 94 / 8%);
}
.menu-tabs .sppb-link-list-wrap li.menu-seven a i:after {
    background: rgb(124 148 115 / 8%);
}
.menu-tabs .sppb-link-list-wrap li.menu-eight a i:after {
    background: rgb(1 197 196 / 8%);
}
.menu-tabs .sppb-link-list-wrap li.menu-two a i:before, .menu-tabs .sppb-link-list-wrap li.menu-two a {
    color: #6ac847;
}
.menu-tabs .sppb-link-list-wrap li.menu-three a i:before, .menu-tabs .sppb-link-list-wrap li.menu-three a {
    color: #1f94ce;
}
.menu-tabs .sppb-link-list-wrap li.menu-four a i:before, .menu-tabs .sppb-link-list-wrap li.menu-four a {
    color: #ffb931;
}
.menu-tabs .sppb-link-list-wrap li.menu-five a i:before, .menu-tabs .sppb-link-list-wrap li.menu-five a {
    color: #5e6168;
}
.menu-tabs .sppb-link-list-wrap li.menu-six a i:before, .menu-tabs .sppb-link-list-wrap li.menu-six a {
    color: #ff5e5e;
}
.menu-tabs .sppb-link-list-wrap li.menu-seven a i:before, .menu-tabs .sppb-link-list-wrap li.menu-seven a {
    color: #7c9473;
}
.menu-tabs .sppb-link-list-wrap li.menu-eight a i:before, .menu-tabs .sppb-link-list-wrap li.menu-eight a {
    color: #01c5c4;
}

/* fix elm btn*/
.fixed_elm_btn {
    width: 60px;
    height: 60px;
    background-color: #feca05;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    text-align: center;
    line-height: 70px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 6px 7px 28px -12px rgba(16,16,16,.3);
}
.fixed_elm_btn:hover {
    box-shadow: none;
}
.fixed_elm img {
    padding: 0;
    margin: 0;
    border-radius: 100%;
	width: 60px;
    height: 60px;
}
.fixed_elm {
    position: fixed;
    left: 20px;
    bottom: 100px;
    z-index: 22;
}
.fixed_elm_btn:hover:before {
    opacity: .2;
    visibility: visible;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.fixed_elm_btn:after, .fixed_elm_btn:before {
    content: '';
    width: 60px;
    height: 60px;
    background-color: inherit;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
}
.fixed_elm_btn i {
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    position: absolute;
top: 0;
    right: 0;
    left: 0;
    line-height: 60px;
}
.fixed_elm_btn.is_active .btn_front {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.fixed_elm_btn .btn_back {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.fixed_elm_btn.is_active .btn_back {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
	background: #ffcb05;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}
body.nav-active .nav_elm {
    visibility: visible;
}
body.nav-active .nav_elm_content {
    visibility: visible;
}
body.nav-active .nav_elm:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.nav_elm {
    position: fixed;
    z-index: 98;
}
.nav_elm:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.nav_elm:after {
    background-color: rgb(255 255 255);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    box-shadow: 6px 7px 28px -12px rgba(16,16,16,.3);
}
.nav_elm:after, .nav_elm:before {
    content: "";
    position: fixed;
    bottom: 185px;
    left: 20px;
    width: 0;
    height: 0;
    background-color: rgb(255 255 255 / 60%);
    border-bottom-right-radius: 200%;
    z-index: -1;
    transition: border-radius linear .8s,width cubic-bezier(.77,0,.175,1) .6s,height cubic-bezier(.77,0,.175,1) .6s;
}
.nav_elm_content {
    position: fixed;
    visibility: hidden;
    bottom: 200px;
    left: 35px;
    width: 150px;
}
.nav_elm_list {
    position: relative;
	 padding: 0;
    list-style: none;
    z-index: 2;
}
.nav_elm_list li {
    position: relative;
    display: block;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 0;
    color: #333;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
    -webkit-transform: translate(30px,0);
    transform: translate(30px,0);
    -webkit-transition: opacity .2s ease,-webkit-transform .3s ease;
    transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: opacity .2s ease,transform .2s ease;
    transition: opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;
    margin-top: 5px;
    margin-bottom: 5px;
}
.nav_elm_list li a {
    position: relative;
    color: rgb(0 0 0 / 60%);
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
    z-index: 2;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.nav_elm_list li a:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 4px;
    height: 0;
    opacity: 0;
    background-color: #feca05;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.nav_elm_list li a:hover:after {
    height: 100%;
    opacity: 1;
    top: 0;
}
.nav_elm_list li a:after {
    background-color: #feca05;
}
body.nav-active .nav_elm_list li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,color .3s ease;
    transition: opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease;
}
body.nav-active .nav_elm:after, body.nav-active .nav_elm:before {
    width: 180px;
    height: 200px;
    border-radius: 15px;
}
body.nav-active .nav_elm_list li:nth-child(1) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
body.nav-active .nav_elm_list li:nth-child(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
body.nav-active .nav_elm_list li:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
body.nav-active .nav_elm_list li:nth-child(4) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
body.nav-active .nav_elm_list li:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
/* mali tab*/
.profile-mali .iphone {
background-color: #F7F7F7;
       box-shadow: 0 10px 30px rgba(28,76,156,.15);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.profile-mali .header {
  height: 30%;
  background-color: #fdc300;
  border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  z-index: 1;
   overflow: hidden;
}
.profile-mali .header::before{
  content:"";
  height: 200px;
  width: 200px;
  background-color: #333333;
  border-radius: 50%;
  position:absolute;
  top: -60px;
  left: -100px;
  z-index: 2;
}
.profile-mali .header::after {
  content:"";
  height: 100px;
  width: 100px;
  background-color: #333333;
  border-radius: 50%;
  position:absolute;
  right: -20px;
  bottom: -30px;
  z-index: 2;
 
}
.profile-mali .header-summary {
  display: flex;
  flex-direction: column;
  color: white;
  z-index: 3;
}
.profile-mali .summary-text {
  font-size: 1.2rem;
  font-weight: 300;
}
.profile-mali .summary-balance {
  font-size: 2rem;
  letter-spacing: 1.5px;
  
}
.profile-mali .summary-text-2 {
  font-size: 0.8rem;
  letter-spacing: 1px;
}
.profile-mali .user-profile {
  margin-top: 4rem;
  height: 70px;
  width: 70px;
  align-self: flex-start;
}
.profile-mali .user-photo {
position: relative;
   top: -30px;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid white;
  box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.2);
}
.profile-mali .content {
z-index: 4;
    top: 210px;
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 30px auto 0 auto;
    left: 0;
    right: 0;
}
.profile-mali .card {
      border: none;
  align-self: stretch;
  background-color: white;
  border-radius: 12px;
  display: flex;
  flex-direction:column;
   box-shadow: 0 14px 28px rgba(0,0,0,0.02), 0 10px 10px rgba(0,0,0,0.0);
}
.profile-mali .upper-row {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 25px;
  padding-top: 10px
}
.profile-mali .card-item {
  text-align: center;
  margin: 20px;
  display: flex;
  flex-direction: column;
}
.profile-mali .card-item span:first-child {
    font-size: 0.9rem;
    font-weight: 400;
  margin-bottom:10px;
}
.profile-mali .card-item span:last-child {
  font-size: 1.6rem;
  font-weight: 300;
}
.profile-mali .dollar {
  color: #FFC168;
}
.profile-mali .lower-row {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
}
.profile-mali .lower-row::before {
    content: '';
    display: block;
    position: absolute;
    top: 110px;
    width: 50%;
    left: 25%;
    border-top: 1px solid #E1E1E1;
}
.profile-mali .icon-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.profile-mali .icon {
  color: #FFC168;
  padding: 10px;
  background-color: #FBFBFB;
  border-radius: 5px;
  margin-bottom: 5px;
}
.profile-mali .icon-text {
  font-size: 0.9em;
  color: #939393;
}
.profile-mali .transactions {
  display: flex;
  position: relative;
  margin-top: 1.5rem;
  flex-direction: column;
}
.profile-mali .t-desc {
  font-size: 0.8rem;
  font-weight: bold;
  padding-bottom: 10px;
}
.profile-mali .transaction {
  cursor: default;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:white;
  box-shadow: 0 14px 28px rgba(0,0,0,0.02), 0 10px 10px rgba(0,0,0,0.0);
  border-radius: 12px;
  margin-bottom:20px;
}
.profile-mali .t-details {
  width: 70%;
}
.t-icon-container {
  width: 45px;
  align-self: flex-start;
}
.profile-mali .t-icon {
line-height: 55px;
    border-radius: 50%;
    box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.2);
    text-align: center;
    width: 55px;
    height: 55px;
    background: #7d3180;
    color: #fff;
}
.profile-mali .t-title {
  text-align: right;
  flex-grow: 1;
  font-size: 0.8rem;
  font-weight: 400;
  margin-bottom: 5px;
}
.profile-mali .t-title span {
  color: #864489;
  font-size: 18px;
}
.profile-mali .t-time {
  font-size: 0.9rem;
  font-weight: 300;
  letter-spacing: 1px;
}
.profile-mali .t-amount {
font-size: 0.9rem;
    letter-spacing: 1px;
    font-weight: 400;
    color: #ffffff;
    background: #333;
    padding: 15px;
    border-radius: 25px 0;
}
.profile-mali .red {
  color: #F4532D;
}
/* tab mali content*/
.profile-mali .bg-color {
  background-color: #46a1de;
  transition-duration: 0.5s;
}

.profile-mali .text-color {
  color: #46a1de;
  transition-duration: 0.5s;
}

.profile-mali .wrapper {
  margin: 0 auto;
}
.profile-mali .tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  padding: 0;
}
.profile-mali .tabs > li {
  transition-duration: 0.25s;
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 20px 20px 25px 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #333333;
}
.profile-mali .tabs > li:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition-duration: 0.25s;
  border-radius: 5px 5px 0 0;
}
.profile-mali .tabs > li:hover:before {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}
.profile-mali .tabs > li.active {
  color: #50555a;
}
.profile-mali .tabs > li.active:before {
  transition-duration: 0.5s;
  background-color: white;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.profile-mali .tab__content {
  position: relative;
  width: 100%;
  height: 100% !important;
  border-radius: 5px;
}
.profile-mali .tab__content > li {
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}
.profile-mali .tab__content > li .content__wrapper {
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding: 45px 40px 40px 40px;
  background-color: white;
}
.profile-mali .content__wrapper h2 {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  font-weight: 300;
}
.profile-mali .content__wrapper img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
/* calendar content*/
.calendar-base {
  height: 500px;
  border-radius: 20px;
  background-color: white;
  color: black;
  overflow-x: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	box-shadow: 0 10px 30px rgba(28,76,156,.15);
}
.calendar-base::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
.calendar-base::-webkit-scrollbar {
	height: 5px;
	width: 5px;
	background-color: #F5F5F5;
}
.calendar-base::-webkit-scrollbar-thumb {
	background-color: #864488;
	border-radius: 10px;
	 width: 6px;
    height: 6px;
	background-image: -webkit-linear-gradient(to right, #007aff, #125ad0)
}
.active-day {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #2ECC71;
  position: relative;
  top: 295px;
  left: 661px;
}
.event-indicator {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2980B9;
  position: relative;
  top: 304px;
  left: 695px;
}
.calendar-left {
  border-radius: 20px;
  background-color: #864488;
  color: white;
  margin-bottom: 15px;
  box-shadow: 0 10px 30px rgba(28,76,156,.15);
}
.hamburger {
position: absolute;
    top: 10px;
    right: 30px;
    font-size: 30px;
}
.burger-line {
  width: 25px;
  height: 3px;
  background-color: white;
  border-radius: 15%;
  margin-bottom: 3px;
}
.num-date {
    font-size: 100px;
    margin: 0 auto;
    font-weight: 700;
    text-align: center;
}
.day-cl {
margin: 0px auto;
    font-size: 30px;
    position: relative;
    bottom: 60px;
    text-align: center;
}
.calendar-page .day {
    bottom: 0;
    text-align: right;
}
.today-cl{
text-align: center;
    font-size: 30px;
    position: relative;
    top: 25px;
}
.current-events {
  font-size: 15px;
  position: relative;
  margin-right: 25px;
  bottom: 30px;
}
.create-event {
  font-size: 13px;
  position: relative;
margin-top: 20px;
    margin-right: 25px;
    padding-bottom: 20px;
}
.event-line {
  width: 90%;
  background: #fff;
}
.add-event {
	font-size: 30px;
  position: absolute;
  bottom: 20px;
  left: 40px;
}
.add {
    font-size: 25px;
    position: absolute;
    left: 25px;
    bottom: -10px;
}
.add:hover, .create-event:hover, .add-event:hover{
  color:#ffcb05 !important;
  border-color: #ffcb05 !important;
}
.calendar-content {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 40px;
    line-height: 5;
}
.calendar-page .calendar-content {
    position: relative;
	text-align: right;
    font-size: 40px;
    line-height: 2;
}

/*=======+rs form====== */
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section, .mod-sppagebuilder .sppb-section {
    z-index: auto;
}
.com-rsform #sp-main-body {
    padding: 30px 30px;
}
.rsform .form-control {
    background: #fff;
    color: #43464b;
    border: solid 2px transparent;
    padding: 25px;
    direction: rtl;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
}
.rsform .btn-group>.btn:first-child, .rsform-button-prev {
    margin-left: 5px;
}
.rsform-button {
    border-radius: 5px !important;
}
.rsformProgressContainer {
    width: 100%;
    height: 8px;
    border: solid 1px #71b518;
    border-radius: 4px;
}
.rsformProgressBar {
    height: 10px;
    background: #71b518;
}
.rsform-block-submit {
    margin: 0 auto;
    text-align: center;
}
.formError {
    font-weight: 300;
    font-size: 15px;
    background-color: #ff5353;
    box-shadow: 5px 9px 20px 0px rgba(255, 83, 83, 0.37);
    -moz-box-shadow: 5px 9px 20px 0px rgba(255, 83, 83, 0.37);
    -webkit-box-shadow: 5px 9px 20px 0px rgba(255, 83, 83, 0.37);
    color: #ffffff;
    padding: 8px;
    border-radius: 4px;
}

#rsform_3_page_0 > div:nth-child(1){
    padding: 15px;
	margin-bottom: 20px;
	border-radius: 10px;
	    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 3px 20px rgba(25,63,125,.15);
}
#rsform_3_page_0 > div:nth-child(4) .formControlLabel,
#rsform_3_page_0 > div:nth-child(5) .formControlLabel,
#rsform_3_page_0 > div:nth-child(6) .formControlLabel,
#rsform_3_page_0 > div:nth-child(8) .formControlLabel,
#rsform_3_page_0 > div:nth-child(10) .formControlLabel,
#rsform_3_page_0 > div:nth-child(12) .formControlLabel,
#rsform_3_page_0 > div:nth-child(14) .formControlLabel,
#rsform_3_page_1 > div:nth-child(1) .formControlLabel,
#rsform_3_page_1 > div:nth-child(2) .formControlLabel,
#rsform_3_page_1 > div:nth-child(3) .formControlLabel,
#rsform_3_page_2 > div:nth-child(2) .formControlLabel,
#rsform_3_page_2 > div:nth-child(3) .formControlLabel,
#rsform_3_page_2 > div:nth-child(4) .formControlLabel,
#rsform_3_page_4 > div:nth-child(2) .formControlLabel,
#rsform_3_page_0 > div:last-child .formControlLabel,
#rsform_3_page_1 > div:last-child .formControlLabel,
#rsform_3_page_2 > div:last-child .formControlLabel {
    display: none;
}
#rsform_3_page_0 > div:nth-child(4) .col-sm-9.formControls,
#rsform_3_page_0 > div:nth-child(5) .col-sm-9.formControls,
#rsform_3_page_0 > div:nth-child(6) .col-sm-9.formControls,
#rsform_3_page_0 > div:nth-child(8) .col-sm-9.formControls,
#rsform_3_page_0 > div:nth-child(10) .col-sm-9.formControls,
#rsform_3_page_0 > div:nth-child(12) .col-sm-9.formControls,
#rsform_3_page_0 > div:nth-child(14) .col-sm-9.formControls,
#rsform_3_page_1 > div:nth-child(1) .col-sm-9.formControls,
#rsform_3_page_1 > div:nth-child(2) .col-sm-9.formControls,
#rsform_3_page_1 > div:nth-child(3) .col-sm-9.formControls,
#rsform_3_page_2 > div:nth-child(2) .col-sm-9.formControls,
#rsform_3_page_2 > div:nth-child(3) .col-sm-9.formControls,
#rsform_3_page_2 > div:nth-child(4) .col-sm-9.formControls,
#rsform_3_page_4 > div:nth-child(2) .col-sm-9.formControls,
#rsform_3_page_0 > div:last-child .col-sm-9.formControls,
#rsform_3_page_1 > div:last-child .col-sm-9.formControls,
#rsform_3_page_2 > div:last-child .col-sm-9.formControls {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.rsform .formControlLabel {
    font-weight: 300;
    line-height: 2;
}
.rsform-block-term .form-check-label {
    line-height: 2.2;
}
.rsform-block-term .form-check {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0;
}


.rsform-block-term:before {
background-image: linear-gradient(#e1f0ff 1px,transparent 1px);
    background-size: 100% 40px;
    bottom: 5px;
    content: '';
    left: 0;
    line-height: 41px;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 1;
}
.rsform-block-term:after{
    border-left: 1px solid #fbd0d0;
    border-right: 1px solid #fbd0d0;
    bottom: 0;
    content: '';
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1;
    width: 7px;
}
.rsform-block-term {
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 0 1px 7px rgba(0,0,0,.07);
    box-shadow: 0 1px 7px rgba(0,0,0,.07);
    position: relative;
}

.rsform-block-sherkat,
.rsform-block-god,
.rsform-block-title1,
.rsform-block-title2,
.rsform-block-title3 {
    font-size: 20px;
}
.rsform-block-title2,
.rsform-block-title3,
.rsform-block-title4,
.rsform-block-title5,
.rsform-block-title6,
.rsform-block-title7,
.rsform-block-title8 {
    display: inline-block;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(to right, #007aff, #125ad0);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(5, 113, 242, 0.3);
    -moz-box-shadow: 0px 5px 15px 0px rgba(5, 113, 242, 0.3);
    -o-box-shadow: 0px 5px 15px 0px rgba(5, 113, 242, 0.3);
    box-shadow: 0px 5px 15px 0px rgba(5, 113, 242, 0.3);
}
.rsform-block-desc1,
.rsform-block-desc2,
.rsform-block-desc3,
.rsform-block-desc4,
.rsform-block-desc-takhasos {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    background: #fdb743 linear-gradient(70deg, #fdb743, #E96791) repeat-x;
    color: #fff;
}
.rsform-block-warning1,
.rsform-block-warning2,
.rsform-block-warning3,
.rsform-block-warning4 {
    padding: 15px;
    border-radius: 10px;
    background-color: #ffd000;
	box-shadow: 5px 9px 20px 0px rgba(251, 228, 116, 0.5);
    -moz-box-shadow: 5px 9px 20px 0px rgba(251, 228, 116, 0.5);
    -webkit-box-shadow: 5px 9px 20px 0px rgba(251, 228, 116, 0.5);
    color: #584b00;
}




.product_description p {
    font-weight: 300;
    font-size: 19px;
}
.blog-page-latest img {
    width: 100%;
	height: 200px;
    object-fit: cover;
}
.blog-page-latest .sppb-addon-article-info-wrapper{
    padding: 15px;
}
.blog-page-latest .sppb-addon-article-title {
    line-height: 1.5;
    font-size: 17px;
}
.blog-page-latest .sppb-article-introtext {
    font-weight: 300;
}
.course-extra-detail {
	    position: relative;
    overflow: hidden;
	display: flex;
    align-items: center;
    min-height: 90px;
    transition: all .2s ease;
    border-radius: 3px;
    box-shadow: 0 8px 35px 0 rgb(0 0 0 / 6%);
    padding: 10px;
    background: #fff;
}
.course-extra-detail:before {
    position: absolute;
    background: #864489;
    background-color: #864489;
    opacity: .1;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 50px;
    width: 125px;
    transform-origin: bottom right;
    content: '';
    top: -80px;
    transform: skewX(-10deg);
    height: 250px;
    right: -50px!important;
    z-index: 0;
    transition: all .3s ease;
}
.course-extra-detail:hover:before {
    right: -25px!important;
}
.course-extra-detail img, .course-extra-detail .icon {
    float: right;
    margin-left: 18px;
	font-size: 50px;
    color: #a7368b;
}
.course-extra-detail-inner span {
    font-size: 15px;
    font-weight: 400;
    color: #858c96;
    display: block;
    line-height: 1.7;
    padding-top: 1px;
    padding-bottom: 5px;
}



.advice-inner {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 5px;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    background-position: right -100px top -70px;
    background-repeat: no-repeat;
    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;
-webkit-box-shadow: 0 10px 40px #41455314;
    box-shadow: 0 10px 40px #41455314;
}

.advice-inner .title {
    padding: 4px 15px;
    background: #fea000;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}
.advice-inner .title span {
 padding-right: 15px;
}
.advice-inner .top-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}
.advice-inner .top-part img {
    max-width: 100%;
    width: 100px;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 2px 2px 20px #00000021;
}



.search-box .btn-group {
position: absolute;
    top: 10px;
    right: 25px;
}
.search-box .inputbox {
    line-height: 20px!important;
    border: none !important;
    padding: 18px 60px 18px 18px!important;
	-webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);

}

.search-box input[type="search"]::placeholder {
  color: #a3a6b5 !important;
  font-weight: 300 !important;
}

.is_ajaxsearch .search_class {
    padding: 0 !important;
    border: 1px solid #0095da !important;
    color: #fff;
    text-align: center;
    background: #0095da;
    border-radius: 100% !important;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =============account-box header box============= */
.account-box .icon {
    float: left;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 22px;
    margin-left: -53px;
    border-radius: 100%;
    background: #0095da;
    margin-right: 5px;
    color: #ffffff;
    transition: .2s;
    overflow: hidden;
    position: relative;
}
.account-box:hover .icon {
background-color: #a89a00;
    color: #ffffff;
}

.account-box {
	float: left;
    display: block;
    padding-left: 58px;
    width: 190px;
    transition: .2s;
    height: 58px;
    cursor: context-menu;
    position: relative;
	cursor: pointer;
}
.account-box .title {
    display: block;
    text-align: center;
    color: #000;
	font-size: 16px;
    font-weight: 500;
    padding-top: 4px;
	padding: 0;
    transition: .2s;
}
.account-box:hover .title {
    color: #a89a00;
}

.account-box .subtitle {
    display: block;
    color: #ffffff;
	background: #0095da;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-box:hover .subtitle {
 background: #a89a00;
}
.btn-none {
    border: none;
    background: transparent;
    outline: none !important;
}



.top-header {
	color: #fff;
	padding-right: 60px;
	border-top: 8px solid #0095da;
	margin-bottom: 15px;
}
.top-header .sp-module ul > li > a {
color: #867f7f;
    font-size: 14px;
    font-weight: 300;
}
.top-header .sp-module ul > li > a:hover {
   color: #000000;
   border-radius: 100%;
}
.top-header .menu-parent .menu-child {
    margin: 0;
    position: absolute;
	right: 0;
    z-index: -1;
    display: none;
}
.top-header .menu-parent:hover > .menu-child  {
display: block;
    animation: spFadeInDown 400ms ease-in;
    box-shadow: 0px 9px 16px rgb(45 46 48 / 8%);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background: #fff;
    width: 100%;
}
.sppb-addon-table-pagination-wrap .sppb-pagination {
    padding: 0;
}
.top-header .menu-parent ul > li > a {
    color: #000;
    z-index: 999;
    text-align: center;
}
.top-header ul {
    padding: 0;
	margin: 0;
    list-style: none;
}
.top-header li {
	position: relative;
    display: inline-block;
}


.sj-minicart-pro {
    margin-left: 10px !important;
}


#sp-menu-top > .sp-column {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.btn-icon-top svg, .text-icon{
    vertical-align: middle;
	color: #867f7f;
}
.text-icon {
    font-size: 13px;
    font-weight: 300;
}


.TopLine {
    height: 0;
    width: 100%;
    background-color: #00a59f;
}
.TopMenu {
    background-color: #0095da;
    margin-top: -9px;
}
.TopMenu {
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 80px 200px;
    border-bottom-left-radius: 80px 200px;
}
.TopMenu {
    width: max-content;
	    float: left;
    margin-left: 50px;
	font-size: 14px;
}
.bl1, .bl2 {
    display: none;
}
.blMenu {
    margin-right: 20px;
}
.bl1 {
    float: Right;
}
.bl2 {
    float: Left;
}
.blMenu ul li {
    font-size: 13px;
    list-style: none;
    margin: 3px 9px;
}


#sp-menu-right {
    position: absolute;
    left: 0;
}
#is_ajaxsearch_result .result-element span {
    float: right !important;
    text-align: right !important;
}
.is_ajaxsearch .result_img {
	width: 30% !important;
    float: right !important;
}
.is_ajaxsearch .search-results .ajaxsearch_result .result_wrap {
    border: none !important;
    -webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%) !important;
}
#is_ajaxsearch_result .result-element {
    border-top: none !important;
}
.is_ajaxsearch .search-results .ajaxsearch_result .result-element {
    padding: 30px !important;
}
#is_ajaxsearch_result .result-element span.small-desc {
    font-weight: 300;
}
#is_ajaxsearch_result .result-element span.small-desc {
    margin-left: 0 !important;
    line-height: 2 !important;
}
#is_ajaxsearch_result .result-element span.small-desc {
    width: 70% !important;
}
.is_ajaxsearch .result-products .result_content {
    width: 70% !important;
}
#is_ajaxsearch_result .result-element img {
	    float: right !important;
    border-radius: 12px !important;
	    padding-right: 0 !important;
    margin: 0 !important;
}

#is_ajaxsearch_result.ajaxsearch_result .result_wrap mark {
    background-color: #ffcb05;
    border-radius: 5px;
    padding: 2px 10px !important;
	    margin: 0 3px !important;
}
#is_ajaxsearch_result .result_box:hover {
    background-color: #fafafa !important;
}


.r_tele {
    width: 21px;
    height: 28px;
background: #0095da;
    float: right;
    border-radius: 0 0 5px 0;
	position: relative;
    right: 1px;
}
.bg_sar_ticker {
    background: #0095da;
    letter-spacing: -.04em;
    text-align: right;
    direction: rtl;
    color: #f3fffa;
    height: 28px;
    overflow: hidden;
    float: right;
}
.c_tele {
    width: 80px;
    height: 28px;
    display: block;
    background: url(../images/page-shape.svg) no-repeat;
	transform: rotate( 180deg);
	background-size: contain;
    float: right;
	    position: relative;
    right: -1px;
}

.ticker-news a{
    font-weight: 300;
    color: #867f7f;
}
.sar_ticker {
    position: relative;
    top: -1px;
}








body #kunena.layout textarea {
    text-align: right !important;
    direction: rtl;
}
body #kunena.layout select{
    box-shadow: none;
}
body #kunena.layout #search-options select {
    width: 100%;
}
body #kunena.layout {
    border-top: none;
}
.row-fluid [class*="span"] {
    float: right;
}
body #kunena.layout form {
    background: transparent;
}
#kunena.layout .table th, #kunena.layout .table td {
    text-align: right;
}
#kunena.layout img {
    text-align: center;
    margin: 0 auto;
}
#kunena.layout .header-desc {
    font-weight: 300;
    line-height: 2;
}
#kunena.layout .kfrontend .table td h1, #kunena.layout .kfrontend .table td h2, #kunena.layout .kfrontend .table td h3, #kunena.layout .kfrontend .table td h4, #kunena.layout .kfrontend .table td h5, #kunena.layout .kfrontend .table td h6 {
    line-height: 35px;
}
body #kunena.layout .jf_ku_side_block input[type="text"], body #kunena.layout .jf_ku_side_block input[type="password"] {
    text-align: right;
}
body #kunena.layout .jf_ku_login_login .jf_ku_login_inputwrap a {
    left: 0;
	right: auto;
}

body #kunena.layout .btn-group>.btn:first-child {
    -webkit-border-radius: 0 12px 12px 0;
    -khtml-border-radius: 0 12px 12px 0;
    -moz-border-radius: 0 12px 12px 0;
    -ms-border-radius: 0 12px 12px 0;
    -o-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0;
}
body #kunena.layout .btn, body #kunena.layout #btn_report {
    margin-top: 0;
}
body #kunena.layout .btn-toolbar>.btn {
    margin-right: 0;
    margin-left: 5px;
}
body #kunena.layout .alert .close {
    right: 10px;
    top: 5px;
}
body #kunena.layout .btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    -webkit-border-radius: 12px 0 0 12px;
    -khtml-border-radius: 12px 0 0 12px;
    -moz-border-radius: 12px 0 0 12px;
    -ms-border-radius: 12px 0 0 12px;
    -o-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px;
}
body #kunena.layout .modal {
    z-index: 9999;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#kunena.layout .inputbox#catid {
	float: right;
    width: 100%;
    max-width: 100%;
}
#kunena.layout .topic-starter {
	margin-top: 15px;
    border: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 8px 10px;
}
#kunena.layout .profilebox {
    text-align: center;
}
#kunena.layout .profilebox li, #kunena.layout .profile-expand li {
    padding: 5px 0;
}
#kunena.layout .profile-expand {
    line-height: initial;
	margin-top: 10px;
}
#kunena.layout .jf_ku_login_logout {
    text-align: center;
}
#kunena.layout .jf_ku_side_block .jf_ku_login_menu a, body #kunena.layout .jf_ku_side_block .jf_ku_login_menu button {
    text-align: right;
}
#kunena.layout .viewsnum, body #kunena.layout .repliesnum {
    float: none;
}
#kunena.layout .knav-usercollapse {
right: auto;
    left: 0;
}
#kunena.layout .klogout .dropdown-menu, #kunena.layout .mobile-user .dropdown-menu {
	min-width: 300px;
    right: auto;
    left: 0 !important;
	    border-radius: 5px;
    -webkit-box-shadow: 0 8px 30px rgb(143 152 169 / 40%);
    box-shadow: 0 8px 30px rgb(143 152 169 / 40%);
    border: none;
    z-index: 1;
}
#kunena.layout label.kmobile-username, #kunena.layout label.kmobile-passwd {
  display: none;
}
#kunena.layout .search:hover input, #kunena.layout .search input:focus, #kunena.layout .search input {
    width: 100%;
}
#kunena.layout .dropdown-menu {
    min-width: 220px;
    left: auto !important;
    right: 0;
}
#kunena.layout .menu-header {
	padding: 0;
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-radius: 4px;
}
#kunena.layout nav.navbar ul.navbar-nav li.active a {
    background: #4864fd;
    color: #fff;
}



.survey-description {
    font-weight: 300;
}
#cj-wrapper ul {
    padding: 0;
}
.media-left {
    margin-left: 25px;
    margin-right: 0 !important;
}
#cj-wrapper .survey-navigation {
    border: none;
}
.survey-custom-header {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
}
.com-communitysurveys .pull-right {
    float: left !important;
}
.survey-navigation .card-body {
	    padding: 15px 0;
    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;
}
.survey-navigation .card-body .btn-create , .survey-navigation .card-body .btn-finish, .survey-navigation .card-body .btn-next{
    order: -2;
}
.survey-navigation .card-body .btn-previous{
    order: -1;
}


.formdesign .form-control {
    font-weight: 300;
    background: #fff;
    color: #43464b;
    border: solid 2px transparent;
    padding: 25px;
    direction: rtl;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
	 margin-bottom: 20px;
} 
.formdesign .form-group {
    margin-bottom: 0;
}
.formdesign h2 {
    color: #fff;
    background: #864488;
    padding: 15px;
    border-radius: 25px;
    display: inline-block;
}
.contactus label {
    display: none;
}
.contactus .formControls {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.rsfp_thankyou_popup_inner {
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 8%);
    border-radius: 12px;
}
.rsfp_thankou_popup_close_btn {
    top: -15px;
    right: 10px;
    font-size: 30px;
}



.menu-cart .custom {
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-cart {
    margin-top: 15px;
}
/*.sp-megamenu-parent .sp-dropdown li.ls-menu span {
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
	margin-left: 5px;
}
.sp-megamenu-parent .sp-dropdown li.ls-menu span:before {
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 20px;
    display: block;
    text-align: center;
    color: #a7368b;
}
li.ls-menu a span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    content: '';
    background: rgb(167 54 139 / 8%);
    z-index: 1;
}*/
.menu-tabs .sppb-link-list-wrap li a i:before {
    position: relative;
    z-index: 2;
    font-size: 19px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #a7368b;
}
.sp-megamenu-parent .sp-dropdown li:nth-child(2).ls-menu span:before, li:nth-child(2).ls-menu a {
    color: #6ac847 !important;
}
li:nth-child(2).ls-menu a span:after {
    background: rgba(106,200,71,.1);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 10px 50px rgb(28 76 156 / 15%);
    background: #fff;
    padding: 15px 15px 0 15px;
    border-radius: 5px 5px 0 0;
}
.sp-megamenu-parent .sp-mega-group > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    padding: 10px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) .sp-mega-group > li > a {
    padding: 5px;
	line-height: 1.5;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-menu-badge {
    display: block;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items .sp-menu-item .fa, .sp-megamenu-parent .sp-dropdown .sp-mega-group .fa {
    background: #fff;
    border-radius: 10px;
    -webkit-transform: rotate(
4deg
);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(
4deg
);
    padding: 15px 20px;
    font-size: 30px;
    box-shadow: 0px 9px 30px 0px rgb(66 197 195 / 15%);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .fa {
    float: right;
    margin-left: 15px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #ffffff;
    transform: rotate(
45deg
);
    position: absolute;
    top: 30px;
    right: 30px;
}
.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    padding: 40px 0 0 0;
}
.sp-megamenu-parent .sp-dropdown .row:first-child .item-header {
    padding: 0 0 5px 0;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
    margin-top: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row:not(:first-child) {
    background: #f7f8fa;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child li:nth-child(1) > a  {
    color: #42c5c3;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child  li:nth-child(2) > a  {
    color: #6ac847;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child li:nth-child(2) > a .fa  {
    background: #fff;
	box-shadow: 0px 9px 30px 0px rgba(62,207,142,.15);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child  li:nth-child(3) > a  {
    color: #1f94ce;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child li:nth-child(3) > a .fa  {
    background: #fff;
	box-shadow: 0px 9px 30px 0px rgba(62,207,142,.15);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child  li:nth-child(4) > a  {
    color: #a53589;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .row:first-child li:nth-child(4) > a .fa  {
    background: #fff;
	box-shadow: 0px 9px 30px 0px rgba(62,207,142,.15);
}
.sp-megamenu-parent .sp-mega-group > li > a:hover {
    color: #f44336 !important;
}
/*======================
    social
=======================*/
.social-section .sppb-column-addons { 
display: flex;
}
.social-section .sppb-addon-single-image-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    line-height: initial;
}
.social-section .sppb-addon-wrapper {
    margin-left: 5px;
}
.social-section .sppb-img-responsive:hover{
    opacity: 0.5;
}

.venus-waves {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
	 height: 30%;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.social-links {
    display: flex;
justify-content: center;
    align-items: center;
}
.social-links a {
border-radius: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-left: 15px;
}

.social-links a span {
    color: #fff;
    display: block;
    font-size: 0;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    font-weight: 100;
}

.footer-instagram {
    background-color: #E96791;
    box-shadow: 0 7px 30px #e9679170;
    background-image: linear-gradient(120deg,#F47778,#E96791);
}
.footer-instagram span {
    background-image: url(../images/social/instagram.svg);
}
.footer-telegram {
    background-color: #4361ee;
    box-shadow: 0 7px 30px #4361ee70;
    background-image: linear-gradient(120deg,#03b8ff,#4361ee);
}
.footer-telegram span {
    background-image: url(../images/social/telegram.svg);
}
.footer-twitter {
background-color: #5ba4d6;
    box-shadow: 0 7px 30px rgb(91 164 214 / 44%);
    background-image: linear-gradient( 120deg,#74b1db,#5ba4d6);

}
.footer-twitter span {
    background-image: url(../images/social/twitter.svg);
}
.footer-facebook {
background-color: #3d548e;
    box-shadow: 0 7px 30px rgb(61 84 142 / 44%);
    background-image: linear-gradient( 120deg,#6174a3,#3d548e);

}
.footer-facebook span {
    background-image: url(../images/social/facebook.svg);
}
.footer-linkedin {
background-color: #2867b2;
    box-shadow: 0 7px 30px #2867b270;
    background-image: linear-gradient( 120deg,#6590c3,#2867b2);
}
.footer-linkedin span {
    background-image: url(../images/social/linkedin.svg);
}


.fa-location:before {
    font-family: "Font Awesome 5 pro";
}
.joomdlecourses .course {
    border-radius: 25px;
}
#sp-main-body {
    margin-bottom: 30px !important;
}

/* ========================================================================
  profile css
 ========================================================================== */
.user-profile .sppb-nav-pills > li.active > a, .ln-tabs .sppb-nav-pills > li.active > a:hover, .ln-tabs .sppb-nav-pills > li.active > a:focus {
    background-color: #fecc05 !important;
    box-shadow: 0 29px 60px 0 rgba(54,57,73,.09);
    transition-duration: .3s;
}

.user-profile .sppb-nav-pills>li {
    float: right;
}
.user-profile .sppb-nav-pills>li>a {
    font-size: 16px;
    font-weight: 300;
}
.header_detail img {
	-webkit-box-shadow: 0 1rem 3.5rem rgba(0,0,0,.075);
    box-shadow: 0 1rem 3.5rem rgba(0,0,0,.075);
    margin: 0 auto;
    width: 250px;
    border-radius: 100%;
}
.header_detail .btn {
    margin: 5px;
}
.icon-delete:before, .icon-remove:before, .icon-cancel-2:before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
     content: "\f00d";
}

.icon-download:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f381";
}
.icon-eye-open:before, .icon-eye:before {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f06e";
}
.header_detail .context .title-movie {
    display: inline-block;
    font-size: 2.5rem;
    color: #333;
}
.header_detail .context .genre {
    display: inline-block;
    padding: .35em .5rem;
    font-size: .75rem;
    margin-right: .75rem;
    background-color: rgba(0,0,0,.7);
    color: #fafafa;
    border-radius: 4px;
    vertical-align: super;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header_detail .context .card-caption_rating #star__notice {
    font-size: .825rem;
    display: block;
    margin-top: 4px;
    color: #ccc;
}
.feature--movie_info .query {
    display: inline-block;
    margin-left: 1em;
}
.header_detail .context .query {
    color: #4c4c4c;
}
.feature--movie_info span {
    padding-right: 5px;
    font-weight: 400;
    color: #4c4c4c;
}

.view-profile legend {
    background-color: #fecc05;
    box-shadow: 0 29px 60px 0 rgba(54,57,73,.09);
    transition-duration: .3s;
    padding: 15px;
    border-radius: 12px;
}
.com-users .view-profile label {
    display: block !important;
}
.cfup-file .cfup-controls {
    left: 0;
	right: auto;

}
/**
 * Component: Card
 * --------------------------------------------------
 */
.c-card {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
  border-radius: 1vw;
  background-color: #fff;
}

/**
 * Image copyright: Adam Osinski
 * https://www.facebook.com/plywanie
 */
.c-card__header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  background-color: #874489;
}
.c-card__header:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.c-card__header:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 150%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.c-card__title {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.5;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 6.25%;
  width: 75%;
  padding-bottom: 9%;
  color: #fff;
  text-transform: uppercase;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}


/**
 * Component: Button
 * --------------------------------------------------
 */
.c-button {
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  overflow: visible;
  font: inherit;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.c-button:hover, .c-button:focus {
  outline: none;
  text-decoration: none;
}
.c-button:not(:disabled) {
  cursor: pointer;
}

/**
 * Component: Button
 * Modifier: Dropdown
 * --------------------------------------------------
 */
.c-button--join {
  position: absolute;
  right: 6.25%;
  bottom: 0;
  z-index: 10;
  background-color: #5D9CEC;
  padding: 15px;
  color: #E6E9ED;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  border-radius: 0.5vw;
  -webkit-transition: background-color .2s linear;
  transition: background-color .2s linear;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.c-button--join:hover {
  background-color: #4A89DC;
}





.events__item {
    background: #fff;
    border-right: 8px solid #86D8C9;
    border-radius: 2px;
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05);
    padding: 15px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}
.events__item--left {
    width: calc(100% - 76px);
}
.events__tag {
    background: #66DCEC;
    border: 2px solid #FEFEFE;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    width: 100px;
    margin-left: 16px;
    padding: 5px 2px;
    text-align: center;
}
.events__name {
    font-size: 15px;
    font-weight: 400;
    color: #222741;
    display: block;
    margin-bottom: 6px;
}
.events__date {
    font-size: 14px;
    color: #9FAAB7;
    display: inline-block;
}








.muck-up {
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(28,76,156,.15);
  border-radius: 12px;
  margin-bottom: 30px;
}

.muck-up .overlay {
  background: #864488;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 30px;
}

.muck-up .overlay:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(71, 32, 84, 0.5);
}

.muck-up > .top {
  position: relative;
  min-height: 100px;
  padding: 15px;
  color: #fff;
}

.muck-up .top .nav span {
  float: left;
  display: block;
}

.muck-up .nav p {
  margin-top: 2px;
  display: inline-block;
  float: left;
  vertical-align: bottom;
}

.muck-up .ion-android-menu {
  font-size: 24px;
  margin-right: 17px;
}

.muck-up .nav .ion-ios-more-outline {
  font-size: 38px;
  float: right !important;
}



.muck-up .user-profile img {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  float: right;
  margin-left: 24px;
}

.muck-up .user-details p {
  font-size: 11px;
}

.muck-up .user-details {
  float: right;
  margin-top: 5px;
  vertical-align: bottom;
}

.muck-up .user-details h4 {
  font-size: 18px;
}

.muck-up .filter-btn {
  position: absolute;
  z-index: 2;
  right: 0;
  width: 40px;
  height: 40px;
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
}

.muck-up .filter-btn span {
  width: 40px;
  height: 40px;
  background: #FA396B;
  display: block;
  position: absolute;
  right: 25px;
  top: -46px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  border-radius: 50%;
  font-size: 22px;
  z-index: 999;
}
span.toggle-btn.ion-android-funnel:hover{
      cursor: pointer;
}
.muck-up .filter-btn a {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  right: 25px;
  display: block;
  top: -46px;
  color: #fff;
  z-index: 99;
  font-size: 22px;
  transition: all .4s cubic-bezier(.68, 1, .265, 1);
}

.muck-up .filter-btn:after {
  height: 180px;
  width: 180px;
  content: '"\f0c9"';
  background-color: #FA396B;
  position: absolute;
  top: -110px;
  right: -40px;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease-in-out 0s;
}

.filter-btn.open span.toggle-btn.ion-android-funnel {
  background-color: #DE3963;
}

.filter-btn.open .ion-android-funnel:before {
  content: "\f2d7";
}

.muck-up .open:after {
  transform: scale(1);
}

.filter-btn.open a:nth-child(1) {
  transform: translate(9px, -62px);
}

.filter-btn.open a:nth-child(2) {
  transform: translate(-50px, -34px);
}

.filter-btn.open a:nth-child(3) {
  transform: translate(-56px, 25px);
}

.filter-btn.open a:nth-child(4) {
  transform: translate(5px, 61px);
}

.muck-up .bottom {
  background-color: #fff;
  z-index: 1;
  padding: 0 30px;
  position: relative;
  color: #222;
  padding-top: 0px;
}

.muck-up .bottom:after {
  content: '';
  position: absolute;
  top: -10px;
  background: #fff;
  right: -22px;
  left: 0;
  height: 100px;
  transform: rotate(-10deg);
  width: 337px;
  z-index: -1;
}

.muck-up .bottom .title {
  margin-bottom: 20px;
}

.muck-up .bottom .title h3 {
  font-size: 22px;
  margin-bottom: 5px;
}

.muck-up .title small {
  font-size: 13px;
  color: #888;
  text-transform: uppercase;
}

.muck-up ul.tasks .task-title {
  font-size: 13px;
  color: #888;
  display: inline-block;
}

.muck-up ul.tasks .task-time {
  float: left;
  font-size: 10px;
  color: #888;
}

.muck-up ul.tasks .task-cat {
  font-size: 16px;
  color: #000;
  display: block;
}

.muck-up ul.tasks li {
  margin-bottom: 16px;
  position: relative;
  list-style: none;
}

.muck-up ul.tasks li:after {
  content: '';
  position: absolute;
  right: -18px;
  top: 8px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.muck-up ul {
    padding: 0;
}

.muck-up ul.tasks li.red:after {
  background: #FF3163;
}

.muck-up ul.tasks li.green:after {
  background: #54D6C7;
}

.muck-up ul.tasks li.yellow:after {
  background: #EAB429;
}

.muck-up ul li.hang {
  margin-bottom: 0;
}

.muck-up ul li.hang img {
  float: left;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin-right: 8px;
}

.muck-up li.toggle-btn-text{
    list-style: none;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 1;
}





/**
 * dabir page category
 * --------------------------------------------------
 */
.dabir-page .article-list .article {
    border: none;
}
.dabir-page .article-info {
    display: none;
}
#dabiran {
  margin: 50px auto 10px;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    -moz-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    -webkit-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    -moz-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);

  border-radius: 5px;
  text-align: center;
  position: relative;
}
#dabiran i.fa-gear {
  position: absolute;
  border-radius: 5px;
  top: 15px;
  right: 15px;
  font-size: 1.8em;
  color: #1d2026;
  transition: color 0.2s ease-in-out;
}
#dabiran i.fa-gear:hover {
  color: #0270d8;
  cursor: pointer;
}

#dabiran img.avatar, .dabir-page #dabiran img, .dabir-page .dabiran-avatar img  {
  border-radius: 50%;
  max-width: 120px;
  border-radius: 50%;
  background: linear-gradient(to right, #843e85, #874489);
  padding: 0.16em;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
    top: -25px;
}
.dabir-page .article .article-intro-image {
    overflow: visible !important;
}
.dabir-page .dabiran-avatar img {
    margin: 30px auto 0 auto;
    border-radius: 100%;
    max-width: 200px;
}


#dabiran .main {
  padding: 10px 25px 25px;
}
#dabiran .main h3 {
  font-weight: normal;
  font-size: 2.3em;
  margin-bottom: 1px;
}
#dabiran .main p {
  color: #788192;
  font-size: 1.1em;
}

#dabiran .level {
  margin-bottom: -30px;
}
#dabiran .level p {
background: #864389;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.85em;
    display: inline-block;
    color: #fff;
}

#dabiran .information {
  padding: 25px;
  background: #f5f6f8;
  border-radius: 50% 50% 0 0 / 20px 20px;
}

#dabiran .stats {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
#dabiran .stats > div:not(:first-child) {
  margin-right: 25px;
}
#dabiran .stats h4 {
  font-size: 1.2em;
  color: #888484;
  font-weight: normal;
}
#dabiran .stats p {
  text-transform: uppercase;
  color: #333333;
  font-weight: 600;
  margin: 0;
}

#dabiran .description {
  color: #788192;
  margin: 0;
      font-weight: 300;
    text-align: justify;
}

#dabiran .actions a {
  background: transparent;
  padding: 10px 10px;
  flex: 1;
  color: #fefefe;
  border-radius: 3px;
  outline: none;
  font-size: 1.6em;
  font: inherit;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
#dabiran .actions button::-moz-focus-inner {
  border: 0;
}
#dabiran .actions a:first-child {
  margin-left: 7px;
  background: #864488;
  background-size: 170%;
  border: none;
  cursor: pointer;
}
#dabiran .actions a:first-child:hover, #dabiran .actions a:first-child:focus {
  background-size: 100%;
}
#dabiran .actions a:last-child {
    background: #fec100;
}











.calendar-page .article-list .article {
    border: none;
}
.calendar-page .article-info {
 display: none;
}
.calendar-page .calendar-container {
  position: relative;
}

.calendar-page .calendar-container header {
  border-radius: 1em 1em 0 0;
  background: #feca05;
  color: #fff;
  padding: 1em 2em 2em 2em;
}

.calendar-page .day {
  font-size: 4em;
  font-weight: 900;
  line-height: 2em;
}

.calendar-page .month {
  font-size: 2em;
  line-height: 1em;
  text-transform: lowercase;
}

.calendar-page .calendar {
  background: #fff;
  border-radius: 0 0 1em 1em;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 3px 1px #fff;
  color: #555;
  display: inline-block;
  padding: 2em;
}

.calendar-page .calendar thead {
  color: #e66b6b;
  font-weight: 700;
  text-transform: uppercase;
}

.calendar-page .calendar td {
  padding: 0.5em 1em;
  text-align: center;
}

.calendar-page .calendar tbody td:hover {
  background: #cacaca;
  color: #fff;
}

.calendar-page .current-day {
  color: #e66b6b;
}

.calendar-page .prev-month,
.calendar-page .next-month {
  color: #cacaca;
}

.calendar-page .ring-left,
.calendar-page .ring-right {
  position: absolute;
  top: 180px;
}

.calendar-page .ring-left {
  left: 2em;
}

.calendar-page .ring-right {
  right: 2em;
}

.calendar-page .ring-left:before,
.calendar-page .ring-left:after,
.calendar-page .ring-right:before,
.calendar-page .ring-right:after {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(0, 0, 0, 0.2);
  content: "";
  display: inline-block;
  margin: 8px;
  height: 32px;
  width: 8px;
}




.calendar-page .light {
  background-color: #fff;
}

.calendar-page .dark {
  margin-left: 65px;
}

.calendar-page .calendar {
  width: 370px;
  box-shadow: 0px 0px 35px -16px rgba(0, 0, 0, 0.75);
  padding: 20px 30px;
  color: #363b41;
  display: inline-block;
}

.calendar-page .calendar_header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.calendar-page .header_copy {
  color: #A39D9E;
  font-size: 20px;
}

.calendar-page .calendar_plan {
  margin: 20px 0 40px;
}
.calendar-page .calendar_plan .cl_plan:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f290";
    /* content: ""; */
    display: block;
    /* background: url(../images/default/article/quote-left.svg) no-repeat; */
    position: absolute;
    left: 20px;
    top: 10%;
    font-size: 50px;
    color: #ffecef;
}

.calendar-page .cl_plan {
	position: relative;
  width: 100%;
  border-radius: 12px;
  background-image: linear-gradient(-222deg, #FF8494, #ffa9b7);
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
  padding: 30px;
  color: #fff;
}

.calendar-page .cl_copy {
  font-size: 18px;
  display: inline-block;
}

.calendar-page .cl_add {
display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    margin: 0;
    color: #c2c2c2;
    vertical-align: middle;
}

.calendar-page .calendar_events {
  color: #A39D9E;
}

.calendar-page .ce_title {
  font-size: 14px;
}

.calendar-page .event_item {
  margin: 18px 0;
  padding: 5px;
  cursor: pointer;
}
.calendar-page .event_item:hover {
  border-radius: 5px;
  background-image: linear-gradient(-222deg, #FF8494, #ffa9b7);
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
}
.calendar-page .event_item:hover .ei_Dot {
  background-color: #fff;
}
.calendar-page .event_item:hover .ei_Copy, .event_item:hover .ei_Title {
  color: #fff;
}

.calendar-page .ei_Dot, .ei_Title {
  display: inline-block;
}

.calendar-page .ei_Dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #A39D9E;
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
}

.calendar-page .dot_active {
  background-color: #FF8494;
}

.calendar-page .ei_Title {
  margin-left: 10px;
  color: #363b41;
}

.calendar-page .ei_Copy {
  font-size: 12px;
  margin-left: 27px;
}

.calendar-page .dark {
  background-image: linear-gradient(-222deg, #646464, #454545);
  color: #fff;
}
.calendar-page .dark .header_title, .calendar-page .dark .ei_Title, .dark .ce_title {
  color: #fff;
}




.bg-purple {
    background: #864488;
    color: #fff;
}
.bg-td {
    background: #ff9dac73;
}
.bg-film {
    color: #0a88ff;
}
.bg-online {
    color: #dc3545;
}
.calendar-table table {
	    display: table;
	text-align: center;
  width: 100%;
  border-collapse: collapse;
}
.calendar-table {
    -moz-box-shadow: 0px 32px 47px rgba(32, 23, 23, 0.09);
    -webkit-box-shadow: 0px 32px 47px rgba(32, 23, 23, 0.09);
    box-shadow: 0px 32px 47px rgba(32, 23, 23, 0.09);
}
.calendar-table td, .calendar-table th {
   padding: 20px;
  border: 1px solid #FEFEFE;
  box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 10px 0 -5px #fff, 0 10px 1px -4px rgba(0,0,0,.05), 0 20px 0 -10px #fff, 0 20px 1px -9px rgba(0,0,0,.05);

}

.calendar-table .hover {
   background: #feca05; 
}
.calendar-table .hover td {
   background: #feca05;
   color : #11212d;    
}


.behdasht-counter {
    display: inline-block;
    background: #fecc05;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
	position: absolute;
    left: 15px;
}





/**
 * profile menu hambergeri
 * --------------------------------------------------
 */

.header.profile-dashboard h1 {
    font-size: 30px;
    font-weight: 500;
}


/* Global CSS that are applied for all screen sizes */
.profile-menu-page .nav {
    display: block;
}
.profile-menu-page .nav .row {
	max-width: 1240px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5em;
	font-weight: 300;
}

.profile-menu-page .nav li span {
	display: block;
}

.profile-menu-page .nav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s;
}

.profile-menu-page .nav i{
	/* Make the font smoother for Chrome */
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Remove the blue Webkit background when element is tapped */

.profile-menu-page a, .profile-menu-page button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover effect for the whole navigation to make the hovered item stand out */

.profile-menu-page .nav ul:hover a {
	color: rgba(249, 249, 249, .5);
}

.profile-menu-page .nav ul:hover a:hover {
	color: rgba(249, 249, 249, 0.99);
}

/* Adding some background color to the different menu items */

.profile-menu-page .nav li:nth-child(6n+1) {
	background: rgb(251, 195, 11);
}

.profile-menu-page .nav li:nth-child(6n+2) {
	background: rgb(233, 147, 26);
}

.profile-menu-page .nav li:nth-child(6n+3) {
	background: rgb(22, 145, 190);
}

.profile-menu-page .nav li:nth-child(6n+4) {
	background: rgb(22, 107, 162);
}

.profile-menu-page .nav li:nth-child(6n+5) {
	background: rgb(27, 54, 71);
}

.profile-menu-page .nav li:nth-child(6n+6) {
	background: rgb(21, 40, 54);
}
.profile-menu-page .nav li:nth-child(6n+7) {
    background: rgb(133 67 136);
}

/* For screen bigger than 800px */
@media (min-width: 50em) {

	/* Transforms the list into a horizontal navigation */
	.profile-menu-page .nav li {
		float: right;
		width: 14.26666666666667%;
		text-align: center;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.profile-menu-page .nav a {
		display: block;
		width: auto;
	}

	/* hover, focused and active effects that add a little colored border to the different items */
	.profile-menu-page .nav li:nth-child(6n+1) a:hover,
	.profile-menu-page .nav li:nth-child(6n+1) a:active,
	.profile-menu-page .nav li:nth-child(6n+1) a:focus {
		border-bottom: 4px solid rgb(208, 163, 15);
	}

	.profile-menu-page .nav li:nth-child(6n+2) a:hover,
	.profile-menu-page .nav li:nth-child(6n+2) a:active,
	.profile-menu-page .nav li:nth-child(6n+2) a:focus {
		border-bottom: 4px solid rgb(191, 117, 20);
	}

	.profile-menu-page .nav li:nth-child(6n+3) a:hover,
	.profile-menu-page .nav li:nth-child(6n+3) a:active,
	.profile-menu-page .nav li:nth-child(6n+3) a:focus {
		border-bottom: 4px solid rgb(12, 110, 149);
	}

	.profile-menu-page .nav li:nth-child(6n+4) a:hover,
	.profile-menu-page .nav li:nth-child(6n+4) a:active,
	.profile-menu-page .nav li:nth-child(6n+4) a:focus {
		border-bottom: 4px solid rgb(10, 75, 117);
	}

	.profile-menu-page .nav li:nth-child(6n+5) a:hover,
	.profile-menu-page .nav li:nth-child(6n+5) a:active,
	.profile-menu-page .nav li:nth-child(6n+5) a:focus {
		border-bottom: 4px solid rgb(16, 34, 44);
	}

	.profile-menu-page .nav li:nth-child(6n+6) a:hover,
	.profile-menu-page .nav li:nth-child(6n+6) a:active,
	.profile-menu-page .nav li:nth-child(6n+6) a:focus {
		border-bottom: 4px solid rgb(9, 18, 25);
	}
	.profile-menu-page .nav li:nth-child(6n+7) a:hover,
	.profile-menu-page .nav li:nth-child(6n+7) a:active,
	.profile-menu-page .nav li:nth-child(6n+7) a:focus {
		border-bottom: 4px solid rgb(111, 45, 114);
	}
	/* Placing the icon */
	
	.profile-menu-page .icon {
		padding-top: 1.4em;
	}

	.profile-menu-page .icon + span {
		margin-top: 2.1em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Animating the height of the element*/
	.profile-menu-page .nav a {
		height: 9em;
	}

	.profile-menu-page .nav a:hover ,
	.profile-menu-page .nav a:active ,
	.profile-menu-page .nav a:focus {
		height: 10em;
	}	

	/* Making the text follow the height animation */
	.profile-menu-page .nav a:hover .icon + span {
		margin-top: 3.2em;
		-webkit-transition: margin .5s;
		-moz-transition: margin .5s;
		-o-transition: margin .5s;
		-ms-transition: margin .5s;
		transition: margin .5s;
	}

	/* Positioning the icons and preparing for the animation*/
	.profile-menu-page .nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		border-radius: 50%;
		font-size: 1.8em;
		width: 70px;
       height: 70px;
       border-radius: 50%;
        line-height: 70px;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;
	}	
	
	/* Animate the box-shadow to create the effect */
	.profile-menu-page .nav a:hover i,
	.profile-menu-page .nav a:active i,
	.profile-menu-page .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}
		
}

@media (min-width: 50em) and (max-width: 61.250em) {

	/* Size and font adjustments to make it fit into the screen*/
	.profile-menu-page .nav ul {
		font-size: 1.2em;
	}

}

/* The "tablet" and "mobile" version */

@media (max-width: 49.938em) {		
	
	/* Instead of adding a border, we transition the background color */
	.profile-menu-page .nav ul li:nth-child(6n+1) a:hover,
	.profile-menu-page .nav ul li:nth-child(6n+1) a:active,
	.profile-menu-page .nav ul li:nth-child(6n+1) a:focus {
		background: rgb(227, 119, 20);
	}

	.profile-menu-page .nav li:nth-child(6n+2) a:hover,
	.profile-menu-page .nav li:nth-child(6n+2) a:active,
	.profile-menu-page .nav li:nth-child(6n+2) a:focus {
		background: rgb(245, 160, 41);
	}

	.profile-menu-page .nav li:nth-child(6n+3) a:hover,
	.profile-menu-page .nav li:nth-child(6n+3) a:active,
	.profile-menu-page .nav li:nth-child(6n+3) a:focus {
		background: rgb(44, 168, 219);
	}

	.profile-menu-page .nav li:nth-child(6n+4) a:hover,
	.profile-menu-page .nav li:nth-child(6n+4) a:active,
	.profile-menu-page .nav li:nth-child(6n+4) a:focus {
		background: rgb(31, 120, 176);
	}

	.profile-menu-page .nav li:nth-child(6n+5) a:hover,
	.profile-menu-page .nav li:nth-child(6n+5) a:active,
	.profile-menu-page .nav li:nth-child(6n+5) a:focus {
		background: rgb(39, 70, 90);
	}

	.profile-menu-page .nav li:nth-child(6n+6) a:hover,
	.profile-menu-page .nav li:nth-child(6n+6) a:active,
	.profile-menu-page .nav li:nth-child(6n+6) a:focus {
		background: rgb(32, 54, 68);
	}

	.profile-menu-page .nav ul li {
		-webkit-transition: background 0.5s;
		-moz-transition: background 0.5s;
		-o-transition: background 0.5s;
		-ms-transition: background 0.5s;
		transition: background 0.5s;
	}	

}

/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {
	
	/* Creating the 2 column layout using floating elements once again */
	.profile-menu-page .nav li {
		display: block;
		float: left;
		width: 50%;
	}
	
	/* Adding some padding to make the elements look nicer*/
	.profile-menu-page .nav a {
		padding: 0.8em;		
	}

	/* Displaying the icons on the left, and the text on the right side using inlin-block*/
	.profile-menu-page .nav li span, 
	.profile-menu-page .nav li span.icon {
		display: inline-block;
	}

	.profile-menu-page .nav li span.icon {
		width: 50%;
	}

	.profile-menu-page .nav li .icon + span {
		font-size: 1em;
	}

	.profile-menu-page .icon + span {
		position: relative;
		top: -0.2em;
	}

	/* Adaptating to the icons to animate the size and border of the rounded background in a more discreet way */
	.profile-menu-page .nav li i {
		display: inline-block;
		padding: 8% 9%;
		border: 4px solid transparent;
		border-radius: 50%;
		font-size: 1.5em;
		background: rgba(255,255,255,0.1);
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	/* Transition effect on the border color */
	.profile-menu-page .nav li:hover i,
	.profile-menu-page .nav li:active i,
	.profile-menu-page .nav li:focus i {
		border: 4px solid rgba(255,255,255,0.1);
	}
	
}

/* Adapting the font size and width for smaller screns*/
@media (min-width: 32.5em) and (max-width: 38.688em) {
	
	.profile-menu-page .nav li span.icon {
		width: 50%;
	}

	.profile-menu-page .nav li .icon + span {
		font-size: 0.9em;
	}
}

/* Styling the toggle menu link and hiding it */
.profile-menu-page .nav .navtoogle{
	display: none;	
	width: 100%;
	padding: 0.5em 0.5em 0.8em;
	font-family: 'Lato',Calibri,Arial,sans-serif;
	font-weight: normal;
	text-align: left;
	color: rgb(7, 16, 15);
	font-size: 1.2em;
	background: none;	
	border: none;
	border-bottom: 4px solid rgb(221, 221, 221);
	cursor: pointer;
}

.profile-menu-page .icon-menu {
	position: relative;
	top: 3px;
	line-height: 0;
	font-size: 1.6em;
}

@media (max-width: 32.438em) {

	/* Unhiding the styled menu link */
	.profile-menu-page .nav .navtoogle{
		margin: 0;
		display: block;
		text-align: right;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.profile-menu-page .no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.profile-menu-page .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.profile-menu-page .nav .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.profile-menu-page .nav li span {
		display: inline-block;
		height: 100%;
	}

	.profile-menu-page .nav a {
		padding: 0.5em;		
	}
	
	.profile-menu-page .icon + span {
		margin-left: 1em;
		font-size: 0.8em;
	}
	
	/* Adding a left border of 8 px with a different color for each menu item*/
	.profile-menu-page .nav li:nth-child(6n+1) {
		border-left: 8px solid rgb(174, 78, 1);
	}

	.profile-menu-page .nav li:nth-child(6n+2) {
		border-left: 8px solid rgb(191, 117, 20);
	}

	.profile-menu-page .nav li:nth-child(6n+3) {
		border-left: 8px solid rgb(13, 111, 150);
	}

	.profile-menu-page .nav li:nth-child(6n+4) {
		border-left: 8px solid rgb(10, 75, 117);
	}

	.profile-menu-page .nav li:nth-child(6n+5) {
		border-left: 8px solid rgb(16, 34, 44);
	}

	.profile-menu-page .nav li:nth-child(6n+6) {
		border-left: 8px solid rgb(9, 18, 25);
	}

	/* make the nav bigger on touch screens */
	.profile-menu-page .touch .nav a {
		padding: 0.8em;
	}
}

/* General Demo Style */





.profile-menu-page .main,
.profile-menu-page .container > header {
	width: 100%;
	margin: 0 auto;
}


.profile-menu-page .container > header {
	text-align: center;
	font-size: 16px;
	padding: 4em 2em 3em;
	background: rgba(0,0,0,0.01);
}

.profile-menu-page .container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.profile-menu-page .container > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}

/* Header Style */
.profile-menu-page .codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
	position: relative;
	width: 100%;
	font-size: 0.7em;
	line-height: 2.2;
}

.profile-menu-page .codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.profile-menu-page .codrops-top a:hover {
	background: rgba(255,255,255,0.9);
}

.profile-menu-page .codrops-top span.right {
	float: right;
}

.profile-menu-page .codrops-top span.right a {
	float: left;
	display: block;
}

.profile-menu-page .codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.profile-menu-page .codrops-icon-drop:before {
	content: "\e001";
}
.profile-menu-page .codrops-icon-prev:before {
	content: "\e004";
}
.profile-menu-page .codrops-icon-archive:before {
	content: "\e002";
}
.profile-menu-page .codrops-icon-next:before {
	content: "\e000";
}
.profile-menu-page .codrops-icon-about:before {
	content: "\e003";
}

@media screen and (max-width: 25em) { 
	.profile-menu-page .codrops-icon span {
		display: none;
	}
	.profile-menu-page .container > header {
		font-size: 75%;
	}
}











.profile-dashboard {
	width: 85%;
    margin: 0 auto;
  position: relative;
  border-radius: 5px 25px 25px 5px;
  background-color: #fafafa;
  box-shadow: 0 10px 30px rgba(28,76,156,.15);
  animation: show.profile-dashboard 0.5s forwards ease-in-out;
}
@keyframes show.profile-dashboard {
  0% {
    width: 0;
  }
}
.profile-dashboard .photo, .profile-dashboard .content {
  box-sizing: border-box;
}
.profile-dashboard .photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fafafa;
  background-color: #fafafa;
  margin-right: -20px;
  box-shadow: 0 0 0.5rem #babbbc;
  animation: rotate-photo 0.5s forwards ease-in-out;
  position: relative;
    z-index: 1;
}
@keyframes rotate-photo {
  100% {
    transform: rotate(-360deg);
  }
}
.profile-dashboard .photo img {
  width: 100%;
}
.profile-dashboard .content {
  padding: 10px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 25px;
}
.profile-dashboard .content::before {
  content: "";
  position: absolute;
  width: 270px;
  height: 150px;
  background-color: #fff4c6;
  right: -25px;
  top: -20px;
  transform: rotate(-8deg);
  border-radius: 50px;
}
.profile-dashboard .content .text {
  color: #786145;
  margin-top: 20px;
  margin-right: 80px;
}
.profile-dashboard .content .text h3, .profile-dashboard .content .text h6 {
  font-weight: normal;
  margin: 3px 0;
  letter-spacing: 0.5px;
  white-space: nowrap;
  z-index: 1;
    position: relative;
}
.profile-dashboard .content .text h3 {
    font-size: 18px;
	font-weight: 300;
}
.profile-dashboard .content .text h6 {
    font-size: 12px;
	font-weight: 300;
}
.profile-dashboard .content .btn {
  background-color: #ffcb05;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 25px;
  top: 25px;
  padding: initial;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
  transition-duration: 0.3s;
  animation: pop-btn 0.3s both ease-in-out 0.5s;
}
.profile-dashboard .content .btn i {
line-height: 50px;
    color: #fff;
    font-size: 25px;
}
@keyframes pop-btn {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.profile-dashboard .content .btn:hover {
  box-shadow: 0 0 0 5px rgba(170, 187, 204, 0.5);
}
.profile-dashboard .content .btn span::before {
  margin-top: -7px;
}
.profile-dashboard .content .btn span::after {
  margin-top: 7px;
}
.profile-dashboard .content .btn.active span {
  animation: to-arrow 0.3s forwards ease-in-out;
}
.profile-dashboard .content .btn.active span::before, .profile-dashboard .content .btn.active span::after {
  width: 60%;
  right: -1px;
}
.profile-dashboard .content .btn.active span::before {
  transform: rotate(45deg);
}
.profile-dashboard .content .btn.active span::after {
  transform: rotate(-45deg);
}
@keyframes to-hamburger {
  from {
    transform: translateY(-50%) rotate(-180deg);
  }
}
@keyframes to-arrow {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(180deg);
  }
}
.profile-dashboard .box {
  width: 150px;
  height: 150px;
  opacity: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  right: -40%;
  transform: translate(-50%, -50%);
  transition-duration: 0.3s;
}
.profile-dashboard .box i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ececec;
  font-size: 26px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  left: 18px;
  top: calc(75px - 50px/2);
  box-shadow: 0 0 0.5rem #babbbc;
  transition-duration: 0.3s;
}
.profile-dashboard .box i:hover {
  transition-delay: initial !important;
  box-shadow: 0 0 0 5px #babbbc;
}
.profile-dashboard .box.open {
  opacity: 1;
}
.profile-dashboard .box.open i {
  left: 60px;
}
.profile-dashboard .box.open i:nth-of-type(1) {
  transform: rotate(-90deg) translateX(120px) rotate(90deg);
  transition-delay: 0s;
}
.profile-dashboard .box.open i:nth-of-type(2) {
  transform: rotate(-45deg) translateX(120px) rotate(45deg);
  transition-delay: 0.1s;
}
.profile-dashboard .box.open i:nth-of-type(3) {
  transform: rotate(0deg) translateX(120px) rotate(0deg);
  transition-delay: 0.2s;
}
.profile-dashboard .box.open i:nth-of-type(4) {
  transform: rotate(45deg) translateX(120px) rotate(-45deg);
  transition-delay: 0.3s;
}
.profile-dashboard .box.open i:nth-of-type(5) {
  transform: rotate(90deg) translateX(120px) rotate(-90deg);
  transition-delay: 0.4s;
}
/* ========================================================================
  sms css
 ========================================================================== */
/* =============SMS PAGE CSS============= */
body.com-smsregistration {
    background-color: #f4f5fa;
	background: url(../images/bg2.png);
}
.auth-block-content {
	width: 80%;
    margin: 0 auto 50px auto;
	box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    border-radius: .3rem;
}
#sp-header-index {
    margin: 20px;
}
.sidebar-image img {
    margin: 0 auto;
	width: 80%;
}
.auth-block-content .ico64 {
    width: 64px;
    height: 64px;
    font-size: 32px;
	margin: 0 auto;
}
.shadow {
	box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%) !important;
}
.rounded {
    border-radius: .3rem !important;
}
.bg-gray {
    background-color: #a6b6c3;
}
.text-gray {
    color: #6c757d;
}
.icogray {
    background: #f6f7f8;
	line-height: 2.2 !important;
    border-radius: 3px;
    width: 40px;
    height: 40px;
}
.bg-light {
    background-color: #fafafa !important;
}
.icorrect {
    display: inline-block;
    margin-left: 10px;
}
/* =============SMS PAGE INPUT============= */
.smsregistration input[type="text"] {
    position: relative;
}
.registration .form-group .form-control, .smsregistration .form-group .form-control {
    padding: 17px 40px;
    border-radius: 6px;
    border: solid 1px #f1f4f8;
    background-color: transparent;
}

.smsregistration input[type="text"]:before {
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    content: "\f095";
	color: #000;
}
.smsregistration .name-user input[type="text"]:before {
    top: 0px;
    left: -5px;
    content: "\f095";
}
#name input.form-control:before {

}
.signup-icon {
    position: absolute;
    transform: translateY(50%);
    top: 15%;
    right: 30px;
}
/* =============SMS PAGE ICON============= */
.edit-icon {
    color: #a7368b;
    font-size: 20px;
	margin: 15px;
}
.mobile-number {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -2px;
}
.active-code-text {
    font-size: 20px;
}
.active-code-button {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.btn-timer-code {
    border: 1px solid rgba(0,0,0,.5);
}
.btn-timer-code:hover{
    background: #f5f5f5;
}
.com-smsregistration .avatar img {
    margin: 0 auto;
	border-radius: 50%;
}
/* =============SMS FILE HIDE PROFILE============= */
.com-users #jform_com_fields_mobile, .com-users #jform_com_fields_mobile-lbl {
    display: none;
}

/* =============SMS PAGE WARNING============= */
.com-smsregistration .remodal-close {
    color: transparent;
    z-index: 99;
}
.com-smsregistration .remodal {
    background: transparent;
}
/* =============SMS PAGE WARNING STYLE============= */
.Message {
  display: table;
  position: relative;
  margin: 40px auto 0;
  width: 100%;
  background-color: #0074D9;
  color: #fff;
  transition: all 0.2s ease;
}
.Message.is-hidden {
  opacity: 0;
  height: 0;
  font-size: 0;
  padding: 0;
  margin: 0 auto;
  display: block;
}

.Message--orange {
  background-color: #F39C12;
}

.Message--red {
  background-color: #FF4136;
}

.Message--green {
  background-color: #2ECC40;
}

.Message-icon {
  display: table-cell;
  vertical-align: middle;
  width: 60px;
  padding: 30px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.25);
}
.Message-icon > i {
  width: 20px;
  font-size: 20px;
}

.Message-body {
  display: table-cell;
  vertical-align: middle;
  padding: 30px 20px 30px 10px;
  text-align: right;
}
.Message-body > p {
  line-height: 1.2;
  margin-top: 6px;
}

.Message-button {
  position: relative;
  margin: 15px 5px -10px;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px rgba(0, 0, 0, 0.4);
  border: none;
  padding: 10px 15px;
  font-size: 16px;
  font-family: "Source Sans Pro";
  color: #fff;
  outline: none;
  cursor: pointer;
}
.Message-button:hover {
  background: rgba(0, 0, 0, 0.3);
}
.Message-button:active {
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px rgba(0, 0, 0, 0.4);
  top: 3px;
}

.Message-close {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: none;
  outline: none;
  font-size: 20px;
  left: 5px;
  top: 5px;
  opacity: 0;
  cursor: pointer;
}
.Message:hover .Message-close {
  opacity: 1;
}
.Message-close:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.u-italic {
  font-style: italic;
}
.signup legend, .signup #jform_spacer-lbl, .signup .form-group label, .com-smsregistration label, .com-smsregistration legend {
    display: none;
}
/* =============phoca download============= */
#phoca-dl-download-box .pd-filenamebox, #phoca-dl-category-box .pd-filenamebox {
    float: right;
}
#phoca-dl-category-box .pd-buttons, #phoca-dl-file-box .pd-buttons, #phoca-dl-download-box .pd-buttons {
    float: left;
}
#overDiv .bgPhocaPDClass {
    border: none;
    border-radius: 12px;
	-webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
}
#overDiv .pd-title, #phoca-dl-category-box .pd-title, #phoca-dl-file-box .pd-title, #phoca-dl-download-box .pd-title {
    text-align: right;
}
#overDiv .pd-filesize-txt, #overDiv .pd-version-txt, #overDiv .pd-license-txt, #overDiv .pd-author-txt, #overDiv .pd-email-txt, #overDiv .pd-date-txt, #overDiv .pd-downloads-txt {
    float: right;
	text-align: right;
}
#phoca-dl-categories-box div.pd-categoriesbox {
    width: auto;
    float: right;
    -webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    background: #fff;
    border-radius: 12px;
}
#phoca-dl-categories-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pd-filename {
    background: #fff;
    -webkit-box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    box-shadow: 0 1rem 3.5rem rgb(0 0 0 / 8%);
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    margin: 20px 60px;
}
.pd-documents h3 {
    margin: 0 60px;
}
.com-phocadownload.view-category .pd-filename {
    margin: 0;
}
#phoca-dl-category-box .pd-category h3.pd-ctitle, #phoca-dl-file-box .pd-file h3.pd-ctitle, #phoca-dl-download-box .pd-file h3.pd-ctitle {
    background: #ffffff;
    padding: 15px;
    border-radius: 12px;
}
#phoca-dl-category-box .pagination, #phoca-dl-category-box .pagination div ul {
    text-align: center;
    margin: auto;
    margin: 5px;
    border: none;
    justify-content: flex-start;
	text-align: right;
}
.pginline {
    justify-content: center;
    align-items: center;
    display: flex;
}
.com-phocadownload select.form-control:not([multiple]), .com-phocadownload select.inputbox:not([multiple]), .com-phocadownload select:not([multiple]) {
    height: calc(2.25rem + 2px);
    width: auto;
}