#wp-admin-bar-sc-notifs-edit-link>.ab-item:before {
    content: "\f464";
    top: 2px
}

@font-face {
    font-display: fallback;
    font-family: 'iransansxv';
    src: url(../../inc/fonts/iransansx/IRANSansXV.woff) format("woff-variations"), url(../../inc/fonts/iransansx/IRANSansXV.woff) format("woff")
}

@font-face {
    font-family: iransansx;
    src: url(../../inc/fonts/iransansx/IRANSansX-Regular.woff) format("woff")
}

@font-face {
    font-family: iransansx;
    font-weight: 700;
    src: url(../../inc/fonts/iransansx/IRANSansX-Bold.woff) format("woff")
}

button {
    all: unset;
    text-align: center;
}

.mb-30 {
    margin-bottom: 30px
}

.page-title {
    border-radius: var(--sc-brdcm-border-radius-margin-left) var(--sc-brdcm-border-radius-margin-bottom) var(--sc-brdcm-border-radius-margin-right) var(--sc-brdcm-border-radius-margin-top)
}

.studiare-navigation ul.menu>li>a,
.studiare-navigation .menu>ul>li>a {
    border-radius: var(--sc-menu-items-border-radius-margin-top) var(--sc-menu-items-border-radius-margin-bottom) var(--sc-menu-items-border-radius-margin-right) var(--sc-menu-items-border-radius-margin-left)
}

.sc_studi-main-menu.visible-lg {
    border-radius: var(--sc-menuholder-border-radius-margin-top) var(--sc-menuholder-border-radius-margin-bottom) var(--sc-menuholder-border-radius-margin-right) var(--sc-menuholder-border-radius-margin-left)
}

.studiare-navigation ul.menu>li ul li>a,
.studiare-navigation .menu>ul>li ul li>a {
    border-radius: var(--sc-submenu-items-border-radius-margin-top) var(--sc-submenu-items-border-radius-margin-bottom) var(--sc-submenu-items-border-radius-margin-right) var(--sc-submenu-items-border-radius-margin-left)
}

.studiare-navigation ul.menu>li ul,
.studiare-navigation .menu>ul>li ul {
    border-radius: var(--sc-submenu-box-border-radius-margin-top) var(--sc-submenu-box-border-radius-margin-bottom) var(--sc-submenu-box-border-radius-margin-right) var(--sc-submenu-box-border-radius-margin-left)
}

#cancel-comment-reply-link {
    background: #ff110024;
    border: none;
    border-radius: 5px;
    padding: 5px
}

*,
::before,
::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ajaxoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999998;
    display: none;
}

.ajaxspinner,
.fbajaxspinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999999;
    font-size: 30px;
    color: var(--primary_color);
}

.admin_vc_addon {
    background-image: url(assets/images/icons/favicon.png) !important
}

.average-rating .avareage-rating-inner .average-rating-stars .star-rating>span {
    background-position: right top
}

.commentlist .review {
    border-bottom: 1px solid #f2f2f2;
    margin-top: 30px;
    padding-bottom: 10px
}

.commentlist .review .comment_container {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.commentlist .review .comment_container .comment-avatar img {
    border-radius: 50%
}

.hidden,
.hide_in_vc_editor {
    display: none
}

.img-fluid {
    height: auto;
    max-width: 100%
}

.owl-dots .owl-dot {
    display: inline-block
}

.scorderby {
    max-width: 240px;
    min-width: 190px
}

.scshortlink {
    display: flex;
    line-height: 3.5em
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

a.comment-reply-link {
    display: flex;
    background: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    width: 85px;
    align-items: center;
    justify-content: center
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
.owl-dots {
    display: block
}

body {
    background-color: #fff;
    color: #212529;
    font-family: 'iransansxv', iransansx, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left
}

html {
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.15
}

@media (max-width:991.98px) {

    .site-header .header-button-link,
    .site-header .header-button-link a {
        display: block
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px
}

.alignleft {
    float: left;
    margin-bottom: 10px;
    margin-right: 25px;
    margin-top: 3px
}

.alignright {
    float: right;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 3px
}

.comment-body {
    background: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 10px;
}

.course-section .panel-group .course-panel-heading:hover,
.course-section .panel-group .course-panel-heading.active,
.course-section .panel-group .panel-content,
html,
body {
    background-color: #fff
}

.gallery {
    clear: both;
    display: block;
    margin: 0 -2px;
    overflow: hidden
}

.gallery.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.sccommentnumber {
    text-align: center
}

.screen-reader-text {
    -webkit-clip-path: inset(50%);
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    -webkit-clip-path: none;
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.woocommerce-cart-form table tr:last-child td {
    border-bottom: none
}

.wp-caption {
    background: transparent;
    border: none;
    margin-bottom: 20px;
    max-width: 100%;
    padding: 0
}

.wp-caption .wp-caption-text,
.wp-caption-dd {
    font-style: italic;
    line-height: 1.6;
    opacity: .8;
    padding: 5px 10px 5px 0
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.alignright,
.alignleft,
.aligncenter,
.bypostauthor {
    color: inherit
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[hidden] {
    display: none !important
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    color: #2e3e77;
    text-decoration: none;
    text-decoration: none
}

a:hover {
    color: #192140;
    text-decoration: underline
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:hover,
a:active {
    outline: 0
}

abbr[title] {
    cursor: help
}

abbr[title],
abbr[data-original-title] {
    -webkit-text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    text-decoration: underline dotted
}

address {
    font-style: normal;
    font-style: italic;
    line-height: inherit;
    margin-bottom: 1rem;
    margin-bottom: 24px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%
}

big {
    font-size: 125%
}

blockquote {
    border-left: 3px solid #e5e5e5;
    color: #464749;
    font-size: 20px;
    font-style: normal;
    margin: 0 0 1rem;
    margin: 2em 0;
    padding-left: 1em
}

blockquote cite,
blockquote small {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal
}

blockquote p {
    margin-bottom: .75em
}

blockquote strong,
blockquote b {
    font-weight: 400
}

blockquote,
q {
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

body,
:not(.wp-core-ui) button,
input,
select,
textarea {
    line-height: 1.5
}

button {
    border-radius: 0
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button,
input {
    line-height: normal;
    overflow: visible
}

button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button,
select {
    text-transform: none
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}


button[disabled],
input[disabled] {
    cursor: default
}

caption {
    caption-side: bottom;
    color: #6c757d;
    font-weight: 400;
    padding: .5em 0;
    text-align: left;
    text-align: left
}

code,
kbd,
tt,
var,
samp,
pre {
    -ms-hyphens: none;
    -webkit-hyphens: none;
    font-family: monospace, serif;
    font-size: 13px;
    hyphens: none;
    line-height: 1.6
}

dd {
    margin-bottom: .5rem;
    margin-bottom: 24px;
    margin-left: 0
}

del {
    color: #767676
}

dfn,
cite,
dfn,
em,
i {
    font-style: italic
}

dl {
    margin-bottom: 24px
}

dt {
    font-weight: 700;
    font-weight: bold
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

figure {
    margin: 0 0 1rem;
    margin: 0
}

h1 {
    font-size: 26px;
    line-height: 1.3846153846
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 400;
    margin: 0 0 12px
}

h2 {
    font-size: 24px;
    line-height: 1
}

h3 {
    font-size: 22px;
    line-height: 1.4
}

h4 {
    font-size: 20px;
    line-height: 1.4
}

h5 {
    font-size: 18px;
    line-height: 1.3333333333
}

h6 {
    font-size: 16px;
    line-height: 1.5
}

hr {
    -webkit-box-sizing: content-box;
    background-color: #0000001a;
    border: 0;
    box-sizing: content-box;
    height: 0;
    height: 1px;
    margin-bottom: 23px;
    overflow: visible
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    -webkit-box-sizing: border-box;
    font-family: 'iransansxv', iransansx, sans-serif;
    border: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

b,
strong {
    font-weight: bolder;
    font-weight: 800
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    vertical-align: middle
}

input,
button,
select,
optgroup,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

input,
textarea {
    background-image: -webkit-linear-gradient(#fff0, #fff0)
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

label {
    display: inline-block;
    margin-top: .5rem
}

legend {
    color: inherit;
    display: block;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: .5rem;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    white-space: normal;
    width: 100%
}

li>ul,
li>ol {
    margin: 0 0 0 20px
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

ol {
    list-style: decimal
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

ol,
ul,
dl {
    margin-bottom: 1rem;
    margin-top: 0
}

output {
    display: inline-block
}

pre {
    -ms-overflow-style: scrollbar;
    border: 1px solid #0000001a;
    margin-bottom: 1rem;
    margin-bottom: 24px;
    margin-top: 0;
    max-width: 100%;
    overflow: auto;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

progress {
    vertical-align: baseline
}

small {
    font-size: 80%;
    font-size: smaller
}

sub {
    bottom: -.25em;
    top: .5ex
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

summary {
    cursor: pointer;
    display: list-item
}

sup {
    bottom: 1ex;
    top: -.5em
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse;
    border-collapse: collapse;
    border-radius: 0;
    margin-bottom: 20px;
    width: 100%
}

table tr td {
    border-bottom: 1px solid #efefef;
    color: #888;
    font-size: 12px;
    padding: 9px 0 8px
}

table tr th {
    border: none;
    border-bottom: 1px solid #efefef;
    color: #495057;
    font-weight: 500;
    line-height: 1.4;
    padding: 15px 0;
    text-align: left;
    vertical-align: middle
}

template {
    display: none
}

textarea {
    overflow: auto;
    overflow: auto;
    resize: vertical;
    vertical-align: top
}

th {
    text-align: inherit
}

ul,
ol {
    margin: 0 0 24px 20px
}

@media (min-width: 576px) {
    .gallery.gallery-columns-2 .gallery-item {
        max-width: 50%
    }
}

.gallery.gallery-columns-3 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-3 .gallery-item {
        width: 33.33%
    }
}

.gallery.gallery-columns-4 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-4 .gallery-item {
        max-width: 50%
    }
}

@media (min-width: 768px) {
    .gallery.gallery-columns-4 .gallery-item {
        max-width: 25%
    }
}

.gallery.gallery-columns-5 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-5 .gallery-item {
        max-width: 20%
    }
}

.gallery.gallery-columns-6 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-6 .gallery-item {
        max-width: 33.33%
    }
}

@media (min-width: 768px) {
    .gallery.gallery-columns-6 .gallery-item {
        max-width: 16.66%
    }
}

.gallery.gallery-columns-7 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-7 .gallery-item {
        max-width: 25%
    }
}

@media (min-width: 768px) {
    .gallery.gallery-columns-7 .gallery-item {
        max-width: 14.28%
    }
}

.gallery.gallery-columns-8 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-8 .gallery-item {
        max-width: 25%
    }
}

@media (min-width: 768px) {
    .gallery.gallery-columns-8 .gallery-item {
        max-width: 12.5%
    }
}

.gallery.gallery-columns-9 .gallery-item {
    max-width: 50%
}

@media (min-width: 576px) {
    .gallery.gallery-columns-9 .gallery-item {
        max-width: 25%
    }
}

@media (min-width: 768px) {
    .gallery.gallery-columns-9 .gallery-item {
        max-width: 11.11%
    }
}

.container,
.vc-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.gallery .gallery-item {
    -webkit-transition: opacity .2s ease-in-out;
    display: inline-block;
    margin: 0 0 1.5em;
    padding: 0 2px;
    transition: opacity .2s ease-in-out;
    vertical-align: top;
    width: 100%
}

.gallery .gallery-item .gallery-caption {
    color: #333333b3;
    font-size: 12px;
    line-height: 1.5;
    padding: .5em 0
}

.gallery .gallery-item a {
    display: block;
    line-height: 0;
    width: 100%
}

.gallery .gallery-item img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width: 100%
}

.gallery .gallery-item:hover {
    opacity: .8
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}

.main-page-content.default-margin {
    background-color: #f8f9fa;
    padding-bottom: 40px;
    padding-top: 40px
}

.placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
    color: #888
}

.wrap {
    background-color: #fff;
    position: relative;
    word-wrap: break-word
}

a {
    -webkit-transition: all .3s ease;
    color: #464749;
    text-decoration: none;
    transition: all .3s ease
}

a:active,
a:hover {
    outline: 0
}

a:hover {
    color: #1e83f0;
    text-decoration: none
}

body {
    color: #7d7e7f;
    font-size: 15px;
    line-height: 1.75rem;
    overflow-x: hidden
}

body.off-canvas-open,
body.modal-login-open {
    overflow: hidden
}

.cdb-content-box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 30px
}

.double-bounce1,
.double-bounce2 {
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
    background-color: var(--primary_color);
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.gallery-entry-unit {
    border-radius: 4px;
    overflow: hidden
}

.page .entry-content::after {
    clear: both;
    content: "";
    display: block
}

.row {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.spinner {
    height: 40px;
    margin: 100px auto;
    position: relative;
    width: 40px
}

.studiare-preloader {
    overflow: hidden;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    flex-direction: column;
    row-gap: 30px;
    padding: 15px;
    text-align: center;
}

.studiare-preloader-text {
    line-height: 2;
    animation: fadeInOut 1s infinite;
}

@keyframes fadeInOut {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-cube-grid {
    height: 40px;
    margin: 100px auto;
    width: 40px
}

.sk-cube-grid .sk-cube {
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    background-color: var(--primary_color);
    float: left;
    height: 33%;
    width: 33%
}

.sk-cube-grid .sk-cube1,
.sk-cube-grid .sk-cube5,
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube2,
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube4,
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.highlight {
    color: var(--primary_color)
}

.post-content p:last-of-type {
    margin-bottom: 15px
}

.top-bar {
    background-color: #2e3e77;
    font-size: 14px;
    position: relative;
    z-index: 120;
    top: 0;
    -moz-transition: 1s all ease;
    -moz-transition: .4s all ease;
    -webkit-transition: 1s all ease;
    -webkit-transition: .4s all ease;
    position: relative;
    top: 0;
    transition: 1s all ease;
    transition: .4s all ease;
}

.top-bar .row {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.top-bar.top-bar-color-light a:not(.button):hover {
    color: #fff
}

.top-bar.top-bar-color-light,
.top-bar.top-bar-color-light a:not(.button) {
    color: #fff9
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #464749
}

h6 {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .top-bar {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center
    }
}

.top-bar-col {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .top-bar-col {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.top-bar-right {
    text-align: right
}

@media (max-width: 991.98px) {
    .top-bar-right {
        display: none
    }
}

.top-bar-contact-info {
    list-style: none;
    margin: 0;
    padding: 0
}

.top-bar-contact-info i {
    float: left;
    font-size: 18px;
    margin-right: 6px;
    vertical-align: middle
}

.top-bar-contact-info li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 30px;
    vertical-align: middle
}

.top-bar-contact-info li:last-child {
    margin-right: 0
}

.top-bar-links {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.top-bar-links a {
    outline: 0 !important
}

@media (max-width: 991.98px) {
    .top-bar-contact-info {
        text-align: center
    }
}

.search-active .search-capture-click {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.search-active .search-form-opener .close-icon,
.search-form-opener .search-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-active .site-header .site-header-inner {
    -webkit-transform: translateY(-10%);
    opacity: 0;
    transform: translateY(-10%)
}

.search-active .site-header .site-search-wrapper,
.search-active .site-search-wrapper {
    -webkit-transform: translateY(-50%);
    -webkit-transition-delay: .2s;
    opacity: 1;
    transform: translateY(-50%);
    transition-delay: .2s;
    visibility: visible;
    z-index: 30
}

.search-capture-click {
    -webkit-transition: all .3s ease-in-out;
    background-color: #6c757d1a;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    z-index: 40
}

.search-form-opener {
    background-color: #0000000d;
    display: block;
    height: 56px;
    width: 56px
}

.search-form-opener .close-icon,
.search-form-opener .search-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 100%
}

.search-form-opener svg {
    width: 33px;
    fill: currentcolor
}

.site-header {
    -moz-transition: 1s all ease;
    -moz-transition: .4s all ease;
    -webkit-transition: 1s all ease;
    -webkit-transition: .4s all ease;
    position: relative;
    top: 0;
    transition: 1s all ease;
    transition: .4s all ease;
    z-index: 110
}

.site-header .container {
    position: relative
}

.site-header .menu-text-widget {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.site-header .navigation-left {
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-box-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start
}

.site-header .navigation-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.site-header .site-header-inner {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-transition: all .3s ease-in-out;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: all .3s ease-in-out;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-end;
}

.site-header:not(.studi_el_head) {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-shadow: 0 .125rem .25rem #00000013;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 .125rem .25rem #00000013;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 112px;
    min-height: 60px;
    position: relative;
    z-index: 110
}

.site-search-wrapper {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-transform: translateY(-40%);
    -webkit-transition: all .3s ease-in-out;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: -2
}

.site-search-wrapper .search-form {
    display: block;
    width: 100%
}

.site-search-wrapper .search-input {
    -webkit-box-shadow: none !important;
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
    font-size: 26px;
    font-weight: 300;
    outline: none;
    padding: 20px 15px;
    width: 100%
}

.site-search-wrapper .submit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transform: translateY(-50%);
    align-items: center;
    background-color: #f8f9fa;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px
}

.site-search-wrapper .submit svg {
    fill: currentcolor;
    height: 42px;
    width: 42px
}

.site-search-wrapper .submit:hover {
    background-color: #f8f9fa
}

.top-bar-color-light .search-form-opener {
    background-color: #0000001f
}

.top-bar-color-light .search-form-opener svg {
    fill: #fff
}

.top-bar-secondary-menu .top-menu {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0 .75rem 0 0
}

.top-bar-secondary-menu .top-menu>li a {
    padding: 0 .75rem
}

.top-bar-secondary-menu .top-menu ul,
.search-form-opener .close-icon,
.search-active .search-form-opener .search-icon {
    display: none
}

@media (max-width: 991.98px) {
    .site-header .menu-text-widget {
        display: none
    }
}

.site-header .mobile-nav-toggle {
    display: none;
    height: 46px;
    padding: 10px;
    position: relative;
    width: 46px
}

@media (max-width: 991.98px) {
    .site-header .mobile-nav-toggle {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        align-content: center;
        align-items: center;
        background: #f5f5f5;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .site-header .mobile-nav-toggle {
        height: 38px;
        width: 38px
    }

    .scoPriceHtml {
        flex-wrap: wrap;
    }
}

.off-canvas-open .site-header .mobile-nav-toggle .the-icon {
    background-color: transparent
}

.off-canvas-open .site-header .mobile-nav-toggle .the-icon:after {
    -webkit-transform: translateY(-6px) rotateZ(45deg);
    transform: translateY(-6px) rotateZ(45deg)
}

.off-canvas-open .site-header .mobile-nav-toggle .the-icon:before {
    -webkit-transform: translateY(6px) rotateZ(-45deg);
    transform: translateY(6px) rotateZ(-45deg)
}

.site-header .mobile-nav-toggle .the-icon {
    -webkit-transition: all .5s;
    background-color: #343a40;
    display: inline-block;
    height: 2px;
    margin-bottom: 6px;
    margin-top: 6px;
    position: relative;
    transition: all .5s;
    vertical-align: middle;
    width: 18px
}

.site-header .mobile-nav-toggle .the-icon:after {
    top: 6px
}

.site-header .mobile-nav-toggle .the-icon:before {
    top: -6px
}

.site-header .mobile-nav-toggle .the-icon:before,
.site-header .mobile-nav-toggle .the-icon:after {
    -webkit-transition: all .5s;
    background-color: #343a40;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .5s;
    width: 18px
}

.site-header .header-button-link .login-button i {
    float: left;
    font-size: 22px;
    line-height: inherit
}

.studitoplogin.site-logo .studiare-logo-wrap a img {
    object-fit: contain
}

.studiare-navigation {
    position: relative
}

.studiare-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.studiare-navigation ul.menu>li>a i,
.studiare-navigation .menu>ul>li>a i {
    font-weight: 300;
    margin-left: 7px;
    opacity: .7
}

.studiare-navigation ul.menu>li>a,
.studiare-navigation .menu>ul>li>a {
    font-size: 16px;
    padding: 20px 6px;
    line-height: 1em
}

.studiare-navigation ul.menu>li ul,
.studiare-navigation .menu>ul>li ul {
    -webkit-box-shadow: 0 0 10px 0 #0000001f;
    -webkit-transform: translate(0, 10px);
    -webkit-transition: all .25s ease;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #0000001f;
    left: 0;
    opacity: 0;
    position: absolute;
    top: calc(100% + 10px);
    transform: translate(0, 10px);
    transition: all .25s ease;
    visibility: hidden;
    width: 240px;
    z-index: 200
}

.studiare-navigation ul.menu>li.sc_studi-megamenu-menu ul {
    padding: 0;
}

.studiare-navigation ul.menu>li,
.studiare-navigation .menu>ul>li {
    margin: 0 5px
}

.studiare-navigation ul.menu>li:hover>ul,
.studiare-navigation .menu>ul>li:hover>ul {
    -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible
}

.studiare-navigation ul.menu,
.studiare-navigation .menu>ul {
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

li.sc_studi-megamenu-menu>.sc_studi-megamenu-title a {
    padding: 20px 6px
}

@media screen and (prefers-reduced-motion: reduce) {

    .studiare-navigation ul.menu>li ul,
    .studiare-navigation .menu>ul>li ul {
        -webkit-transition: none;
        transition: none
    }
}

.studiare-navigation .menu>ul>li ul.sc_studi-megamenu li>a:hover,
.studiare-navigation ul.menu>li ul.sc_studi-megamenu li>a:hover {
    padding-right: 10px
}

.studiare-navigation ul.menu>li ul li>a,
.studiare-navigation .menu>ul>li ul li>a {
    display: block;
    font-size: 14px;
    padding: 10px 20px
}

.studiare-navigation ul.menu>li ul li>ul,
.studiare-navigation .menu>ul>li ul li>ul {
    -webkit-transform: translate(10px, 0);
    left: 100%;
    top: 0;
    transform: translate(10px, 0);
    z-index: 30
}

.studiare-navigation ul.menu>li ul li,
.studiare-navigation .menu>ul>li ul li {
    position: relative;
    width: 100%
}

.studiare-navigation ul.menu>li ul li.menu-item-has-children>a,
.studiare-navigation .menu>ul>li ul li.menu-item-has-children>a,
.studiare-navigation ul.menu li,
.studiare-navigation .menu>ul li {
    position: relative
}

.studiare-navigation ul.menu>li ul li.menu-item-has-children>a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.studiare-navigation ul.menu>li ul li.menu-item-has-children>a:after,
.studiare-navigation .menu>ul>li ul li.menu-item-has-children>a:after {
    content: "\f105";
    display: block;
    font-family: "Font Awesome 5 Pro" !important;
    margin-right: 10px;
}

.studiare-navigation ul.menu>li ul li:after,
.studiare-navigation .menu>ul>li ul li:after {
    background-color: #e9ecef;
    content: '';
    display: block;
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

.studiare-navigation ul.menu>li ul li:hover>ul,
.studiare-navigation .menu>ul>li ul li:hover>ul {
    -webkit-transform: translate(0, 0);
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible
}

.studiare-navigation ul.menu>li ul li:last-child:after,
.studiare-navigation .menu>ul>li ul li:last-child:after {
    display: none
}

.studiare-navigation ul.menu>li ul:after,
.studiare-navigation .menu>ul>li ul:after {
    background-color: transparent;
    content: '';
    display: block;
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 240px
}

.studiare-navigation ul.menu>li:hover>ul.sub-menu,
.studiare-navigation .menu>ul>li:hover>ul.sub-menu,
.dropdown-menu-xl.show {
    animation: MenuMoveUp .4s cubic-bezier(.180, .890, .330, 1.27);
}

.studiare-navigation ul.menu li.current_page_item>a,
.studiare-navigation ul.menu li.current-menu-ancestor>a,
.studiare-navigation ul.menu li.current-menu-parent>a,
.studiare-navigation ul.menu li.current-menu-item>a,
.studiare-navigation .menu>ul li.current_page_item>a,
.studiare-navigation .menu>ul li.current-menu-ancestor>a,
.studiare-navigation .menu>ul li.current-menu-parent>a,
.studiare-navigation .menu>ul li.current-menu-item>a {
    color: #1e83f0
}

.studiare-navigation ul.menu>li ul li>a:hover,
.studiare-navigation .menu>ul>li ul li>a:hover {
    padding-right: 30px
}

@keyframes MenuMoveUp {
    0% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(0)
    }
}

.dropdown-menu-xl.dropdown-menu a {
    transition: none
}

ul.menu li.menu-item-has-children:hover>.sc_studi-megamenu-wrapper {
    animation: MegaMenuMoveUp .4s cubic-bezier(.180, .890, .330, 1.27);
    animation: MenuMoveUp .4s cubic-bezier(.180, .890, .330, 1.27);

}

@keyframes MegaMenuMoveUp {
    0% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(5px)
    }
}

@media (max-width: 991.98px) {
    .studiare-navigation {
        display: none
    }
}

.admin-bar .off-canvas-navigation {
    top: 32px
}

.off-canvas-navigation {
    -webkit-transform: translate(300px, 0);
    -webkit-transition: all .5s;
    background-color: #212529;
    bottom: 0;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate(300px, 0);
    transition: all .5s;
    visibility: hidden;
    width: 300px;
    will-change: transform;
    z-index: 160
}

.off-canvas-open .off-canvas-navigation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible
}

.page-title {
    background-color: #f8f9fa;
    padding-top: 40px
}

.page-title .breadcrumbs,
.page-title .woocommerce-breadcrumb {
    margin-top: 8px
}

.page-title .h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 0
}

.woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover {
    color: #666
}

.woocommerce-breadcrumb,
.breadcrumbs,
.woocommerce-breadcrumb a,
.breadcrumbs a {
    color: #8f8f8f
}

@media (max-width: 767.98px) {
    .admin-bar .off-canvas-navigation {
        padding-top: 46px;
        top: 0
    }
}

.footer-widgets {
    padding: 6em 0
}

.footer-widgets .footer-widget-col {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.footer-widgets .footer-widgets-inner {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.footer-widgets .widget {
    margin-top: 40px
}

.footer-widgets .widget-title {
    font-size: 18px;
    margin-bottom: 24px
}

.footer-widgets .widget:first-child,
.footer-widgets .widget.widget_contacts {
    margin-top: 0
}

.footer-widgets .widget_nav_menu *>ul {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0
}

.footer-widgets .widget_nav_menu *>ul>li {
    -ms-flex: 0 0 50%;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    line-height: 36px;
    padding: 0 10px
}

.footer-widgets .widget_nav_menu *>ul>li a {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.footer-widgets .widget_nav_menu *>ul>li a:before {
    -webkit-transition: all .2s ease-in-out;
    background: #fff;
    content: '';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
    transition: all .2s ease-in-out;
    width: 0
}

.footer-widgets .widget_nav_menu *>ul>li a:hover:before {
    margin-right: 5px;
    width: 12px
}

.footer-widgets .widget_nav_menu *>ul>li ul {
    margin: 0 -10px;
    padding: 0
}

.footer-widgets .widget_nav_menu *>ul>li ul li {
    -ms-flex: 0 0 100%;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    flex: 0 0 100%;
    flex-direction: column;
    padding: 0 10px
}

.footer-widgets .widget_text p {
    margin-bottom: 18px
}

.footer-widgets ul li {
    border-bottom: 0
}

.off-canvas-footer {
    border-top: 1px solid #2c3237;
    margin-bottom: 30px;
    margin-top: 12px;
    padding: 24px 20px
}



.off-canvas-main .mobile-menu a {
    color: #fff;
    display: inline-block
}

.off-canvas-main .mobile-menu li {
    display: block;
    position: relative
}

.off-canvas-main .mobile-menu li>a,
.off-canvas-main li.sc_studi-megamenu-menu>.sc_studi-megamenu-title a {
    font-size: 15px;
    font-weight: 100;
    padding: 10px 20px
}

.off-canvas-main .mobile-menu ul a {
    color: #adb5bd;
    font-size: 14px
}

.off-canvas-main ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.off-canvas-navigation .off-canvas-cart {
    border-bottom: 1px solid #2c3237;
    padding: 12px 20px 24px
}

.off-canvas-navigation .off-canvas-cart .cart-icon-link {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    text-transform: uppercase;
    column-gap: 5px
}

.off-canvas-navigation .off-canvas-cart .cart-icon-link .bag-icon svg {
    fill: #fff;
    height: 32px;
    width: 32px
}

.off-canvas-navigation .off-canvas-cart .cart-icon-link .studiare-cart-number {
    background-color: #1e83f0;
    border-radius: 3px;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    margin-left: 8px;
    margin-top: -20px;
    min-width: 15px;
    text-align: center
}

.off-canvas-navigation .search-form-wrapper {
    padding: 24px 20px 12px
}

.off-canvas-navigation .search-form-wrapper .search-field {
    background-color: #0000004d;
    border-color: transparent;
    color: #6c757d
}

.off-canvas-navigation .search-form-wrapper .search-field.placeholder,
.off-canvas-navigation .search-form-wrapper .search-field:-moz-placeholder,
.off-canvas-navigation .search-form-wrapper .search-field::-moz-placeholder,
.off-canvas-navigation .search-form-wrapper .search-field:-ms-input-placeholder,
.off-canvas-navigation .search-form-wrapper .search-field::-webkit-input-placeholder,
.footer-widgets .select2-container--default .select2-selection--single {
    color: #6c757d
}



.off-canvas-open .wrap,
.off-canvas-open .navigation,
.off-canvas-open .studi_notif_bar {
    -webkit-transform: translate(-300px, 0) !important;
    transform: translate(-300px, 0) !important
}

.off-canvas-overlay {
    -webkit-box-shadow: inset -37px 0 72px -6px #0000001a;
    -webkit-transform: translate(0, 0);
    -webkit-transition: all .5s;
    background-color: #6c757d1a;
    bottom: 0;
    box-shadow: inset -37px 0 72px -6px #0000001a;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate(0, 0);
    transition: all .5s;
    visibility: hidden;
    z-index: 115000000
}

.off-canvas-open .off-canvas-overlay {
    -webkit-transform: translate(-300px, 0);
    -webkit-transform: translate(-100%, 0);
    -webkit-transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
    transform: translate(-300px, 0);
    transform: translate(-100%, 0);
    transform: translate(0, 0);
    visibility: visible
}

.site-footer {
    background-color: #222e59
}

.site-footer.footer-color-light h1,
.site-footer.footer-color-light h2,
.site-footer.footer-color-light h3,
.site-footer.footer-color-light h4,
.site-footer.footer-color-light h5,
.site-footer.footer-color-light h6,
.site-footer.footer-color-light table tr th,
.site-footer.footer-color-light a:hover {
    color: #fff
}

.site-footer.footer-color-light table tr th,
.site-footer.footer-color-light table tr td {
    border-color: #435184
}

.site-footer.footer-color-light,
.site-footer.footer-color-light table tr td,
.site-footer.footer-color-light caption,
.site-footer.footer-color-light a {
    color: #fff9
}

.wrap {
    -webkit-transform: translate(0, 0);
    -webkit-transition: all .5s;
    transform: translate(0, 0);
    transition: all .5s
}

.navigation,
.studi_notif_bar {
    transition: all .5s
}


@media (min-width: 992px) {

    .footer-four-col .footer-widget-col,
    .footer-doubleleft-col .footer-widget-col,
    .footer-doubleright-col .footer-widget-col {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .footer-one-col .footer-widget-col {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .footer-three-col .footer-widget-col {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .footer-two-col .footer-widget-col,
    .footer-doubleleft-col .footer-widget-col:first-child,
    .footer-doubleright-col .footer-widget-col:last-child {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 991.98px) {
    .footer-widget-col:not(:last-child) {
        margin-bottom: 3em
    }
}

.footer-copyright .copyright-inner {
    border-top: 1px solid #ffffff1a;
    padding: 30px 0
}

.footer-copyright.copyrights-layout-default .copyright-inner {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .footer-copyright.copyrights-layout-default .copyright-inner {
        -ms-flex-direction: column;
        -ms-flex-pack: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        flex-direction: column;
        justify-content: center
    }

    .footer-copyright.copyrights-layout-default .copyright-inner .copyright-cell:first-child {
        margin-bottom: 20px
    }
}

.back-to-top {
    -webkit-transform: scale(0);
    -webkit-transition: all .3s;
    background-color: #18191b40;
    border-radius: 5px;
    bottom: 30px;
    color: #fff !important;
    cursor: pointer;
    height: 48px;
    opacity: 0;
    position: fixed;
    right: 20px;
    text-align: center;
    transform: scale(0);
    transition: all .3s;
    visibility: hidden;
    width: 48px;
    z-index: 2000
}

.back-to-top i {
    line-height: 35px
}

.back-to-top.visible {
    -webkit-transform: scale(1);
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.back-to-top:hover {
    background-color: #1e83f0
}

.btn i,
input[type="button"] i,
input[type="reset"] i,
input[type="submit"] i,
.button i,
.button-secondary i,
.woocommerce_message .button i,
.woocommerce-message .button i,
.event-single-side a.event_register_submit i,
.event_register_submit i {
    margin-right: 6px
}

.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button-secondary,
.woocommerce_message .button,
.woocommerce-message .button,
.event-single-side a.event_register_submit,
.event_register_submit {
    -webkit-transition: all .2s ease-in-out;
    border: 0;
    border-radius: 5px;
    display: inline-block;
    line-height: 27px;
    padding: 9px 22px;
    text-align: center;
    text-shadow: none;
    transition: all .2s ease-in-out;
    vertical-align: bottom
}

.btn-border:hover,
.event-single-side a.event_register_submit:hover,
.event_register_submit:hover,
.cart-page-inner .woocommerce-cart-form td.actions .button_update_cart:hover,
.cart-collaterals .shop_table tr.shipping .button:hover,
.product-info-box .button:hover {
    background-color: #1e83f0;
    color: #fff
}

.btn-filled,
.top-bar-cart .dropdown-cart .woocommerce-mini-cart__buttons a:first-child,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button-secondary,
.woocommerce_message .button,
.woocommerce-message .button {
    color: #fff
}

.btn-filled:hover,
.top-bar-cart .dropdown-cart .woocommerce-mini-cart__buttons a:hover:first-child,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.button-secondary:hover,
.btn-filled:focus,
.top-bar-cart .dropdown-cart .woocommerce-mini-cart__buttons a:focus:first-child,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus,
.button-secondary:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    outline: 0
}

.btn-light {
    background-color: #adb5bd !important
}

.btn-link,
.course-section .panel-group .panel-content a,
.cart-collaterals .shop_table tr.shipping .shipping-calculator-button {
    -webkit-box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    color: #1e83f0;
    padding: 0 0 5px
}

.btn-link:hover,
.course-section .panel-group .panel-content a:hover,
.cart-collaterals .shop_table tr.shipping .shipping-calculator-button:hover {
    color: #464749
}

.btn-small {
    padding: 8px 12px
}

.contact-form .wpcf7-form {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.contact-form .wpcf7-form .form-row {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.form-row input,
.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="checkbox"],
.form-row input[type="number"],
.form-row input[type="password"] {
    border: 1px solid #dcdcdc
}

.form-row input[type="submit"] {
    border: 0
}

.main-sidebar-holder .widget .widget-title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
    position: relative
}

.main-sidebar-holder .widget .widget-title:after {
    background-color: #f4f4f4;
    content: '';
    display: block;
    height: 2px;
    margin-top: .75em;
    width: 100%
}

.main-sidebar-holder .widget .widget-title:before {
    background-color: var(--primary_color);
    content: '';
    display: block;
    height: 24px;
    left: -1.75rem;
    position: absolute;
    top: 0;
    width: 2px
}

.main-sidebar-holder .widget,
.dokan-store-widget {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-bottom: 1.75rem;
    padding: 1.75rem
}

.rss-date {
    display: block
}

.rssSummary {
    margin: 9px 0
}

.rsswidget img {
    margin-top: -4px
}

.search-form {
    position: relative
}

.search-form .search-submit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    justify-content: center;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px
}

.search-form .search-submit svg {
    fill: currentcolor;
    height: 32px;
    width: 32px
}

.search-form input[type='search'] {
    padding-right: 42px;
    width: 100%
}

.widget li>ol,
.widget li>ul {
    list-style: disc;
    list-style-position: inside;
    margin-left: 10px;
    margin-top: 5px
}

.widget ul,
.widget ol {
    list-style: none;
    margin: 0
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_contacts li,
.widget_product_categories li {
    border-bottom: 1px solid #eee;
    border-bottom: 0 solid #eeeeee57;
    padding: 7px 0
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child,
.widget_contacts li:last-child,
.widget_product_categories li:last-child {
    border-bottom: 0
}

.widget_categories li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child {
    padding-bottom: 0
}

.widget_contacts ul li {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget_contacts ul li .contact-info-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 12px;
    text-align: center
}

.widget_contacts ul li .contact-info-icon i {
    font-size: 22px
}

.widget_recent_entries .post-date {
    color: #aaa;
    display: block
}

.widget_rss li {
    margin-bottom: 18px
}

.widget_rss li:last-child {
    margin-bottom: 0
}

.widget_tag_cloud .tag-cloud-link {
    background-color: #1e83f0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1;
    margin: 0 5px 5px 0;
    padding: 6px 10px
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: .375rem;
    margin-right: .75rem;
    vertical-align: baseline
}

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button-secondary,
.woocommerce_message .button,
.woocommerce-message .button {
    font-weight: inherit
}

input[type="text"],
input[type="password"],
input[type="username"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input.input-text,
select,
textarea {
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 3px 0 #0000000f;
    -webkit-transition: all .2s;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 #0000000f;
    font-family: inherit;
    font-weight: inherit;
    line-height: 1.6;
    outline: 0;
    padding: 8px 10px;
    transition: all .2s;
    width: 100%
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="username"]:focus,
input[type="url"]:focus,
input.input-text:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: 0 0 10px 0 #00000012;
    border-color: #d7d7d7;
    box-shadow: 0 0 10px 0 #00000012;
    outline: 0
}

label {
    color: #6c757d;
    display: block;
    padding-bottom: 3px
}

label .required {
    color: #adb5bd
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .375rem
}

@media (min-width: 768px) {

    .contact-form .wpcf7-form .form-row-first,
    .contact-form .wpcf7-form .form-row-last {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.contact-form .wpcf7-form input[type=submit] {
    border: 0
}

.login-form-modal {
    -webkit-transition: all .15s linear;
    margin: .5rem;
    opacity: 0;
    position: relative;
    transition: all .15s linear;
    visibility: hidden;
    width: auto;
    z-index: 1040
}

.login-form-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.modal {
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .15s linear;
    bottom: 0;
    left: 0;
    opacity: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .15s linear;
    visibility: hidden;
    z-index: 116000
}

.modal-login-open .modal .login-form-overlay {
    opacity: .8
}

.modal-login-open .modal,
.modal-login-open .login-form-modal {
    opacity: 1;
    visibility: visible
}

@media (min-width: 576px) {
    .login-form-modal {
        margin: 10vh auto 0;
        max-width: 500px
    }
}

.breadcrumbs .breadcrum-icon {
    margin: 0 8px
}

.login-form-modal .button {
    min-width: 140px
}

.login-form-modal .form-row-username i.material-icons,
.login-form-modal .form-row-password i.material-icons {
    bottom: 15px;
    color: #ccc;
    font-family: "Font Awesome 5 Pro";
    font-size: 22px;
    font-weight: 300;
    left: 12px;
    position: absolute
}

.login-form-modal .form-row-username input,
.login-form-modal .form-row-password input {
    height: 50px;
    padding-left: 46px
}

.login-form-modal .form-row-username,
.login-form-modal .form-row-password,
i.fab.fa-apart {
    position: relative
}

.login-form-modal .login-form-modal-box {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.login-form-modal .login-form-modal-box .close {
    position: absolute;
    right: 30px;
    top: 35px
}

.login-form-modal .login-form-modal-box .close svg {
    fill: #666;
    width: 26px
}

.login-form-modal .login-form-modal-box .login-form-content {
    padding: 40px
}

.login-form-modal .login-form-modal-box .login-form-content .form-row {
    margin-bottom: 15px
}

.login-form-modal .login-form-modal-box .login-form-remember {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 5px 0 15px
}

.login-form-modal .login-form-modal-box .login-title {
    background-color: #f6f6f6;
    font-size: 28px;
    margin-bottom: 0;
    padding: 35px 40px
}

.login-form-modal .login-form-modal-box .or-use-login {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    color: #adb5bd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-top: 20px;
    text-transform: uppercase
}

.login-form-modal .login-form-modal-box .or-use-login:after {
    margin-left: 15px
}

.login-form-modal .login-form-modal-box .or-use-login:before {
    margin-right: 15px
}

.login-form-modal .login-form-modal-box .or-use-login:before,
.login-form-modal .login-form-modal-box .or-use-login:after {
    -ms-flex: 1 0 0;
    -webkit-box-flex: 1;
    border-bottom: 1px solid #e5e5e5;
    content: "";
    flex: 1 0 0
}

.login-form-modal .login-form-modal-inner {
    -webkit-box-shadow: 0 .25rem .5rem #00000080;
    background-color: #fff;
    border-radius: .3rem;
    box-shadow: 0 .25rem .5rem #00000080;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.post-nav {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.75rem
}

.post-nav-btn {
    max-width: 50%
}

.post-nav-link {
    display: block;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.post-nav-link span {
    color: #adb5bd;
    display: block
}

.post-nav-link strong {
    font-weight: 400
}

.post-nav-link svg {
    -webkit-transform: translateY(-50%);
    fill: #adb5bd;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.post-nav-link.next {
    padding-right: 32px
}

.post-nav-link.next svg {
    left: auto;
    right: 0
}

.post-nav-link.prev {
    padding-left: 32px
}

.post-share {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post-share .post-share-title {
    margin-right: 6px
}

.remember-me-label input:focus {
    outline-color: transparent !important
}

.site-footer.footer-color-dark .studiare-social-links.rounded li a {
    border: 1px solid #0009
}

.site-footer.footer-color-light a i.fab.fa-apart:before,
.light a i.fab.fa-apart:before {
    background: url(../images/aparat-light.png);
    background-size: cover;
    content: "";
    height: 19px;
    position: absolute;
    right: -12px;
    top: -14px;
    width: 17px
}

.site-footer.footer-color-light ul.studiare-social-links.rounded a i.fab.fa-apart:before {
    height: 36px;
    right: -19px;
    top: -18px;
    transform: scale(0.55);
    width: 37px
}

.studiare-social-links {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.studiare-social-links li {
    display: inline-block
}

.studiare-social-links.light li a,
.studiare-social-links.rounded li a:hover {
    color: #fff
}

.studiare-social-links.rounded li {
    margin: 3px
}

.studiare-social-links.rounded li a {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #0009;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.studiare-social-links.rounded li a.aparat:hover {
    background-color: #E91E63;
    border-color: #E91E63
}

.studiare-social-links.rounded li a.behance:hover {
    background-color: #1769ff;
    border-color: #1769ff
}

.studiare-social-links.rounded li a.custom:hover {
    background-color: var(--primary_color);
    border-color: var(--primary_color)
}

.studiare-social-links.rounded li a.deviantart:hover {
    background-color: #05cc47;
    border-color: #05cc47
}

.studiare-social-links.rounded li a.dribbble:hover {
    background-color: #ea4c89;
    border-color: #ea4c89
}

.studiare-social-links.rounded li a.email:hover {
    background-color: #495057;
    border-color: #495057
}

.studiare-social-links.rounded li a.facebook:hover {
    background-color: #3b5998;
    border-color: #3b5998
}

.studiare-social-links.rounded li a.flickr:hover {
    background-color: #0063dc;
    border-color: #0063dc
}

.studiare-social-links.rounded li a.foursquare:hover {
    background-color: #f94877;
    border-color: #f94877
}

.studiare-social-links.rounded li a.github:hover {
    background-color: #4078c0;
    border-color: #4078c0
}

.studiare-social-links.rounded li a.google:hover,
.studiare-social-links.rounded li a.google-plus:hover {
    background-color: #dd4b39;
    border-color: #dd4b39
}

.studiare-social-links.rounded li a.houzz:hover {
    background-color: #7ac142;
    border-color: #7ac142
}

.studiare-social-links.rounded li a.instagram:hover {
    background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%) !important;
    background-color: #a17357 !important;
    border-color: #a17357
}

.studiare-social-links.rounded li a.linkedin:hover {
    background-color: #0077b5;
    border-color: #0077b5
}

.studiare-social-links.rounded li a.pinterest:hover {
    background-color: #bd081c;
    border-color: #bd081c
}

.studiare-social-links.rounded li a.s-500px:hover {
    background-color: #0099e5;
    border-color: #0099e5
}

.studiare-social-links.rounded li a.skype:hover {
    background-color: #00aff0;
    border-color: #00aff0
}

.studiare-social-links.rounded li a.snapchat.dark:hover {
    background-color: #fffc00;
    border-color: #fffc00;
    color: #495057
}

.studiare-social-links.rounded li a.telegram:hover {
    background-color: #405de6;
    border-color: #405de6
}

.studiare-social-links.rounded li a.tripadvisor:hover {
    background-color: #00af87;
    border-color: #00af87
}

.studiare-social-links.rounded li a.tumblr:hover {
    background-color: #35465c;
    border-color: #35465c
}

.studiare-social-links.rounded li a.twitter:hover {
    background-color: #1da1f2;
    border-color: #1da1f2
}

.studiare-social-links.rounded li a.vimeo:hover {
    background-color: #1ab7ea;
    border-color: #1ab7ea
}

.studiare-social-links.rounded li a.vine:hover {
    background-color: #00b488;
    border-color: #00b488
}

.studiare-social-links.rounded li a.vkontakte:hover {
    background-color: #45668e;
    border-color: #45668e
}

.studiare-social-links.rounded li a.whatsapp:hover {
    background-color: #4CAF50;
    border-color: #4CAF50
}

.studiare-social-links.rounded li a.xing:hover {
    background-color: #026466;
    border-color: #026466
}

.studiare-social-links.rounded li a.yelp:hover {
    background-color: #af0606;
    border-color: #af0606
}

.studiare-social-links.rounded li a.youtube:hover,
.studiare-social-links.rounded li a.youtube-play:hover {
    background-color: red;
    border-color: red
}

.studiare-social-links.rounded.light li a {
    background-color: #ffffff0d;
    border-color: transparent;
    color: #fff
}

.studiare-social-links:not(.rounded) li {
    margin: 5px 8px
}

i.fab.fa-apart:before,
.site-footer.footer-color-light a i.fab.fa-apart:before {
    background: url(../images/aparat.png);
    background-size: cover;
    content: "";
    height: 19px;
    position: absolute;
    right: -12px;
    top: -14px;
    width: 17px
}

.site-footer.footer-color-light a i.fab.fa-apart:before {
    background: url(../images/aparat-light.png);
}

ul.studiare-social-links.rounded i.fab.fa-apart:before {
    height: 24px;
    right: -12px;
    top: -12px;
    width: 24px
}

@media (max-width: 767.98px) {
    .post-nav-link strong {
        display: none
    }
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.commentlist .comment .comment_container {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.commentlist .comment .comment_container .comment-avatar {
    margin-right: 24px
}

.commentlist .comment .comment_container .comment-avatar img {
    border-radius: 50%
}

.commentlist .comment .comment_container .comment-text {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.commentlist .comment .comment_container .comment-text .comment-header {
    color: #adb5bd;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    vertical-align: middle
}

.commentlist .comment .comment_container .comment-text .comment-header .comment-author {
    color: #464749;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 10px
}

.commentlist .comment .comment_container .comment-text .comment-header .date {
    color: #8a8a8a;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 10px
}

.commentlist ul {
    list-style: none
}

@media (max-width: 767.98px) {
    .commentlist .comment .comment_container .comment-avatar {
        min-width: 40px;
        width: 40px
    }
}

.comment-respond {
    margin-top: 30px
}

.comment-respond .comment-form {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.comment-respond .comment-form p,
.comment-respond .comment-form .comment-form-rating {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.comment-respond .comment-form-rating {
    margin-bottom: 15px
}

.comment-respond .comment-form-rating .stars {
    display: none
}

.comment-respond .comment-reply-title small a {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 10px;
    padding: 3px 6px
}

.comment-respond .form-submit,
.comment-respond .must-log-in {
    margin-bottom: 0
}

.comment-respond p {
    margin-bottom: 16px
}

.comment-respond p .form-submit,
.comment-respond p .submit {
    width: auto
}

.comment-respond p input,
.comment-respond p textarea {
    width: 100%
}

.comment-respond p textarea {
    height: 140px
}

.commentlist .comment .comment-link-btn {
    background-color: #f8f9fa;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1.5;
    margin-left: 10px;
    padding: 5px 10px
}

.commentlist .comment .comment-link-btn i {
    margin-right: 8px
}

.commentlist .comment .comment-respond {
    background-color: #f8f9fa;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 30px
}

.commentlist .comment .star-rating {
    background: url(../images/star-empty.svg) left top repeat-x;
    background-size: 18px;
    display: inline-block;
    height: 18px;
    vertical-align: top;
    width: 90px
}

.commentlist .comment .star-rating>span {
    background: url(../images/star-fill.svg) left top repeat-x;
    background-size: 18px 18px;
    display: block;
    height: 18px;
    line-height: 1;
    text-indent: -9999px
}

.commentlist>li:first-child {
    border-top: 1px solid #f2f2f2;
    padding-top: 30px
}

@media (min-width: 768px) {

    .comment-respond .comment-form .comment-form-author,
    .comment-respond .comment-form .comment-form-email,
    .comment-respond .comment-form .comment-form-url,
    .review_form .comment-respond .comment-form .comment-form-author,
    .review_form .comment-respond .comment-form .comment-form-email {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.comment-holder {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1.875rem
}

.comment-holder .commentlist .children {
    border-top: 1px solid #f2f2f2;
    margin-left: 95px
}

.comment-holder .commentlist .children .comment:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.comment-respond-holder {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-top: 30px;
    padding: 1.875rem
}

.comment-respond-holder .comment-respond {
    margin-top: 0
}

.page .commentlist .comment-body,
.page .commentlist .comment-text,
.single-post .commentlist .comment-body,
.single-post .commentlist .comment-text {
    padding-bottom: 0;
    padding-left: 58px;
    position: relative
}

@media (min-width: 768px) {

    .page .commentlist .comment-body,
    .page .commentlist .comment-text,
    .single-post .commentlist .comment-body,
    .single-post .commentlist .comment-text {
        padding-left: 94px
    }
}

.page .commentlist .comment .avatar,
.single-post .commentlist .comment .avatar {
    border-radius: 50%;
    height: 40px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 40px
}

@media (min-width: 768px) {

    .page .commentlist .comment .avatar,
    .single-post .commentlist .comment .avatar {
        height: 70px;
        width: 70px
    }
}

.animated-counter .counter-text {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.animated-counter .counter-text .counter-label {
    line-height: 1.4
}

.animated-counter .counter-text .counter-number {
    font-size: 48px;
    font-weight: 300;
    margin-right: 15px
}

.animated-counter.counter-light .counter-text {
    color: #fff
}

.cdb-video-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 54px;
    justify-content: center;
    position: relative;
    width: 54px
}

.icon-box.contact-details .feature-content-text {
    font-size: 18px;
    line-height: 2;
    margin-top: -10px
}

.icon-box.icon-box-left .icon-wrap {
    margin-right: 24px
}

.icon-box.icon-box-left,
.icon-box.icon-box-right {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-box.icon-box-right {
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    flex-direction: row-reverse;
    text-align: right
}

.icon-box.icon-box-right .icon-wrap {
    margin-left: 24px
}

.icon-box.style-circle .icon-element .icon-element-inner,
.icon-box.style-square .icon-element .icon-element-inner {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center
}

.icon-box.style-circle .icon-element-inner {
    border-radius: 50%
}

.icon-box.style-circle.icon-box-large .icon-element-inner,
.icon-box.style-square.icon-box-large .icon-element-inner {
    font-size: 32px;
    height: 70px;
    width: 70px
}

.icon-box.style-circle.icon-box-medium .icon-element-inner,
.icon-box.style-square.icon-box-medium .icon-element-inner {
    font-size: 24px;
    height: 56px;
    width: 56px
}

.icon-box.style-circle.icon-box-small .icon-element-inner,
.icon-box.style-square.icon-box-small .icon-element-inner {
    font-size: 18px;
    height: 40px;
    width: 40px
}

.newsletter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.newsletter-form .form-control {
    border-bottom-left-radius: 2px;
    border-radius: 0;
    border-top-left-radius: 2px;
    line-height: 1;
    padding-left: 44px;
    position: relative;
    width: 100%
}

.newsletter-form input[type=submit] {
    -webkit-box-shadow: none;
    border-bottom-right-radius: 2px;
    border-radius: 0;
    border-top-right-radius: 2px;
    box-shadow: none;
    height: 100%
}

.newsletter-form:before {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    color: #6c757d;
    content: "\f0e0";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 300;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    width: 46px;
    z-index: 1
}

.page .commentlist .comment .comment-content p,
.single-post .commentlist .comment .comment-content p {
    margin-bottom: 16px
}

.page .commentlist .comment .comment-meta a,
.single-post .commentlist .comment .comment-meta a {
    color: #8a8a8a
}

.page .commentlist .comment .comment-meta,
.single-post .commentlist .comment .comment-meta {
    color: #8a8a8a;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 16px
}

.page .commentlist .comment .reply,
.icon-box.icon-box-top .icon-wrap {
    margin-bottom: 20px
}

.page .commentlist .comment .vcard .fn a,
.single-post .commentlist .comment .vcard .fn a {
    color: #464749
}

.page .commentlist .comment .vcard .fn a:hover,
.single-post .commentlist .comment .vcard .fn a:hover,
.page .commentlist .comment .reply .comment-reply-link,
.single-post .commentlist .comment .reply .comment-reply-link {
    color: #1e83f0
}

.page .commentlist .comment .vcard .fn,
.single-post .commentlist .comment .vcard .fn {
    color: #464749;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.page .commentlist .comment .vcard .says,
.single-post .commentlist .comment .vcard .says {
    display: none
}

.page .commentlist .comment .vcard,
.single-post .commentlist .comment .vcard {
    border: 0;
    display: inline-block;
    margin: 0 0 16px;
    padding: 0
}

.page-numbers.studiare_wp_link_pages {
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    padding-top: 30px;
    text-align: center
}

.page-numbers.studiare_wp_link_pages>* {
    background-color: #f0f0f1;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    min-width: 40px
}

.page-numbers.studiare_wp_link_pages>.page-number {
    background-color: var(--primary_color);
    color: #fff;
    margin: 0 5px
}

.sc_statics_holder.animated-counter .counter-text .counter-number {
    -webkit-text-stroke: 1px #dcdcdc;
    color: transparent;
    font-weight: 700
}

.section-heading .section-subtitle {
    color: #1e83f0;
    display: block;
    margin-bottom: 8px
}

.section-heading .section-title {
    font-size: 28px
}

.testimonials-wrapper {
    position: relative
}

.testimonials-wrapper .testimonial-item .testimonial-inner {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 0
}

.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author,
.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-content {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.video-banner {
    margin-bottom: 30px;
    position: relative
}

.video-banner .video-banner-image {
    background-color: #343a40;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.video-banner .video-banner-image>img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-rendering: auto;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.video-banner .video-banner-info {
    background: -webkit-gradient(linear, left bottom, left top, from(#000c), to(transparent));
    background: linear-gradient(0deg, #000c 0%, transparent 100%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 15px 20px;
    position: absolute;
    right: 0
}

.video-banner .video-banner-info .subtitle {
    display: block;
    margin-top: 5px
}

.video-banner .video-banner-info .title {
    color: #fff;
    margin-bottom: 0
}

.video-banner .video-button {
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 30
}

ul.page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

ul.page-numbers .page-numbers {
    border-radius: 10%;
    display: block;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    position: relative;
    text-align: center
}

ul.page-numbers .page-numbers.current,
ul.page-numbers .page-numbers:hover {
    background-color: var(--primary_color);
    color: #fff
}

ul.page-numbers li {
    background-color: #f0f0f1;
    border: 5px solid #f8f9fa;
    border-radius: 10%;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    vertical-align: top
}

ul.page-numbers .page-numbers i {
    line-height: 40px;
}

ul.page-numbers li:first-child {
    margin-left: 0
}

@media (min-width: 768px) {
    .testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author {
        -ms-flex: 0 0 25%;
        -ms-flex-order: 2;
        -webkit-box-flex: 0;
        -webkit-box-ordinal-group: 3;
        flex: 0 0 25%;
        max-width: 25%;
        order: 2
    }

    .testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-content {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-author-main {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-author-main .testimonial-author-name {
    font-size: 20px;
    margin-bottom: 0
}

.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-avatar {
    border: 6px solid #4950571a;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
    width: 100px
}

.testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-content blockquote {
    border-left: medium none;
    line-height: inherit;
    margin: 0;
    padding: 0
}

@media (max-width: 767.98px) {
    .testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
        padding-top: 20px
    }
}

.partners-logos {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.partners-logos .partner-logo-item {
    min-height: 1px;
    padding: 15px;
    position: relative;
    width: 100%
}

.pricing-table {
    -webkit-transition: all .3s ease;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-bottom: 30px;
    transition: all .3s ease
}

.pricing-table .pricing-button {
    padding: 0 30px 30px;
    text-align: center
}

.pricing-table .pricing-content {
    border-top: 1px solid #efefef;
    padding: 30px
}

.pricing-table .pricing-content ul li,
.pricing-table .pricing-content ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.pricing-table .pricing-content ul,
.pricing-table .pricing-content ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.pricing-table .pricing-header {
    padding: 30px;
    text-align: center
}

.pricing-table .pricing-header .pricing-title {
    margin-bottom: 5px
}

.pricing-table .pricing-price {
    -ms-flex-align: start;
    -ms-flex-pack: center;
    -webkit-box-align: start;
    -webkit-box-pack: center;
    align-items: flex-start;
    color: var(--primary_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    line-height: .7;
    position: relative
}

.pricing-table .pricing-price .currency {
    font-size: 24px
}

.pricing-table .pricing-price .price-number {
    font-size: 48px;
    font-weight: 300
}

.pricing-table:hover {
    -webkit-box-shadow: 0 5px 20px #0000000f;
    -webkit-transform: translateY(-4px);
    box-shadow: 0 5px 20px #0000000f;
    transform: translateY(-4px)
}

@media (max-width: 1199.98px) {
    .partners-logos .partner-logo-item {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (max-width: 767.98px) {
    .partners-logos .partner-logo-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.partners-logos .partner-logo-item .partner-logo-inner {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 10px;
    position: relative;
    text-align: center
}

.partners-logos .partner-logo-item .partner-logo-inner .hover-mask {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: all .25s ease-in-out;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .25s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

.partners-logos .partner-logo-item .partner-logo-inner .hover-mask .hover-mask-info {
    color: #fff;
    line-height: 1;
    position: relative;
    z-index: 30
}

.partners-logos .partner-logo-item .partner-logo-inner .hover-mask .hover-mask-info .desc p {
    margin: 5px 0 0
}

.partners-logos .partner-logo-item .partner-logo-inner .hover-mask .hover-mask-info a {
    color: #fff
}

.partners-logos .partner-logo-item .partner-logo-inner .hover-mask .hover-mask-info h4 {
    color: #fff;
    margin-bottom: 0
}

.partners-logos .partner-logo-item .partner-logo-inner .hover-mask:after {
    background-color: #1e83f0;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 8
}

.partners-logos .partner-logo-item .partner-logo-inner img {
    display: inline-block;
    max-width: 100%
}

.partners-logos .partner-logo-item .partner-logo-inner:hover .hover-mask {
    opacity: 1;
    visibility: visible
}

.partners-logos .partner-logo-item .partner-logo-inner:hover .hover-mask:after {
    opacity: .8;
    visibility: visible
}

.partners-logos .partner-logo-item.img-hover img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .2s ease-in-out;
    filter: grayscale(100%);
    transition: all .2s ease-in-out
}

.partners-logos .partner-logo-item.img-hover:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media (min-width: 992px) {
    .partners-logos.five_cols .partner-logo-item {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .partners-logos.four_cols .partner-logo-item {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .partners-logos.six_cols .partner-logo-item {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .partners-logos.three_cols .partner-logo-item {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .partners-logos.two_cols .partner-logo-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.countdown-timer-holder .countdown-item {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.countdown-timer-holder .countdown-item .countdown-unit {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center
}

.countdown-timer-holder .countdown-item .countdown-unit .number,
.countdown-timer-holder .countdown-item .countdown-unit .text {
    display: block
}

.partners-logos.no-gap {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.partners-logos.no-gap .partner-logo-item {
    padding: 0 !important
}

.partners-logos.with-borders .partner-logo-inner {
    border: 1px solid #e5e5e5
}

.partners-logos.with-borders.no-gap .partner-logo-inner {
    margin-bottom: -1px;
    margin-right: -1px
}

@media (max-width: 767.98px) {
    .countdown-timer-holder .countdown-item {
        -ms-flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-left: 0;
        margin-right: -15px;
        margin-right: 0
    }

    .countdown-timer-holder .countdown-item .countdown-col {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        margin-bottom: 30px;
        max-width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-left: 10px;
        padding-right: 15px;
        padding-right: 10px;
        position: relative;
        width: 100%
    }

    .countdown-timer-holder .countdown-item .countdown-unit {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.countdown-timer-holder.center .countdown-item {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.countdown-timer-holder.left .countdown-item {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.countdown-timer-holder.left .countdown-item .countdown-unit:first-child {
    margin-left: 0
}

.countdown-timer-holder.medium .countdown-unit .number {
    font-size: 38px;
    font-weight: 300;
    letter-spacing: -2px
}

.countdown-timer-holder.right .countdown-item {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.countdown-timer-holder.right .countdown-item .countdown-unit:last-child {
    margin-right: 0
}

@media (max-width: 767.98px) {
    .countdown-timer-holder.medium .countdown-unit .number {
        font-size: 24px;
        letter-spacing: -1px
    }
}

.countdown-timer-holder.large .countdown-unit .number {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -2px
}

@media (max-width: 767.98px) {
    .countdown-timer-holder.large .countdown-unit .number {
        font-size: 24px;
        letter-spacing: -1px
    }
}

.blog-archive {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.blog-archive .blog-main-loop {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.countdown-timer-holder.standard .countdown-unit {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    min-width: 100px
}

.countdown-timer-holder.standard .countdown-unit .number {
    border-bottom: 1px solid #efefef;
    color: var(--primary_color);
    padding: 25px 15px
}

.countdown-timer-holder.standard .countdown-unit .text {
    line-height: 1;
    padding: 8px 15px
}

.countdown-timer-holder.transparent .countdown-unit {
    background-color: #6c757d1a;
    border-radius: 4px;
    line-height: 1;
    min-width: 100px;
    padding: 25px 20px
}

.countdown-timer-holder.transparent .countdown-unit .number {
    margin-bottom: 10px
}

.countdown-timer-holder.transparent.light .countdown-unit {
    background-color: #ffffff1a;
    color: #fff
}

@media (min-width: 992px) {
    .blog-archive.has-sidebar .blog-main-loop {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width: 768px) {
    .blog-archive.sidebar-left {
        -ms-flex-direction: row-reverse;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        flex-direction: row-reverse
    }
}

.main-sidebar-holder {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .main-sidebar-holder {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.blog-loop-inner .portfolio {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.blog-loop-inner .portfolio .post-meta.post-category {
    display: none
}

.blog-loop-inner .post .entry-content,
.blog-loop-inner .portfolio .entry-content {
    overflow: hidden
}

.blog-loop-inner .post .post-inner .post-content .entry-title,
.blog-loop-inner .post-inner .post-content .entry-title,
.blog-loop-inner .portfolio .post-inner .post-content .entry-title {
    margin-top: 5px
}

.blog-loop-inner .post .post-inner .post-content,
.blog-loop-inner .post-inner .post-content,
.blog-loop-inner .portfolio .post-inner .post-content {
    overflow: hidden;
    padding: .5rem 1.6rem
}

.blog-loop-inner .post .post-inner,
.blog-loop-inner .post-inner,
.blog-loop-inner .portfolio .post-inner {
    -webkit-transition: all .3s ease;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    transition: all .3s ease
}

.blog-loop-inner .post .post-meta a,
.blog-loop-inner .post-meta a,
.blog-loop-inner .portfolio .post-meta a {
    color: #8f8f8f
}

.blog-loop-inner .post .post-meta a:hover,
.blog-loop-inner .post-meta a:hover,
.blog-loop-inner .portfolio .post-meta a:hover {
    color: #666
}

.blog-loop-inner .post .post-meta i,
.blog-loop-inner .post-meta i,
.blog-loop-inner .portfolio .post-meta i {
    color: var(--primary_color);
    margin-right: 8px
}

.blog-loop-inner .post .post-meta,
.blog-loop-inner .post-meta,
.blog-loop-inner .portfolio .post-meta {
    color: #8f8f8f;
    display: inline-block;
    font-size: 14px;
    padding-right: 24px
}

.blog-loop-inner .post .post-thumbnail img,
.blog-loop-inner .post-thumbnail img,
.blog-loop-inner .portfolio .post-thumbnail img {
    height: auto;
    max-width: 100%;
    transition: .5s;
    width: 100%
}

.blog-loop-inner .post .the-excerpt p:last-child,
.blog-loop-inner .the-excerpt p:last-child,
.blog-loop-inner .portfolio .the-excerpt p:last-child {
    margin-bottom: 0
}

.blog-loop-inner .post .the-excerpt,
.blog-loop-inner .the-excerpt,
.blog-loop-inner .portfolio .the-excerpt {
    margin-bottom: 15px
}

.blog-loop-inner .post-inner,
.blog-loop-inner .portfolio {
    margin-bottom: 1.75rem;
    position: relative;
    z-index: 10
}

.blog-loop-inner .post.sticky .entry-title a,
.blog-loop-inner .portfolio.sticky .entry-title a {
    border-bottom: 1px solid #1e83f0;
    color: #1e83f0;
    display: inline-block
}

.blog-loop-inner .post:hover .post-inner,
.blog-loop-inner .post.sticky .post-inner,
.blog-loop-inner .portfolio:hover .post-inner,
.blog-loop-inner .portfolio.sticky .post-inner {
    -webkit-box-shadow: 0 5px 20px #0000000f;
    box-shadow: 0 5px 20px #0000000f
}

.blog-loop-inner.post-single>.post .post-inner,
.blog-loop-inner.post-single .post-inner {
    padding: 1.875rem
}

.blog-loop-inner.post-single>.post .post-inner .entry-header,
.blog-loop-inner.post-single .post-inner .entry-header,
.blog-loop-inner.post-single>.post .post-inner .post-thumbnail,
.blog-loop-inner.post-single .post-inner .post-thumbnail {
    padding-bottom: 1.875rem
}

.blog-loop-inner.post-single>.post .post-inner .entry-tag-share,
.blog-loop-inner.post-single .post-inner .entry-tag-share {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.blog-loop-inner.post-single>.post .post-inner .entry-tag-share .post-tags,
.blog-loop-inner.post-single .post-inner .entry-tag-share .post-tags {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.blog-loop-inner.post-single>.post .post-inner .post-thumbnail,
.blog-loop-inner.post-single .post-inner .post-thumbnail {
    margin-left: -1.875rem;
    margin-right: -1.875rem
}

@media (min-width: 768px) {

    .blog-loop-inner.post-single>.post .post-inner .entry-tag-share,
    .blog-loop-inner.post-single .post-inner .entry-tag-share {
        -ms-flex-direction: row;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        flex-direction: row
    }
}

@media (min-width: 992px) {
    .blog-loop-view-grid.four-columns .post {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .blog-loop-view-grid.three-columns .post {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .blog-loop-view-grid.two-columns .post {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.blog-loop-view-list .post-inner {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-loop-view-list .post-inner .post-content {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.blog-loop-view-list .post-inner .post-thumbnail {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: auto;
    -webkit-box-flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    max-width: 40%;
    min-width: 40%;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .blog-loop-view-list .post-inner {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column
    }

    .blog-loop-view-list .post-inner .post-thumbnail {
        max-width: 100%;
        min-width: 100%
    }
}

.blog-loop-inner {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.blog-loop-inner .post {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.page-pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.page-pagination .page-links-title {
    font-weight: 600;
    margin-right: 20px
}

.page-pagination>span {
    background-color: var(--primary_color);
    color: #fff
}

.page-pagination a span,
.page-pagination a:hover span {
    background-color: #efefef
}

.page-pagination span {
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    min-width: 40px;
    position: relative;
    text-align: center
}

.post-author-box {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding-top: 30px
}

.post-author-box .author-content {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.post-author-box .author-content p {
    margin-bottom: 20px
}

.post-author-box .avatar {
    border: 3px solid #e5e5e5;
    border-radius: 50%;
    height: auto;
    margin-right: 24px;
    max-width: 100%;
    width: 110px
}

.post-password-form input[type=password] {
    display: block;
    margin: 0 10px;
    max-width: 100%;
    width: 200px
}

.post-password-form input[type=submit] {
    border-radius: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 42px
}

.post-password-form label {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 0
}

.post-tags a[rel="tag"] {
    background-color: #e9ecef;
    border-radius: 2px;
    display: inline-block;
    line-height: 1.2;
    margin-left: 4px;
    padding: 4px 8px
}

@media (max-width: 767.98px) {
    .post-password-form input[type=password] {
        margin: 10px 0 15px;
        width: 100%
    }

    .post-password-form label {
        display: block
    }
}

.search-results-wrapper {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
}

.search-results-wrapper .search-results-main {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .search-results-wrapper .search-results-main {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.archive-event {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.post-type-archive-tp_event .events-pagination {
    display: none;
}

.search-results-wrapper .search-results-main .search-result-box {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.75rem;
    overflow: hidden;
    padding: 1.75rem
}

.search-results-wrapper .search-results-main .search-result-box .result-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px
}

.search-results-wrapper .search-results-main .search-result-box .result-thumbnail a {
    border-radius: 10%;
    display: block;
    height: 140px;
    overflow: hidden;
    width: 140px;
    box-shadow: 0 0 5px #e5e5e5
}

.search-results-wrapper .search-results-main .search-result-box .search-content {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-right: 20px
}

@media (min-width: 992px) {
    .archive-event {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.owl-item .studiare-event-item {
    margin-bottom: 0;
    padding: 0 15px
}

.studiare-event-item {
    margin-bottom: 30px;
    width: 100%
}

.studiare-event-item .studiare-event-item-holder {
    -webkit-transition: all .3s ease;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    padding: 1.75rem;
    transition: all .3s ease
}

.studiare-event-item .studiare-event-item-holder .event-inner-content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder {
    margin-right: 24px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    border: 2px solid var(--primary_color);
    border-radius: 4px;
    color: #495057;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    line-height: 1.2;
    position: relative;
    width: 80px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date .date-day {
    font-size: 30px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date .date-month {
    font-size: 14px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:after {
    right: 12px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:before {
    left: 12px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:before,
.studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder .date:after {
    background-color: var(--primary_color);
    border-radius: 2px;
    content: "";
    height: 14px;
    position: absolute;
    top: -7px;
    width: 2px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta {
    margin-bottom: 8px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta .event-meta-piece {
    color: #8f8f8f;
    font-size: 14px;
    padding-right: 15px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta .event-meta-piece i {
    color: var(--primary_color);
    font-size: 18px;
    margin-right: 8px
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .event-thumbnail {
    background-color: #e9ecef;
    margin-left: 30px;
    max-width: 25%;
    min-width: 25%;
    overflow: hidden;
    position: relative
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .event-thumbnail img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .title {
    margin-bottom: 0
}

.studiare-event-item .studiare-event-item-holder .event-inner-content .top-part {
    -ms-flex-align: center;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1
}

@media (max-width: 991.98px) {
    .studiare-event-item .studiare-event-item-holder .event-inner-content {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column
    }

    .studiare-event-item .studiare-event-item-holder .event-inner-content .event-thumbnail {
        margin-left: 0;
        margin-top: 20px;
        max-width: 100%;
        width: 100%
    }
}

.event-single-main {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.studiare-event-item:hover .studiare-event-item-holder {
    -webkit-box-shadow: 0 5px 20px #0000000f;
    box-shadow: 0 5px 20px #0000000f
}

@media (min-width: 992px) {
    .event-single-main {
        -ms-flex: 0 0 66.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.event-single-side {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .event-single-side {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.event-single-main .entry-thumbnail img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.event-single-main .event-meta-info {
    -ms-flex-wrap: wrap;
    background-color: #343a40;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-left: 0;
    margin-right: -15px;
    margin-right: 0
}

.event-single-main .event-meta-info .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 1px;
    padding-left: 15px;
    padding-left: 0;
    padding-right: 15px;
    padding-right: 0;
    position: relative;
    width: 100%
}

.event-single-main .event-single-top {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 30px;
    overflow: hidden
}

.event-single-main .event-single-top .title-holder {
    padding: 1.75rem
}

.event-single-side .entry-register a {
    margin: 0
}

.event-single-side .entry-register p:last-of-type,
.event-single-main .event-single-top .title-holder .title {
    margin-bottom: 0
}

.event-single-side .event-info {
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

.event-single-side .event-info li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    padding-top: 8px
}

.event-single-side .event-single-side-inner {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1.75rem
}

.event-single-side a.event_register_submit,
.event_register_submit {
    border: 2px solid;
    font-weight: 700
}

@media (min-width: 576px) {
    .event-single-main .event-meta-info .box-content {
        flex: 1;
        max-width: none;
    }
}

.event-single-main .event-meta-info .box-content .icon {
    font-size: 34px;
    margin-left: 20px
}

.event-single-main .event-meta-info .box-content .inner {
    -ms-flex: 1;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    font-size: .875rem;
    justify-content: space-between;
    padding: 1.75rem;
    position: relative;
    z-index: 3
}

.event-single-main .event-meta-info .box-content .inner:before {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    background-color: transparent;
    bottom: 0;
    content: '';
    flex: 1;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.event-single-main .event-meta-info .box-content .label {
    color: #fff9;
    display: block;
    margin-bottom: 4px
}

.event-single-main .event-meta-info .box-content p {
    margin-bottom: 0
}

.event-single-main .event-meta-info .box-content.address .inner:before {
    background-color: #0003
}

.event-single-main .event-meta-info .box-content.end-time .inner:before {
    background-color: #0000001a
}

.event-single-main .event-single-description {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1.75rem
}

@media (max-width: 991.98px) {
    .event-single-main .event-single-description {
        margin-bottom: 20px
    }
}

#event-lightbox {
    -webkit-box-shadow: 0 .25rem .5rem #00000080;
    background-color: #fff;
    border-radius: .3rem;
    box-shadow: 0 .25rem .5rem #00000080;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event_register_submit {
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media (min-width: 576px) {
    #event-lightbox {
        margin: 10vh auto 0;
        max-width: 500px;
        padding: 60px
    }
}

@media (max-width: 767.98px) {
    #event-lightbox {
        width: 100%
    }
}

.countdown-amount {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--primary_color);
    display: block;
    font-size: 30px;
    height: auto;
    padding-bottom: 24px;
    padding-top: 24px;
    width: 100%
}

.countdown-period {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    font-size: 14px;
    padding: 2px
}

.countdown-row {
    -ms-flex-pack: distribute;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.countdown-section {
    padding: 0 10px 0 0
}

.countdown-section:last-child {
    padding: 0
}

.portfolio-archive {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.portfolio-archive .portfolio-items-holder {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.tp-event-notice.error {
    background-color: #e0717c;
    border: none;
    color: #fff
}

.tp_event_counter {
    background-color: transparent;
    border: none;
    padding: 20px 0 0
}

@media (min-width: 992px) {
    .portfolio-archive:not(.no-sidebar) .portfolio-items-holder {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .portfolio-archive.left-sidebar {
        -ms-flex-direction: row-reverse;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        flex-direction: row-reverse
    }

    .portfolio-archive .main-sidebar-holder {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.portfolio-controls .control:focus {
    outline: none
}

.portfolio-holder {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    position: relative
}

.portfolio-holder .portfolio-entry {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .portfolio-holder.portfolio-five-col .portfolio-entry {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }

    .portfolio-holder.portfolio-four-col .portfolio-entry {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .portfolio-holder.portfolio-six-col .portfolio-entry {
        -ms-flex: 0 0 16.66667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .portfolio-holder.portfolio-three-col .portfolio-entry {
        -ms-flex: 0 0 33.33333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .portfolio-holder.portfolio-two-col .portfolio-entry {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.not-found {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.not-found .not-found-content {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.not-found .not-found-icon-wrapper {
    margin-right: 30px
}

.not-found .not-found-icon-wrapper .error-page {
    color: #1e83f0;
    font-family: monospace;
    font-size: 165px;
    letter-spacing: -25px;
    line-height: 1;
    padding-right: 15px
}

.not-found .not-found-icon-wrapper .not-found-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    border: 3px solid #e9ecef;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 85px;
    height: 100px;
    justify-content: center;
    width: 100px
}

.portfolio-entry {
    margin-bottom: 30px
}

.portfolio-entry .portfolio-entry-inner {
    -webkit-transition: all .3s ease;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    transition: all .3s ease
}

.portfolio-entry .portfolio-entry-terms {
    color: #8f8f8f;
    font-size: 14px;
    padding-right: 25px
}

.portfolio-entry .portfolio-entry-thumb {
    position: relative
}

.portfolio-entry .portfolio-entry-thumb .overlay-icon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: all .25s cubic-bezier(0.77, 0, 0.175, 1);
    align-items: center;
    background-color: #1e83f0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .25s cubic-bezier(0.77, 0, 0.175, 1)
}

.portfolio-entry .portfolio-entry-thumb .overlay-icon svg {
    fill: #fff;
    height: 24px;
    width: 24px
}

.portfolio-entry .portfolio-entry-thumb .portfolio-link {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.portfolio-entry .portfolio-entry-thumb img {
    width: 100%
}

.portfolio-entry .portfolio-entry-thumb:hover .overlay-icon {
    opacity: .8
}

.portfolio-entry .portfolio-infos {
    line-height: 1;
    padding: 24px
}

.portfolio-entry .portfolio-infos .portfolio-entry-title {
    margin-bottom: 10px
}

.portfolio-entry:hover .portfolio-entry-inner {
    -webkit-box-shadow: -5px 5px 20px #00000040;
    box-shadow: -5px 5px 20px #00000040
}

.portfolio-list-cat {
    margin-bottom: 20px
}

.portfolio-list-cat ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.portfolio-list-cat ul li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.portfolio-list-cat ul li a {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    padding: 10px 16px
}

.portfolio-list-cat ul li a.mixitup-control-active {
    background-color: #1e83f0;
    border-color: #1e83f0;
    color: #fff
}

.portfolio-single-wrapper .post-nav,
.not-found .not-found-content p:last-child {
    margin-bottom: 0
}

.owl-cutom-nav .owl-prev,
.owl-cutom-nav .owl-next {
    display: flex
}

@media (max-width: 767.98px) {
    .not-found {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column
    }
}

#bbpress-forums ul.bbp-forums {
    border: 0;
    font-size: 100%
}

.bbp-breadcrumb,
.bbp-search-form,
.bbpress #bbpress-forums .bbp-author-avatar .avatar.avatar-14 {
    display: none
}

.bbpress #bbpress-forums {
    font-size: 100%
}

.bbpress #bbpress-forums #bbp-search-form {
    margin-bottom: 30px
}

.bbpress #bbpress-forums #bbp-search-form #bbp_search {
    width: 300px
}

.bbpress #bbpress-forums .bbp-author-name {
    color: #1e83f0;
    font-size: 15px
}

.bbpress #bbpress-forums .bbp-author-name:hover {
    color: #6c757d
}

.bbpress #bbpress-forums .bbp-footer {
    background: 0;
    border: 0;
    font-size: 14px
}

.bbpress #bbpress-forums .bbp-forum-info .bbp-forum-title {
    font-size: 17px;
    font-weight: 500
}

.bbpress #bbpress-forums .bbp-forum-info,
.bbpress #bbpress-forums .bbp-forum-freshness {
    line-height: 1.5
}

.bbpress #bbpress-forums .bbp-header {
    background: #343a40;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    padding: 20px 30px
}

.bbpress #bbpress-forums .bbp-header a {
    color: #fff
}

.bbpress #bbpress-forums .bbp-reply-header {
    padding: 15px 30px
}

.bbpress #bbpress-forums .bbp-template-notice {
    border: 0;
    border-radius: 0;
    font-size: 13px;
    line-height: 30px;
    margin-top: 0;
    padding: 5px 15px
}

.bbpress #bbpress-forums .bbp-template-notice.info {
    background: #d9edf7;
    color: #31708f
}

.bbpress #bbpress-forums .bbp-topic-title .bbp-topic-permalink {
    font-size: 17px
}

.bbpress #bbpress-forums fieldset.bbp-form {
    background-color: #fff;
    border-radius: 4px;
    padding: 30px
}

.bbpress #bbpress-forums li.bbp-body ul {
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
    padding: 20px 30px !important
}

.bbpress #bbpress-forums ul.bbp-replies,
.bbpress #bbpress-forums .bbp-forum-info .bbp-forum-content,
.bbpress #bbpress-forums p.bbp-topic-meta {
    font-size: 15px
}

.bbpress #bbpress-forums ul.odd,
.bbpress #bbpress-forums ul.even {
    background: #fff !important;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.bbpress.single-forum #bbpress-forums .bbp-topics {
    border: 0;
    font-size: 100%
}

.commentlist .review .star-rating {
    background: url(../images/star-empty.svg) left top repeat-x;
    background-size: 18px;
    display: inline-block;
    height: 18px;
    vertical-align: top;
    width: 90px
}

.commentlist .review .star-rating>span {
    background: url(../images/star-fill.svg) left top repeat-x;
    background-size: 18px 18px;
    display: block;
    height: 18px;
    line-height: 1;
    text-indent: -9999px
}

.gallery-carousel-inner .owl-dots {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.owl-carousel .owl-nav .owl-next {
    right: 0
}

.owl-carousel .owl-nav .owl-prev {
    left: 0
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-backface-visibility: hidden;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: all 250ms ease;
    align-items: center;
    backface-visibility: hidden;
    background-color: #212529cc;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    height: 40px;
    justify-content: center;
    margin-top: -20px;
    opacity: 0;
    outline: 0 !important;
    position: absolute;
    top: 50%;
    transition: all 250ms ease;
    visibility: hidden;
    width: 40px
}

.owl-carousel:hover .owl-nav button.owl-prev,
.owl-carousel:hover .owl-nav button.owl-next,
.owl-carousel:hover .owl-custom-nav button.owl-prev,
.owl-carousel:hover .owl-custom-nav button.owl-next {
    opacity: 1;
    visibility: visible
}

.owl-dots {
    padding-bottom: 10px;
    padding-top: 8px;
    text-align: center
}

.owl-dots .owl-dot {
    outline: 0 !important
}

.owl-dots .owl-dot span {
    -webkit-transform: scale(0.8);
    -webkit-transition: all .2s ease-in-out;
    background-color: #6c757d40;
    border-radius: 50%;
    display: block;
    height: 12px;
    margin: 0 6px;
    transform: scale(0.8);
    transition: all .2s ease-in-out;
    width: 12px
}

.owl-dots .owl-dot.active span {
    background-color: var(--primary_color)
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.owl-cutom-nav .owl-prev,
.owl-cutom-nav .owl-next {
    position: absolute;
    cursor: pointer;
    transition-duration: .3s
}

.owl-cutom-nav .owl-prev {
    top: calc(var(--arrow-next-top-align) + var(--arrow-next-top-position));
    right: calc(var(--arrow-next-right-align) + var(--arrow-next-right-position));
    transform: translate(var(--arrow-next-translate-x), var(--arrow-next-translate-y))
}

.owl-cutom-nav .owl-next {
    top: calc(var(--arrow-prev-top-align) + var(--arrow-prev-top-position));
    left: calc(var(--arrow-prev-left-align) + var(--arrow-prev-left-position));
    transform: translate(var(--arrow-prev-translate-x), var(--arrow-prev-translate-y))
}

.select2 {
    padding: 0;
    width: 100% !important
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 245px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #f0f0f0;
    border-radius: 0;
    color: inherit
}

.select2-container--default .select2-results__option[data-selected=true] {
    background-color: #f0f0f0;
    color: inherit;
    outline: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #ccc !important;
    outline: 0
}

.select2-container--default .select2-selection--single {
    -webkit-transition: all .2s ease-in-out;
    border-color: #e5e5e5;
    border-radius: 0;
    line-height: 1.7;
    min-height: 50px;
    outline: 0;
    padding: 0 12px;
    transition: all .2s ease-in-out
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px;
    top: 12px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    line-height: inherit;
    padding: 12px 0
}

.select2-container--default .select2-selection--single:focus {
    outline: 0
}

.select2-container--default .select2-selection--single:hover .select2-selection__arrow b {
    border-color: #fff transparent transparent
}

.select2-container--default .select2-selection--single:hover,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    background-color: #1e83f0;
    border-color: #1e83f0;
    color: #fff
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
    border-width: 5px 4px 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-color: transparent
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid #4ecdc4;
    border-radius: 0 0 5px 5px;
    margin-top: -1px
}

.select2-dropdown,
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    background-color: #fff;
    border: 1px solid var(--secondary_color);
    border-radius: 0
}

.select2-results {
    background: #fff;
    border-radius: 0 0 5px 5px;
    padding: 4px
}

.select2-results__option {
    margin: 0;
    padding: 6px 10px
}

.select2-results__option:last-child {
    border-bottom: 0 none
}

.select2-search--dropdown {
    padding: 4px
}

a.sc-play-video.fad.fa-play {
    background: #26a69a;
    border: 3px solid #ffffff38;
    border-radius: 1000px;
    display: block;
    font-size: 4em;
    height: 80px;
    padding: 9px 7px 9px 9px;
    width: 80px
}

@media (max-width: 360px) {
    a.sc-play-video.fad.fa-play {
        border: 5px solid #ffffff38;
        border-radius: 1000px;
        font-size: 3.2em;
        height: 70px;
        padding: 9px 6px 9px 9px;
        width: 70px
    }
}

.countdown-timer-holder.cdstdire .countdown-item .countdown-unit {
    background: none;
    margin-left: 5px;
    margin-right: 5px
}

.countdown-timer-holder.standard.cdstdire .countdown-unit {
    border: none;
    min-width: 0
}

.countdown-timer-holder.standard.cdstdire .countdown-unit .number {
    border-bottom: none;
    color: inherit;
    padding: 0
}

.countdown-timer-holder.standard.cdstdire .countdown-unit .text {
    padding: 5px
}

.dokan-store-widget,
.studi_price_box_layout_02,
.teacher-single-details,
.portfolio-entry .portfolio-entry-inner,
.comment-holder,
.comment-respond,
.single-post .blog-loop-inner .post .post-inner,
.single-post .blog-loop-inner .post-inner,
.single-post .blog-loop-inner .portfolio .post-inner,
.post-nav,
.sc-single-product-message,
.product-info-box,
.product-single-content,
.product-reviews,
.course-teacher-details,
.product-single-main .product-single-top-part,
.main-sidebar-holder .widget,
.courses-holder .courses-top-bar,
.products .course-item .course-item-inner,
.cart-page-inner .woocommerce-cart-form,
.cart-page-inner .cart-collaterals-inner,
.inner-box,
.studiare-event-item .studiare-event-item-holder,
.blog-loop-inner .post .post-inner,
.blog-loop-inner .post-inner,
.blog-loop-inner .portfolio .post-inner,
.event-single-side .event-single-side-inner,
.event-single-main .event-single-description,
.event-single-main .event-single-top,
.cdb-content-box,
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-content {
    border: none;
    border: 1px solid #e5e5e5 !important;
    border: none;
    border: 0 solid #e5e5e5 !important;
    border-width: 0;
    box-shadow: 0 2px 10px #12131214
}

.post-nav,
.comment-respond {
    background: #fff;
    border-radius: 5px;
    padding: 30px;
}

.product-info-box.sc-amazing-offer {
    align-items: center;
    background: repeating-linear-gradient(-45deg, #4ecdc4, #54cfc6 41px) fixed;
    color: #fff;
    display: flex;
    font-weight: 700;
    justify-content: space-between
}

.sc-amazing-offer-discount {
    background: repeating-linear-gradient(-45deg, white, transparent 1px);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #E91E63;
    font-size: 2em;
    padding: 20px
}

.sc-amazing-offer-in i {
    margin-right: 8px
}

.teacher-single-details {
    border-radius: 4px
}

[class*=hint--]:after {
    border-radius: 3px
}

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

    .blog-loop-inner.post-single>.post .post-inner,
    .blog-loop-inner.post-single .post-inner {
        padding: .8rem
    }

    .post-nav,
    .comment-respond {
        padding: 10px
    }
}

@media screen and (max-width:425px) {
    .dropdown-menu-xl span.notif_date {
        left: 10px;
        position: absolute
    }

    .dropdown-menu-xl.show {
        transform: translateY(0) translateX(1.5%) !important;
        width: 97%
    }

    .woocommerce-account .dropdown-menu-xl.show {
        transform: translateY(70px) !important;
        width: 97%
    }
}

@media only screen and (max-width: 767px) {
    .icon.sc-amazing-offer-in {
        font-size: 16px;
        margin-bottom: 20px
    }

    .product-info-box.sc-amazing-offer {
        text-align: center
    }

    .sc-amazing-offer-discount {
        margin-bottom: 30px
    }

    .sc-single-product-message,
    .product-info-box.sc-amazing-offer {
        display: block
    }

    .studi_pro_layout_four .product-info-before-gallery {
        justify-content: space-around !important
    }
}

.icon.sc-amazing-offer-in {
    margin-left: 0
}

@media (max-width: 767.98px) {
    .countdown-timer-holder.cdstdire .countdown-item .countdown-col {
        margin-bottom: 10px;
        max-width: 25%;
        padding-left: 7px;
        padding-right: 7px
    }
}

.admin-bar .sc_single_navbar {
    top: 33px
}

.blog-loop-inner .post .post-meta i,
.blog-loop-inner .post-meta i {
    font-size: 1.3em
}

.sc-courseCharacteristics {
    padding: 15px
}

.sc-courseCharacteristics,
.sc_single_navbar {
    background: #fff;
    border: none;
    border-radius: 5px;
    border-width: 0;
    box-shadow: -4px 4px 20px #1213122e;
    margin-bottom: 30px
}

.sc-meta-holder .value {
    display: flex;
    flex-grow: 1;
    text-align: right
}

.sc-meta-holder .value:before {
    background: repeating-linear-gradient(to right, currentColor, currentColor 1px, transparent 2px, transparent 4px);
    content: '';
    display: inline-block;
    flex-grow: 1;
    height: 1px;
    margin: 1em 3px 0
}

.sc-single-download-links {
    background: #4ecdc4;
    border-radius: 5px;
    display: block;
    margin-top: 5px;
    padding: 7px 15px;
    text-align: center
}

.sc-single-download-links:before {
    content: "\f019";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-right: 5px
}

.sc-single-download-links:hover {
    color: #fff
}

.wpt_widget_content .tab_title a {
    border-bottom: none !important;
    border-left: none !important
}

button.single_add_to_cart_button:before {
    content: "\f07a";
    font-family: "Font Awesome 5 Pro";
    margin-right: 8px
}

input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    height: 14px;
    width: 14px
}

input[type="checkbox"]:checked:before {
    color: #4CAF50;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    margin-right: -2px;
    position: relative;
    top: -7px
}

@keyframes studi_spinner {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes studi_spinner {
    to {
        -webkit-transform: rotate(360deg)
    }
}

.dgwt-wcas-details-desc {
    display: none !important
}

.dgwt-wcas-details-main-image img {
    max-height: 220px !important;
    width: 100% !important
}

.dgwt-wcas-pd-price {
    margin-top: 10px !important
}

.dgwt-wcas-st>span.dgwt-wcas-st--direct-headline {
    letter-spacing: 0 !important
}

.rtl .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 10px 15px 10px 40px !important
}

.rtl .dgwt-wcas-preloader {
    left: 35px !important
}

.sc-courseCharacteristics .icon-box.icon-box-left .feature-content-text p,
.sc-courseCharacteristics .icon-box.icon-box-right .feature-content-text p {
    margin-bottom: 0
}

.sc-courseCharacteristics .icon-box.icon-box-left,
.sc-courseCharacteristics .icon-box.icon-box-right {
    align-items: center
}

.sc_relative {
    position: relative !important
}

.sc_sep_bottom {
    bottom: -1px
}

.sc_sep_rotatey_bottom {
    bottom: -1px;
    transform: rotateY(180deg)
}

.sc_sep_rotatey_top {
    top: -2px;
    transform: rotateX(180deg) rotateY(180deg)
}

.sc_sep_top {
    top: -2px;
    transform: rotateX(180deg)
}

.sc_separator {
    direction: ltr;
    display: grid;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 0
}

.sc_separator svg {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100% + 1px)
}

.sc_single_navbar {
    position: sticky;
    top: 0;
    z-index: 99
}

.sc_single_navbar ul {
    list-style: none;
    margin: 0
}

.sc_single_navbar ul li {
    display: inline-block
}

.sc_single_navbar ul li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 20px;
    text-decoration: none
}

.select2-container--default .select2-selection--single {
    border-radius: 5px
}

.select2-search--dropdown {
    display: none
}

a.dgwt-wcas-details-product-title {
    font-size: 14px !important;
    margin-bottom: 10px !important
}

div#review_form_wrapper .comment-respond {
    box-shadow: none
}


@keyframes move-forever1 {
    0% {
        transform: translate(85px, 0%)
    }

    100% {
        transform: translate(-90px, 0%)
    }
}

@keyframes move-forever2 {
    0% {
        transform: translate(-90px, 0%)
    }

    100% {
        transform: translate(85px, 0%)
    }
}

@keyframes move-forever3 {
    0% {
        transform: translate(85px, 0%)
    }

    100% {
        transform: translate(-90px, 0%)
    }
}

@keyframes move-forever4 {
    0% {
        transform: translate(-90px, 0%)
    }

    100% {
        transform: translate(85px, 0%)
    }
}

.editorial {
    bottom: 0;
    display: block;
    float: left;
    height: 60px;
    left: 0;
    margin: 0;
    max-height: 60px;
    position: absolute;
    width: 100%;
    z-index: 5
}

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important
}

.vc_row[data-vc-full-width],
footer .vc_row[data-vc-full-width] {
    overflow: visible !important;
    z-index: 0 !important
}

@media screen and (max-width:600px) {
    .share_box_holder {
        left: 3% !important;
        padding: 10px !important;
        right: 3% !important
    }
}

#ajaxresponseholder {
    display: inline-block;
    padding: 0 10px
}

#sendtouseremail {
    background: var(--primary_color);
    border: 0;
    border-radius: 3px;
    color: #fff;
    padding: 5px 15px
}

#share_box_close {
    font-size: 20px;
    left: 9px;
    position: absolute;
    top: 3px
}

#useremailtosharepro {
    border-color: #f1f1f1;
    border-radius: 3px;
    direction: ltr;
    font-family: tahoma !important;
    font-size: 15px;
    margin: 10px 0;
    text-indent: 30px;
    width: 100%
}

.account-avatar img {
    background: #fff;
    border-radius: 100em;
    box-shadow: 0 0 12px #dcdcdc;
    height: 140px;
    padding: 10px;
    width: 140px
}

.children .review {
    background: #efefef
}

.commentlist .review {
    background: #f8f9fa;
    border-bottom: none !important;
    border-radius: 15px;
    padding: 15px
}

.commentlist ul.children,
.children .review,
.commentlist>li:first-child {
    border: none !important
}

.main-page-content {
    padding-top: 50px;
    min-height: 70vh
}

.mobile-version.mf-add-to-cart-fixed div.product .cart .sharer_bysuncode {
    display: inline-block;
    margin: 15px 20px 0 0;
    position: relative;
    right: auto;
    top: auto
}

.owl-carousel .owl-nav .owl-next {
    margin: 0;
    padding: 0 15px 0 0
}

.owl-carousel .owl-nav .owl-prev {
    margin: 0;
    padding: 0 0 0 15px
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    display: inline-block;
}

.owl-dots .owl-dot.active span {
    border-radius: 12px;
    width: 30px
}

.owl-nav {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-box-shadow: 0 0 0 1px rgba(220, 221, 224, 0.5), 0 1px 0 0 rgba(208, 209, 213, 0.5);
    box-shadow: 0 0 0 1px rgba(220, 221, 224, 0.5), 0 1px 0 0 rgba(208, 209, 213, 0.5);
    background-color: #fff;
    border-radius: 3px;
    color: #868D98;
    font-size: 19px;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    padding: 8px 10px;
    position: absolute;
    right: auto;
    top: 0;
    transform: translateY(-90%)
}

.owl-stage {
    padding-top: 10px
}

.page-title {
    background-attachment: fixed;
    background-color: #4ecdc4;
    background-image: url(../images/icon-back-OWL.png)
}

.product-meta-info-list .meta-info-unit .icon {
    transition: .3s
}

.product-meta-info-list .meta-info-unit:hover .icon {
    transform: scale(1.5);
    transition: .3s
}

.product_url_to_share {
    background: #f9f9f9;
    border: 2px dashed #f2f2f2;
    border-radius: 7px;
    color: #9c9c9c;
    direction: ltr;
    font-family: tahoma;
    font-size: 15px;
    margin-top: 10px;
    padding: 3px 10px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_url_to_share .fal.fa-tag {
    font-size: 20px;
    padding-right: 10px;
    position: relative;
    top: 3px
}

.product_url_to_share .fal.fa-clone {
    background: var(--secondary_color);
    padding: 5px;
    border-radius: 3px;
    color: #fff
}

.products .owl-nav,
.blog-loop-inner .owl-nav {
    margin-left: 15px
}

.sc_outofstock {
    background: red;
    border-radius: 5px;
    box-shadow: 0 0 10px #dcdcdc;
    color: #fff;
    left: 26px;
    padding: 5px;
    position: absolute;
    top: 10px;
    z-index: 1
}

.sc_stud_share_box_holder {
    background: radial-gradient(#03A9F4, #2196F3);
    overflow: visible
}

.sc_studi_account_info {
    border-radius: 4px;
    margin-bottom: 12px;
    margin-bottom: -22px
}

.sendtoemail_email_holder {
    position: relative
}

.sendtoemail_email_holder:before {
    color: #dcdcdc;
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    font-weight: 300;
    left: 9px;
    position: absolute;
    top: 17px
}

.share__title {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

.share_box_holder {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 80px #dcdcdc;
    left: 20%;
    margin: 0 auto !important;
    max-width: 550px;
    padding: 20px;
    position: fixed;
    right: 20%;
    top: 20%;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .4s ease, transform .4s ease;
    z-index: 1000000000;
}

.share_box_holder.share_open {
    opacity: 1;
    transform: translateY(0);
}

.sharer_bysuncode {
    text-align: center
}

.sticky_normal .top-bar.sc_sticky_active,
.sticky_normal .site-header.sc_sticky_active {
    left: 0;
    position: sticky;
    top: -1px;
    -moz-transition: 1s all ease;
    -moz-transition: .4s all ease;
    -webkit-transition: 1s all ease;
    -webkit-transition: .4s all ease;
    transition: 1s all ease;
    transition: .4s all ease;
}

.sticky_one_two .site-header.sc_sticky_active {
    left: 0;
    position: sticky;
    top: 50px;
    -moz-transition: 1s all ease;
    -moz-transition: .4s all ease;
    -webkit-transition: 1s all ease;
    -webkit-transition: .4s all ease;
    transition: 1s all ease;
    transition: .4s all ease;
}

.sticky_one_two .top-bar.sc_sticky_active {
    left: 0;
    position: sticky;
    top: 0;
    -moz-transition: 1s all ease;
    -moz-transition: .4s all ease;
    -webkit-transition: 1s all ease;
    -webkit-transition: .4s all ease;
    transition: 1s all ease;
    transition: .4s all ease;
}

.sticky_one_two.no-top-bar .site-header.sc_sticky_active {
    top: 0;
    -moz-transition: 1s all ease;
    -moz-transition: .4s all ease;
    -webkit-transition: 1s all ease;
    -webkit-transition: .4s all ease;
    transition: 1s all ease;
    transition: .4s all ease;
}

.stuadiare_dl_btn {
    border-radius: 5px;
    color: #fff;
    text-align: center
}

.studi_play_video_trigger {
    background: #242323d1;
    border-radius: 230px;
    color: #fff;
    cursor: pointer;
    font-size: 60px;
    padding: 10px
}

.titles[_ngcontent-c30] {
    background-color: #fff;
    border: 1px solid #0000001a;
    border-radius: 3px;
    color: #bababa;
    display: table;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 2px 5px;
    position: relative;
    text-align: center
}

.video-button .studi_play_video {
    background: #514d4d47;
    border-radius: 230px;
    color: #fff;
    cursor: pointer;
    font-size: 100px;
    padding: 15px
}

a.sharebtn {
    color: #fff;
    font-size: 24px
}

a.stuadiare_dl_btn i {
    position: relative;
    top: 1px
}

a.stuadiare_dl_btn.st_disable,
a.stuadiare_dl_btn.st_disable:hover {
    background: #dcdcdc;
    color: #9b9b9b
}

hr.before_title_line {
    margin-bottom: -15px;
    margin-top: 30px
}

span.jp_pro_det_cont {
    float: left;
    padding: 12px 3px 0 0;
    width: 70%
}

span.jp_pro_img_cont {
    border-radius: 3px;
    float: right
}

span.jp_pro_img_cont .product_list_widget>li img,
span.jp_pro_img_cont img {
    margin-left: 0 !important
}

ul.btn-group-share {
    display: block;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    text-align: center
}

ul.btn-group-share li {
    border-radius: 100%;
    box-shadow: 0 0 8px #dcdcdc;
    display: inline-block;
    font-size: 27px;
    height: 40px;
    margin: 0 3px;
    text-align: center;
    width: 40px
}

ul.btn-group-share li i {
    position: relative;
    top: 5px
}

@-webkit-keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 12px currentColor;
        box-shadow: 0 0 0 12px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 12px currentColor;
        box-shadow: 0 0 0 12px currentColor;
        opacity: 0
    }

    to {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

.post_readmore a {
    background: #E91E63;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center
}

.post_readmore a:hover {
    color: #fff
}

.post_readmore i {
    margin-right: 12px;
    transition: .4s
}

.post_readmore:hover i {
    transform: scale(1.3)
}

.rtl .wpt-pagination a.next {
    float: left
}

.sc-testimonial-author-main {
    margin-top: 10px;
    text-align: center
}

.sc-testimonial-author-main h5 {
    margin-bottom: 0
}

.sc-testimonial-avatar img {
    border: 4px solid #fff;
    border-radius: 100em;
    box-shadow: 0 0 20px #d2d2d2;
    margin: 0 auto;
    max-width: 100px
}

.sc-testimonial-content blockquote {
    border: 0;
    font-size: 12px;
    margin: 0;
    padding: 5px !important;
    text-align: center
}

.sc-testimonials-carousel .owl-stage {
    padding-top: 15px
}

.sc_equal_height_item {
    position: relative
}

.sc_equal_height_item .post-meta.post-category {
    bottom: 8px;
    margin-right: 8px !important;
    position: absolute;
    right: 0
}

.sc_equal_height_item .post-meta.post-category a {
    background: #585858;
    border-radius: 4px;
    color: #fff !important;
    padding: 3px;
    transition: .3s
}

.sc_equal_height_item .post-meta.post-category a:hover {
    background: #232323;
    transition: .3s
}

.sc_equal_height_item .post-thumbnail {
    overflow: hidden;
    position: relative
}

.sc_statics_holder {
    transition: .4s
}

.sc_statics_holder .counter-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px #0000001a;
    min-height: 80px
}

.sc_statics_holder:hover {
    transform: translateY(-10px)
}

.sc_studi_cat_icon_in_temp {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 7px #b1b1b1;
    height: 60px;
    margin-left: 10px;
    padding: 10px;
    width: 60px
}

.sc_studi_portfolio_f_image img {
    border-radius: 10px;
    box-shadow: 0 0 10px #dcdcdc;
    margin-bottom: 10px
}

.sc_studi_statistic_icon {
    color: #dcdcdc;
    font-size: 40px;
    padding: 10px 15px
}

.section-heading.sc_head_style1 .section-title {
    background: #c8c8c8;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    padding-left: 10px;
    position: relative
}

.section-heading.sc_head_style1 .section-title:before {
    background: #ebebeb;
    border-radius: 10px;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(2deg);
    width: 100%;
    z-index: -1
}

.section-heading.sc_head_style1 h2.section-title i {
    background: #ffd700;
    border-radius: 0 5px 5px 0;
    margin-left: 10px;
    padding: 10px 18px
}

.section-heading.sc_head_style1,
.section-heading.sc_head_style2 {
    text-align: center
}

.section-heading.sc_head_style2 .section-title {
    color: inherit;
    display: inline-block;
    text-shadow: 0 2px #dcdcdc
}

.section-heading.sc_head_style2 .section-title:after {
    color: #e9e9e9;
    content: "]";
    font-size: 30px;
    margin-right: 10px
}

.section-heading.sc_head_style2 .section-title:before {
    color: #e9e9e9;
    content: "[";
    font-size: 30px;
    margin-left: 10px
}

.section-title i,
.section-heading.sc_head_style2 i {
    margin-left: 8px
}

.studi_play_video:after,
.studi_play_video:before,
.studi_play_video_trigger:after,
.studi_play_video_trigger:before {
    -webkit-animation: button-ripple 3s infinite;
    -webkit-box-shadow: 0 0 0 0 currentColor;
    animation: button-ripple 3s infinite;
    background: #000;
    border-radius: 50%;
    box-shadow: 0 0 0 0 currentColor;
    color: #000;
    content: " ";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.studi_play_video:after,
.studi_play_video_trigger:after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.studi_play_video:before,
.studi_play_video_trigger:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

a.wpems_g_calendar_url {
    display: none !important
}

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

    .admin-bar.sticky_normal .site-header.sc_sticky_active,
    .admin-bar.sticky_one_two .top-bar.sc_sticky_active,
    .admin-bar.sticky_one_two.no-top-bar .site-header.sc_sticky_active {
        top: 32px !important
    }

    .admin-bar.sticky_one_two .site-header.sc_sticky_active {
        top: 82px !important
    }
}

.sc_studi_smart_nav {
    background: #459ae5;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    margin: 0 10px;
    padding: 8px 15px
}

.shape-overlays {
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000
}

.shape-overlays.is-opened {
    pointer-events: auto
}

.shape-overlays__path:nth-of-type(1) {
    fill: var(--path-fill-1)
}

.shape-overlays__path:nth-of-type(2) {
    fill: var(--path-fill-2)
}

.shape-overlays__path:nth-of-type(3) {
    fill: var(--path-fill-3)
}

.shape-overlays__path:nth-of-type(4) {
    fill: var(--path-fill-4)
}

:root {
    --button-bg: #fff;
    --button-circle: #ada4a4;
    --button-line: #222;
    --color-bg: #333;
    --color-info: #fff;
    --color-link: #4d4f5f;
    --color-link-hover: #bfb5b5;
    --color-main-bg: #24262d;
    --color-menu: #000;
    --color-menu-hover: #fff;
    --color-text: #fbd54a;
    --color-title: #fff;
    --font-family-menu: iransansxv, iransansx, Arapey, serif;
    --font-family-title: iransansxv, iransansx, Arapey, serif;
    --font-size-menu: 4vmax;
    --font-size-title: 5vmax;
    --font-weight-menu: 400;
    --font-weight-title: 400;
    --path-fill-1: #000;
    --path-fill-2: #1d1d1f;
    --path-fill-3: #fbd54a;
    --path-fill-3: #E91E63;
    --path-fill-3: #E0E0E0
}

@-webkit-keyframes intervalsc_studi_hamburgerBorder {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.6);
        opacity: 0;
        transform: scale(1.6)
    }

    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes intervalsc_studi_hamburgerBorder {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.6);
        opacity: 0;
        transform: scale(1.6)
    }

    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

.admin-bar .sc_studi_smart_nav_content.is-opened .sc_studi_smart_nav_content_inner {
    top: 42px
}

.sc_studi_hamburger {
    -webkit-tap-highlight-color: #0000;
    background-color: var(--button-bg);
    border-radius: 50%;
    box-shadow: 0 0 30px #dcdcdc;
    cursor: pointer;
    display: block;
    height: 64px;
    left: -2.2em;
    pointer-events: auto;
    position: relative;
    position: absolute;
    position: fixed;
    top: 2.25em;
    top: 50%;
    transition: .4s;
    width: 64px;
    z-index: 1100
}

.sc_studi_hamburger:hover {
    left: .35em;
    left: 0
}

.sc_studi_smart_nav_content {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: scale(0);
    width: 100vw;
    z-index: 1050
}

.sc_studi_smart_nav_content .sc_studi_smart_nav_content_inner {
    max-width: 1134px;
    position: fixed;
    top: -100%;
    transition: .8s;
    width: 90%
}

.sc_studi_smart_nav_content .vc_active span.vc_tta-title-text {
    color: #fff
}

.sc_studi_smart_nav_content .vc_tta-panel-heading {
    border-color: #78909c !important;
    margin: 10px 0 !important
}

.sc_studi_smart_nav_content .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background: #78909C !important
}

.sc_studi_smart_nav_content li.vc_tta-tab a,
.sc_studi_smart_nav_content .vc_tta-panel-title a {
    background: transparent !important;
    border: 0 !important;
    color: #ababab !important
}

.sc_studi_smart_nav_content li.vc_tta-tab.vc_active a .vc_tta-title-text {
    color: #00c1cf !important;
    font-size: 18px
}

.sc_studi_smart_nav_content li.vc_tta-tab.vc_active a .vc_tta-title-text:after {
    color: #a1a1a1;
    content: "]";
    margin-right: 5px
}

.sc_studi_smart_nav_content li.vc_tta-tab.vc_active a .vc_tta-title-text:before {
    color: #a1a1a1;
    content: "[";
    margin-left: 5px
}

.sc_studi_smart_nav_content ul.vc_tta-tabs-list {
    border-bottom: 2px dashed #f8f8ff
}

.sc_studi_smart_nav_content.is-opened {
    overflow-y: auto;
    pointer-events: auto;
    transform: scale(1)
}

.sc_studi_smart_nav_content.is-opened .sc_studi_smart_nav_content_inner {
    top: 0;
    transition: .9s;
    transition-delay: .5s
}

@media screen and (max-width:425px) {
    .sc_studi_hamburger:hover {
        left: -2.2em
    }
}

.sc_studi_hamburger.is-opened-navi {
    left: .4em;
    top: 35px;
    transition: .5s
}

.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--01,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--02,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--03 {
    -webkit-transform: translateX(33.3%);
    transform: translateX(33.3%)
}

.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--cross01,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--cross02 {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sc_studi_hamburger::after {
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: intervalsc_studi_hamburgerBorder;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: intervalsc_studi_hamburgerBorder;
    border: 0 solid var(--button-circle);
    border-radius: 50%;
    box-shadow: 0 0 5px #fff, 0 0 8px inset #fff;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 64px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 64px
}

.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--01::before,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--01::after,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--02::before,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--02::after,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--03::before,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--03::after,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--cross01::before,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--cross01::after,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--cross02::before,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--cross02::after {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--cross01::before,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--cross01::after,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--cross02::before,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in--cross02::after,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--01::before,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--01::after,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--02::before,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--02::after,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--03::before,
.sc_studi_hamburger.is-opened-navi:hover .sc_studi_hamburger__line-in--03::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.sc_studi_hamburger:hover .sc_studi_hamburger__line-in::before,
.sc_studi_hamburger:hover .sc_studi_hamburger__line-in::after {
    -webkit-transform: translateX(200%);
    transform: translateX(200%)
}

.sc_studi_hamburger__line {
    -webkit-transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    height: 2px;
    overflow: hidden;
    position: absolute;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    width: 28px;
    z-index: 10
}

.sc_studi_hamburger__line--01 {
    top: 24.6px
}

.sc_studi_hamburger__line--01,
.sc_studi_hamburger__line--02,
.sc_studi_hamburger__line--03,
.sc_studi_hamburger__line--cross01,
.sc_studi_hamburger__line--cross02 {
    left: 18px
}

.sc_studi_hamburger__line--02,
.sc_studi_hamburger__line--cross01,
.sc_studi_hamburger__line--cross02 {
    top: 31px
}

.sc_studi_hamburger__line--03 {
    top: 37.4px
}

.sc_studi_hamburger__line--cross01 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sc_studi_hamburger__line--cross02 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sc_studi_hamburger__line-in {
    -webkit-transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    width: 84px
}

.sc_studi_hamburger__line-in--01 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.sc_studi_hamburger__line-in--02,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--cross01 {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.sc_studi_hamburger__line-in--02::before,
.sc_studi_hamburger__line-in--02::after,
.sc_studi_hamburger__line-in--cross02,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--02 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.sc_studi_hamburger__line-in--03,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--cross02 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.sc_studi_hamburger__line-in--03::before,
.sc_studi_hamburger__line-in--03::after,
.sc_studi_hamburger__line-in--cross02::before,
.sc_studi_hamburger__line-in--cross02::after,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--03 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.sc_studi_hamburger__line-in--cross01,
.sc_studi_hamburger.is-opened-navi .sc_studi_hamburger__line-in--01 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.sc_studi_hamburger__line-in--cross01,
.sc_studi_hamburger__line-in--cross02 {
    -webkit-transform: translateX(-33.3%);
    transform: translateX(-33.3%)
}

.sc_studi_hamburger__line-in::after {
    left: 0
}

.sc_studi_hamburger__line-in::before {
    left: -56px
}

.sc_studi_hamburger__line-in::before,
.sc_studi_hamburger__line-in::after {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background-color: var(--button-line);
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    width: 28px
}

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

    .sale .sale-perc.sc_coming_soon_badge,
    .sale .sale-perc.sc_full_capacity_badge {
        left: 70px !important
    }

    .sale-perc {
        left: 10px !important
    }

    .sc_studi_btm_addtocart_fixed_btn_holder {
        justify-content: center
    }

    .sc_studi_btm_addtocart_fixed_right_holder {
        display: none
    }


    .woocommerce-message a.button.wc-forward {
        bottom: 10px;
        left: 12px;
        position: absolute
    }

    a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
        width: 100%
    }
}

.header-button-link .btn-filled {
    background: #C5E1A5;
    border: 1px solid;
    border-color: #C5E1A5;
    border-radius: 10px;
    color: #558B2F;
    font-size: 12px;
    min-height: 46px;
    padding: 6px 8px 6px 12px;
    display: flex;
    align-items: center
}

.header-button-link .btn-filled span {
    color: #558B2F
}

.owl-carousel {
    margin: 0 auto
}

.owl-item .post,
.owl-item .portfolio {
    margin: 0 !important
}

.owl-item .sc_studi_cat_holder {
    padding: 15px
}

.owl-item .sc_studi_cat_holder,
.owl-item .sc_studi_card {
    width: 100% !important
}

.owl-item .teacher-item {
    margin-bottom: 0
}

.rtl .dgwt-wcas-preloader {
    left: 75px !important
}

.rtl .sc_full_search .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
    border-color: transparent #ec406a;
    top: 28px
}

.rtl .sc_full_search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    -webkit-border-radius: 2px 0 0 2px !important;
    background-color: #ec406a;
    border-radius: 2px 0 0 2px !important;
    height: 71px !important;
    left: 0 !important;
    right: auto !important
}

.rtl .sc_full_search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px !important;
    font-size: 14px;
    height: 71px;
    line-height: 100%;
    padding: 10px 15px !important;
    width: 100%
}

.sc_cat_material_layout .owl-stage {
    padding: 10px 0
}

.sc_full_search .dgwt-wcas-search-wrapp {
    max-width: initial;
    width: 100%
}

.sc_home_sidebar .vc_column-inner div.wpb_wrapper,
.studi_sidebox {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 13px #f1f1f1;
    padding: 10px
}

.sc_studi_card {
    align-items: center;
    background: #fff;
    border: 1px solid var(--bg-color);
    border-radius: 10px;
    box-shadow: 0 14px 26px #0000000a;
    display: flex;
    flex-direction: column;
    height: 240px;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: all .3s ease-out;
    width: 220px
}

.sc_studi_card .sc_studi_cats_info {
    color: #4C5656;
    font-size: 17px;
    margin-top: 15px;
    transition: color .3s ease-out;
    z-index: 40
}

.sc_studi_card:active {
    box-shadow: 0 8px 8px #0000001c 0 8px 8px var(--box-shadow-color);
    transform: scale(1) translateZ(0)
}

.sc_studi_card:hover {
    box-shadow: 0 12px 20px #0000001c 0 12px 20px var(--box-shadow-color);
    transform: translateY(-5px) scale(1.005) translateZ(0)
}

.sc_studi_card:hover .sc_studi_circle {
    background: var(--bg-color);
    border-color: var(--bg-color-light)
}

.sc_studi_card:hover .sc_studi_circle:after {
    background: var(--bg-color-light)
}

.sc_studi_card:hover .sc_studi_overlay {
    transform: scale(4.5) translateZ(0)
}

.sc_studi_card:hover p {
    color: var(--text-color-hover);
    color: #fff
}

.sc_studi_cat_holder {
    margin: 10px 0
}

.sc_studi_cats_info p {
    margin: 5px 0;
    text-align: center
}

.sc_studi_circle {
    align-items: center;
    background: #fff;
    border: 2px solid var(--bg-color);
    border-radius: 50%;
    display: flex;
    height: 131px;
    justify-content: center;
    position: relative;
    transition: all .3s ease-out;
    width: 131px;
    z-index: 1
}

.sc_studi_circle img {
    transform: translateZ(0);
    z-index: 10000
}

.sc_studi_circle:after {
    background: var(--bg-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 118px;
    left: 5px;
    position: absolute;
    top: 5px;
    transition: opacity .3s ease-out;
    width: 118px
}

.sc_studi_main_card {
    --box-shadow-color: #ffd7617a
}

.sc_studi_overlay {
    background: var(--bg-color);
    border-radius: 50%;
    height: 118px;
    position: absolute;
    top: 25px;
    transition: transform .3s ease-out;
    width: 118px;
    z-index: 0
}

input#terms:focus {
    outline: none
}

@media screen and (max-width:425px) {
    .owl-item .sc_studi_cat_holder {
        padding: 5px
    }

    .owl-item .sc_studi_overlay {
        left: 25px;
        left: auto;
        margin: 0 auto
    }

    .sc_studi_card .sc_studi_overlay {
        transform: scale(0.01)
    }

    .sc_studi_cats_info p {
        font-size: 14px !important
    }

    .sc_studi_cats_info p:last-child {
        font-size: 11px !important
    }

    .sc_studi_circle {
        height: 110px;
        width: 110px
    }

    .sc_studi_circle img {
        height: 40px;
        width: 40px !important
    }

    .sc_studi_circle:after {
        height: 98px;
        left: 4px;
        top: 4px;
        width: 98px
    }

    .sc_studi_overlay {
        height: 98px;
        width: 98px
    }
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: right
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.fixed-active .studiare-navigation ul.menu>li.sc_studi-megamenu-menu:hover ul {
    top: 0
}

.header-v2 ul.menu li.menu-item-has-children:hover>.sc_studi-megamenu-wrapper {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.sc_studi-megamenu-holder .sc_studi-megamenu-title:after {
    background-color: #f4f4f4;
    content: '';
    display: block;
    height: 2px;
    margin-top: .35em;
    width: 100%
}

.sc_studi-megamenu-holder:after,
.sc_studi-megamenu-holder:before,
.sc_studi-megamenu:after,
.sc_studi-megamenu:before {
    content: " ";
    display: table
}

.studiare-navigation .menu>ul li.sc_studi-megamenu-menu,
.studiare-navigation ul.menu li.sc_studi-megamenu-menu {
    position: static
}

.studiare-navigation .menu>ul>li ul.sc_studi-megamenu li:after,
.studiare-navigation ul.menu>li ul.sc_studi-megamenu li:after {
    height: 0
}

.studiare-navigation .menu>ul>li ul.sc_studi-megamenu li>a,
.studiare-navigation ul.menu>li ul.sc_studi-megamenu li>a {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin: 3px 0;
    padding: 0
}

.studiare-navigation .menu>ul>li ul.sc_studi-megamenu,
.studiare-navigation ul.menu>li ul.sc_studi-megamenu {
    -webkit-transform: translate(0, 0);
    border-radius: 0;
    position: relative;
    top: 0;
    transform: translate(0, 0);
    width: 100%
}

.studiare-navigation .sub-menu span.caret-arrow:before {
    content: ""
}

.studiare-navigation span.caret-arrow:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro"
}

.studiare-navigation ul.menu li.sc_studi-megamenu-menu ul.sc_studi-megamenu li.sc_studi-megamenu-submenu {
    margin-bottom: 10px
}

.studiare-navigation ul.menu li.sc_studi-megamenu-menu:hover:before {
    -moz-transition: -moz-transform .4s ease, opacity .4s ease, visibility .4s ease;
    -webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
    opacity: 1;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease
}

.studiare-navigation ul.menu>li.sc_studi-megamenu-menu:hover ul {
    height: auto;
    opacity: 1;
    visibility: visible
}

input#wp-comment-cookies-consent {
    width: 15px
}

input#wp-comment-cookies-consent:focus {
    outline: none
}

span.sc_studi-megamenu-icon i {
    margin: 0 5px 0 0
}

.rtl span.sc_studi-megamenu-icon i {
    margin: 0 0 0 5px
}

span.sc_studi-megamenu-icon img {
    height: 24px;
    margin-left: 5px;
    width: 24px
}

span.sc_studi-menu-label {
    position: relative
}

span.sc_studi-menu-newlabel,
span.sc_studi-menu-hotlabel,
span.sc_studi-menu-salelabel {
    background: #8bc34a;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    padding: 0 2px;
    position: absolute;
    right: -6px;
    top: -14px
}

span.sc_studi-menu-hotlabel {
    background: #ffd700
}

span.sc_studi-menu-salelabel {
    background: red
}

ul.menu .sc_studi-megamenu-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px
}

ul.menu .sc_studi-megamenu-wrapper {
    -moz-transform: translateY(5px) scale(0);
    -ms-transform: translateY(5px) scale(0);
    -o-transform: translateY(5px) scale(0);
    -webkit-transform: translateY(5px) scale(0);
    background-color: #fff;
    border-radius: 4px;
    border-top: 3px solid #26a69a;
    border-top: 0 solid #26a69a;
    box-shadow: 0 4px 8px -4px #33333361;
    box-shadow: 0 0 8px -4px #33333361;
    left: 0;
    margin: 0 auto;
    max-width: 1000px;
    opacity: 0;
    opacity: 0;
    padding: 1em 1.6781em;
    position: absolute;
    right: auto;
    top: 100%;
    transform: translateY(5px) scale(0);
    visibility: hidden;
    visibility: hidden;
    z-index: 999
}

ul.menu .sc_studi-megamenu-wrapper .sc_studi-megamenu>li:last-child,
.sc_studi-main-menu ul.menu .sc_studi-megamenu-wrapper .sub-menu li {
    border: 0
}

ul.menu .sc_studi-megamenu-wrapper .sub-menu {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    border: none;
    box-shadow: none;
    left: 0 !important;
    position: relative;
    transform: translateY(0);
    width: 100%
}

ul.menu li.menu-item-has-children:hover>.sc_studi-megamenu-wrapper {
    -moz-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    -o-transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    opacity: 1;
    transform: translateY(0px) scale(1);
    visibility: visible
}

ul.menu li:hover>.sc_studi-megamenu-wrapper .sub-menu {
    opacity: 1;
    visibility: visible
}

ul.sc_studi-horizontal-menu>li>.sc_studi-megamenu-title {
    font-weight: 400
}

@media (min-width:768px) {
    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: right
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }
}

@media (min-width:992px) {
    .col-md-1 {
        width: 8.33333%
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: right
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }
}

@media (min-width:1200px) {
    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: right
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }
}

.notibar_closer {
    left: 10px;
    position: absolute;
    top: 10%
}

.studi_notif_bar {
    background: #ffd700
}

.studi_notif_bar .wpb_content_element {
    margin-bottom: 0
}

.studi_notif_bar>div {
    padding: 0 5%;
    position: relative
}

.topnotif-content {
    margin: 0 auto;
    /*max-width:1200px*/
}

a.notibar_closer i {
    background: #00000026;
    border-radius: 100px;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 34px
}

@media screen and (max-width:425px) {
    .notibar_closer {
        left: 0;
        top: 0
    }
}

.sc_studi_account_info {
    position: relative;
    text-align: center;
    top: 14px
}

span.userTitle {
    background: #fff;
    border-radius: 10em;
    bottom: 20px;
    box-shadow: 0 3px 5px #dcdcdc;
    margin: 0 auto;
    padding: 4px 10px;
    position: relative;
    transform: translateX(94%)
}

@media screen and (max-width:480px) {
    .header-button-link.sc_lgreg_btn_show_icon a.login-button.btn.btn-filled img {
        max-width: 29px;
    }
}

.dropdown-menu-header-inner {
    background-image: linear-gradient(120deg, #d9255a 0%, #ffa3bb 100%);
    padding: 10px;
    text-align: center
}

.dropdown-menu-xl {
    background-clip: padding-box;
    background-color: #fff;
    border: 0 solid #00000026;
    border-radius: 9px;
    border-radius: .25rem;
    box-shadow: 0 0 35px #00bcd42b;
    color: #495057;
    float: right;
    font-size: .88rem;
    list-style: none;
    margin: .125rem 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: revert;
    transform: translateY(30px);
    transition: .6s transform;
    transition: .2s;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
    z-index: 100000000000
}

.owl-carousel .owl-item .sc_studi_circle img {
    max-width: 76px
}

.product-single-content {
    position: relative
}

.sc_breadcrumb {
    background: #fff;
    border-radius: 100em;
    box-shadow: 0 2px 10px #12131214;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px
}

.sc_dashboard_box {
    border-radius: 3px;
    box-shadow: 0 0 28px #ecf0fb;
    margin: 20px 0;
    padding: 10px;
    text-align: center;
    transition: .3s
}

.sc_dashboard_box i {
    display: block;
    text-align: center
}

.sc_dashboard_box:hover {
    box-shadow: 0 0 35px #dadada;
    transition: .3s
}

.sc_dashboard_title {
    position: relative;
    top: -90px
}

.sc_dashboard_title_holder {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px #12131214;
    display: block;
    margin: 0 0 13px;
    text-align: center;
    width: 100%
}

.sc_notif_in_header .dropdown-menu-xl.show,
.dropdown-menu-xl.show {
    transform: translateY(0);
    transition: .4s transform;
    visibility: visible
}

.sc_studi_circle img {
    max-height: 71px;
    max-width: 76px
}

.studi_notif_content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px #12131214;
    margin: 10px 0;
    padding: 30px
}

.studi_notification_footer {
    padding: 6px;
    position: relative;
    text-align: center
}

.studi_notification_footer a {
    background: #9E9E9E;
    background: linear-gradient(-120deg, #d9255a 0%, #ffa3bb 100%) !important;
    border-radius: 4px;
    color: #fff;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: center;
    transition: .4s
}

.studi_notification_footer a:hover {
    background: #e91e63;
    background: linear-gradient(120deg, #d9255a 0%, #ffa3bb 100%) !important;
    color: #fff
}

.studi_notification_footer:before {
    background: linear-gradient(90deg, transparent, whitesmoke, transparent);
    content: "";
    display: none;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.studi_pre_footer {
    display: contents;
    overflow: hidden;
    width: 100%
}

.studi_pro_readmore_holder {
    display: none
}

.studi_tooltip {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px #12131214;
    font-size: 1em;
    font-weight: 100;
    min-width: 150px;
    position: absolute;
    top: -25px;
    transform: translate(30%, -61%);
    transition: .4s
}

.studi_tooltip.scFader {
    transform: scale(0)
}

.top-bar-contact-info i {
    padding: 5px;
    position: relative;
    top: -1px
}

.top-bar-contact-info li {
    background: #dcdcdc2e;
    border-radius: 3px;
    margin: 0 !important;
    padding: 0 5px
}

ul.sc_notifs_holder li.notif_is_unread span.notif_date {
    color: var(--primary_color)
}

@media screen and (max-width:425px) {
    .average-rating {
        padding-left: 0 !important;
        padding-right: 0
    }

    .list-view a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .image-item img {
        background: #fff;
        box-shadow: 0 0 0;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .pro_gallery_holder .product-image-wrapper {
        margin-top: 20px
    }

    .pro_has_readmore .studi_pro_content_holder {
        max-height: 200px
    }

    .product-info-box,
    .product-single-content,
    .product-reviews,
    .course-teacher-details {
        padding: 30px 15px
    }

    .product-reviews-inner {
        padding: 0
    }

    .studi_pro_content_holder {
        margin-bottom: 26px
    }

    .studi_pro_readmore_holder {
        background: linear-gradient(180deg, #ffffffcf, #ffffff);
        bottom: 0;
        display: block !important;
        left: 0;
        max-width: 425px;
        overflow: hidden;
        padding: 20px 0 10px;
        position: absolute;
        right: 0;
        text-align: center;
        width: 100%
    }

    .studi_simple_box {
        margin: 10px 0
    }
}

.meta-info-unit-box {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px #12131214;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center
}

.mt20 {
    margin-top: 20px
}

.proRating_holder {
    background: #E91E63;
    color: #fff;
    text-align: center
}

.proRating_holder span.votes-number {
    border-right: 1px solid #b3174c;
    margin-right: 5px;
    padding-right: 8px
}

.pro_cat_holder a,
.protags_holder a {
    background: #f5f5f5;
    border-radius: 3px;
    color: darkgrey;
    font-weight: 400;
    margin: 5px;
    padding: 3px 10px
}

.pro_gallery_holder .product-image-wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px #12131214;
    padding: 10px
}

.product-info-box.sc-amazing-offer,
#sc-product-reviews,
.single_pro_top .single_add_to_cart_button,
.product-meta-info-holder {
    width: 100%
}

.product-meta-info-holders {
    padding-left: 0;
    padding-right: 0
}

.product-reviews-stats .detailed-ratings {
    margin-bottom: 30px;
    min-width: 60%;
    width: 100%
}

.single_middle_info {
    margin-bottom: 20px;
    margin-top: 20px
}

.single_pro_top #sc-product-single-excerpt {
    margin: 25px 0 0
}

.single_pro_top .before-gallery-unit {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px #12131214;
    min-width: 30%;
    padding: 10px
}

.single_pro_top .product-image-wrapper img {
    max-height: 400px;
    width: 100%;
    object-fit: cover
}

.single_pro_top .product-info-before-gallery {
    display: flex;
    justify-content: space-between;
    text-align: center
}

.single_pro_top,
.mb20 {
    margin-bottom: 20px
}

.studi_boot_pad_remover {
    padding: 0
}

.studi_price_box_layout_02 {
    background: #fff;
    border-radius: 4px;
    padding: 10px 15px
}

.studi_public_pro_data {
    margin-bottom: 20px;
    padding: 0
}

.studi_simple_box {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px #12131214;
    padding: 10px
}

.studi_single_pro_layout-02 .meta-info-unit-box i,
.studi_single_pro_layout-03 .meta-info-unit-box i {
    color: var(--primary_color);
    font-size: 50px
}

.studi_single_pro_layout-02 .sc_studi_share_box,
.studi_single_pro_layout-03 .sc_studi_share_box {
    background: radial-gradient(#03A9F4, #2196F3);
    color: #fff;
    display: flex;
    justify-content: space-evenly
}

.studi_single_pro_layout-02 .studi_public_pro_data_bottom {
    margin-top: 15px;
    padding: 0;
    text-align: center
}

.studi_single_pro_layout-02 .studi_shortlink {
    text-align: center
}

.studi_single_pro_layout-02 a.sharebtn {
    font-size: 17px
}

.studi_single_pro_layout-03 .sc_studi_share_box {
    margin-bottom: 10px
}

.studi_single_pro_layout-03 .studi_public_pro_data_bottom {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0
}

.teacher_in_layout {
    margin-bottom: 20px;
    text-align: center
}

.teacher_in_layout img.teacher_image {
    border-radius: 100em;
    box-shadow: 0 3px 15px #dcdcdc;
    margin-bottom: 20px;
    margin-top: 20px
}

.teacher_title {
    text-align: right
}

.vari_label {
    background: #f8f9fa;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 3px;
    padding: 0 5px;
    width: 100%
}


input.vari_radio {
    margin-left: 5px;
    position: relative;
    top: 2px
}

@media screen and (max-width:968px) {
    .desktopfreespace {
        display: none
    }

    .pro_gallery_holder {
        margin: 25px 0 17px
    }
}

.scBL {
    bottom: 23px;
    left: 60px
}

.scBR {
    bottom: 23px;
    left: 15px
}

.scfbcHolder {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    transition: transform .3s;
    visibility: hidden;
    width: 100%;
    z-index: 10000
}

.scfbcHolder.show {
    animation: scfbcHolderMoveUp .4s cubic-bezier(.180, .890, .330, 1.27);
    transform: scale(1);
    transition: transform .3s;
    visibility: visible
}

.select2-dropdown.select2-dropdown--below {
    position: relative;
    top: 33px
}

.studi_custom_floating_btn {
    background: #8BC34A;
    border: 10px solid #C5E1A5;
    border-radius: 100em;
    cursor: pointer;
    height: 64px;
    position: fixed;
    text-align: center;
    transition: .4s;
    width: 64px;
    z-index: 500
}

.studi_custom_floating_btn i {
    color: #fff;
    font-size: 22px;
    line-height: 44px;
    transition: .4s
}

.studi_custom_floating_btn:hover i {
    transform: scale(.9)
}

.studi_custom_floating_btn_content {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 40px #00000059;
    left: 10%;
    max-height: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    right: 10%;
    top: 10%;
    z-index: 940
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: rtl
}

.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus {
    direction: ltr
}

span.select2-dropdown {
    z-index: 20000000000000000
}

@keyframes scfbcHolderMoveUp {
    0% {
        transform: translateY(50px) scale(1)
    }

    100% {
        transform: translateY(0) scale(1)
    }
}

.education_block_list_layout {
    align-items: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e8ebf1;
    border-radius: .4rem;
    display: flex;
    margin-bottom: 30px;
    padding: 1rem;
    position: relative;
    width: 100%
}

.education_block_list_layout .course-loop-element__course-type {
    left: 0;
    top: 20%
}

.education_block_list_layout .course-students i {
    margin-left: 5px
}

.education_block_list_layout .sc-teacher {
    margin: 5px 0;
    min-height: 35px
}

.education_block_thumb {
    border-radius: .4rem;
    height: 170px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 200px
}

.education_block_thumb .image-item img {
    align-items: center;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.list_layout_ecucation_caption {
    display: block;
    flex: 1;
    margin-right: 15px;
    margin-top: 10px;
    width: auto
}

.list_layout_ecucation_caption .course-content-bottom {
    display: flex;
    justify-content: space-between
}

.owl-item .sc-teacher img,
.sc-teacher img {
    border-radius: 50% !important;
    display: inline-block !important;
    height: 35px;
    max-width: 35px !important;
    overflow: hidden
}

.products .studiProGrid.course-item {
    margin-bottom: .075rem
}

.right_audio article .post-inner {
    padding: 12px
}

.scfbcHolder.show:before {
    background: #00000057;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.studi_custom_floating_btn:before {
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: intervalsc_studi_hamburgerBorder;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: intervalsc_studi_hamburgerBorder;
    border: 0 solid var(--button-circle);
    border-radius: 50%;
    box-shadow: 0 0 5px #b5b5b5e0, 0 0 8px inset #73737338;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 44px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 44px
}

.studi_custom_floating_btn_content .vc_row {
    margin-left: 0;
    margin-right: 0
}

a.studi_custom_floating_btn.hint--top-left:after {
    transform: rotate(-90deg) translate(2px, -50px)
}

a.studi_custom_floating_btn.hint--top-left:hover:after {
    background: #4a4a4a;
    margin-bottom: 6px;
    padding: 10px 15px;
    transform: rotate(-90deg) translate(21px, -54px)
}

a.swss_floting_ticket {
    left: 15px;
    right: auto !important
}

@media screen and (max-width:768px) {
    .education_block_list_layout {
        display: block
    }

    .education_block_thumb {
        width: 100% !important
    }
}

.dropdown-cart {
    padding-bottom: 15px
}

.input-text.qty {
    margin: 10px;
    max-width: 66px;
    text-align: center
}

.single_add_to_cart_button {
    overflow: hidden;
    padding: 12px 0;
    position: relative;
    transition: .4s
}

.single_add_to_cart_button::before {
    position: absolute;
    right: 15px
}

.single_add_to_cart_button:after {
    background: #ffffff29;
    border-radius: 100em;
    content: "";
    height: 58px;
    position: absolute;
    right: -18px;
    top: -7px;
    transition: .4s;
    width: 69px
}

.single_add_to_cart_button:hover:after {
    transition: .4s;
    width: 120%
}

.studi-tabs-style1 ul.studi-nav-tabs {
    border-bottom: 1px solid #dcdcdc
}

.studi-tabs-style1 ul.studi-nav-tabs li.active,
.studi-tabs-style1 ul.studi-nav-tabs li:hover {
    border-radius: 10px 10px 0 0
}

.studi-tabs-style1 ul.studi-nav-tabs li.active:before {
    border-left: 10px solid;
    border-right: 10px solid;
    bottom: -3px;
    height: 5px;
    right: 0;
    width: 100%
}

.studi-tabs-style1 ul.studi-nav-tabs li:before {
    background: #dcdcdc;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 50%;
    transition: .4s;
    width: 0
}

.studiBlog .format-audio .post-thumbnail:after,
.owl-carousel .format-audio .post-thumbnail:after {
    background: #1e3034a6;
    border-radius: 23px;
    color: #fff;
    content: "\f130";
    font-family: 'Font Awesome 5 Pro';
    height: 30px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 30px
}

.studi_special_offer_holder {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #dcdcdc;
    padding: 10px
}

.studi_special_offer_holder.soc_ltwo {
    box-shadow: 0 0 0
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

button.single_add_to_cart_button:before,
a.single_add_to_cart_button:before {
    content: "\f291";
    font-family: 'Font Awesome 5 Pro'
}

ul.studi-nav-tabs {
    display: block;
    justify-content: center;
    list-style: none;
    margin-right: 0
}

ul.studi-nav-tabs li {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    padding: 5px 10px;
    position: relative
}

ul.studi-nav-tabs li.active,
ul.studi-nav-tabs li:hover {
    border-radius: 5px
}

.prosale_image img {
    object-fit: cover;
}

@media screen and (min-width:768px) {
    .prosale_holder:before {
        content: attr(data-offpercent);
        font-size: 400px;
        left: 0;
        line-height: 300px;
        opacity: .05;
        position: absolute;
        top: 0
    }

    .studi_special_offer_holder.soc_lone .owl-dots {
        background: #fff;
        border-radius: 10px 10px 0 0;
        bottom: 0;
        padding: 5px 8px 0;
        position: absolute;
        right: 50%
    }
}

@media screen and (max-width:767.99px) {
    .prosale_data h2 {
        font-size: 1.3em;
        margin-top: 10px;
        text-align: center
    }

    .sco_excerpt {
        margin: 10px 0;
        text-align: justify
    }

    .sco_regp {
        font-size: 2em !important
    }

    .sco_salep {
        font-size: 3em !important
    }
}

.proTimer {
    direction: ltr;
    display: flex;
    justify-content: center
}

.proTimer div {
    background: linear-gradient(0, #d9255a 50%, beige 50%);
    border-radius: 3px;
    margin: 5px;
    min-width: 52px;
    padding: 5px;
    text-align: center
}

.proTimer div span {
    color: #fff;
    display: block
}

.prosale_data {
    padding: 10px 0
}

.rtl .portfolio-entry .portfolio-entry-thumb .overlay-icon svg {
    transform: rotate(-180deg)
}

.rtl .vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child),
.rtl .vc_tta.vc_general .vc_tta-title-text:not(:empty)~*,
.vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta.vc_general .vc_tta-title-text:not(:empty)~* {
    margin-left: 0;
    margin-right: 14px
}

.scoPriceHtml {
    background: #8bc34a;
    display: inline-flex;
    justify-content: center;
    margin-top: 20px;
    padding: 0 10px
}

.sco_currency {
    color: #fff
}

.sco_excerpt {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    height: 4.3em;
    line-height: 1.5em;
    overflow: hidden;
    text-align: justify;
    width: 100%
}

.sco_regp {
    color: #fff;
    font-size: 36px;
    position: relative
}

.sco_regp:before {
    background: #ffd700;
    content: "";
    height: 2px;
    left: -11%;
    position: absolute;
    top: 35%;
    transform: rotate(-12deg);
    width: 115%
}

.sco_salep {
    color: #ffd700;
    font-size: 50px;
    font-weight: 700;
    margin: 0 20px 0 5px
}

.soc_buy_btn {
    background: #459ae5;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: .4s
}

.soc_buy_btn i {
    font-size: 24px;
    position: absolute;
    right: 12px;
    top: 12px
}

.soc_buy_btn:before {
    background: #ffffff2e;
    border-radius: 350px;
    content: "";
    height: 90px;
    position: absolute;
    right: -35px;
    top: -20px;
    transition: .4s;
    width: 90px
}

.soc_buy_btn:hover:before {
    width: 125%
}

.soc_ltwo .proTimer div {
    background: transparent;
    padding: 0
}

.soc_ltwo .proTimer div span {
    color: #d7d7d7;
    display: block
}

.soc_ltwo .proTimer div span.off_nums {
    color: #74d8d1
}

.soc_ltwo .sc_so_timer {
    display: inline;
    justify-content: end;
    width: 100%
}

.studi_special_offer_holder .owl-dot.active span {
    background-color: #ffd700
}

.vc-hoverbox-front {
    background-blend-mode: overlay;
    background-color: #0000006e
}

h2.section-title span {
    font-weight: 700
}

@media (max-width: 991.98px) {
    .mini-cart-opener {
        background-color: transparent;
        height: 52px;
        width: 48px
    }

    .top-bar-cart .dropdown-cart {
        right: -36px;
        left: auto
    }
}

.fifthpost {
    grid-area: fifthpost
}

.fourthpost {
    grid-area: fourthpost
}

.grid-container {
    display: grid;
    gap: 0 0;
    grid-template-areas: "thirdpost secondpost mainpost mainpost""fifthpost fourthpost mainpost mainpost";
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 1fr 1fr
}

.grid-container .entry-title {
    -webkit-transform: translate3d(0, -50%, 0);
    -webkit-transition: -webkit-transform 0.35s, color .35s;
    color: #484c61;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: transform 0.35s, color .35s;
    width: 100%
}

.grid-container .entry-title a {
    color: transparent
}

.grid-container .post-inner .scpost_data::before {
    -webkit-transition: opacity 0.35s, -webkit-transform .35s;
    transition: opacity 0.35s, transform .35s
}

.grid-container .post-inner:hover .entry-title {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    color: #fff;
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

.grid-container .post-inner:hover .entry-title a {
    color: #fff
}

.grid-container .post-inner:hover .scpost_data::before,
.grid-container .post-inner:hover .post-meta.date {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.grid-container .post-meta.date {
    -webkit-transform: translate3d(0, 10px, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform .35s;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0;
    padding: 2em;
    position: absolute;
    transform: translate3d(0, 10px, 0);
    transition: opacity 0.35s, transform .35s;
    width: 100%
}

.grid-container .scpost_data {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.grid-container .scpost_data:before {
    -webkit-transform: translate3d(0, 50%, 0);
    background: -webkit-linear-gradient(top, #484c6100 0%, #101010cc 75%);
    background: linear-gradient(to bottom, #484c6100 0%, #101010cc 75%);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 50%, 0);
    width: 100%
}

.grid-container .studigriditem {
    border-radius: 10px;
    box-shadow: 0 2px 10px #dcdcdc;
    margin: 5px;
    overflow: hidden;
    position: relative
}

.mainpost {
    grid-area: mainpost
}

.mainpost img {
    width: 100%
}

.mobile-menu>li a,
.off-canvas-main li .sc_studi-megamenu .sc_studi-megamenu-title {
    border-bottom: 1px solid #3c3c3c;
    max-width: 100% !important;
    width: 100% !important
}

.my_acount_topbar {
    z-index: 1
}

.off-canvas-main .mobile-menu li>.sub-menu .sc_studi-megamenu-title a,
.off-canvas-main .mobile-menu li>.sub-menu .widget_product_categories li {
    border: none;
    padding: 0
}

.off-canvas-main .mobile-menu li.menu-item-has-children>.sub-menu {
    display: none
}

.off-canvas-main .mobile-menu li.menu-item-has-children.sub_active>.sub-menu {
    -moz-animation: scslide-left 400ms ease-in-out forwards;
    -webkit-animation: scslide-left 400ms ease-in-out forwards;
    display: block;
    transform-origin: top center
}

.off-canvas-main .subtri {
    border-left: 1px solid #3c3c3c;
    color: #fff;
    display: block;
    height: 100%;
    right: 0;
    max-height: 49px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px
}

.off-canvas-navigation {
    z-index: 120000000
}

.rtl .grid-container {
    display: grid;
    gap: 0 0;
    grid-template-areas: "mainpost secondpost thirdpost ""mainpost fourthpost fifthpost ";
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

.secondpost {
    grid-area: secondpost
}

.site-header .dropdown-cart.visible {
    transform: translate(-35px, 0px)
}

.sub_active>.subtri i:before {
    content: "\f077"
}

.thirdpost {
    grid-area: thirdpost
}

html {
    overflow-x: unset
}

@-webkit-keyframes scslide-left {
    0% {
        transform: translateZ(200px) transLateY(40px)
    }

    100% {
        transform: translateZ(0px) transLateY(0px)
    }

    80% {
        transform: translateZ(-10px) transLateY(0px)
    }
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.author-bio {
    text-align: justify
}

.back-to-top i {
    line-height: 47px
}


.sc_autocopy {
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    right: 30px;
    opacity: 0;
    transition: 0.3s
}

.product_url_to_share:hover .sc_autocopy,
.scshort-link:hover .sc_autocopy {
    opacity: 1;
    transition: 0.3s
}

.sc_autocopy.sc_autocopy_l3 {
    padding: 0
}

.scshort-link {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    direction: ltr;
    display: block;
    padding: 3px 12px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scshort-link:first-child {
    font-family: Tahoma
}

@media screen and (max-width:767.99px) {
    .wpcf7-form.init .col-md-6:first-child {
        margin-bottom: 30px
    }
}

.blog-loop-inner .post:hover .post-thumbnail img,
.blog-loop-inner .portfolio:hover .post-thumbnail img {
    transform: rotate3d(1, 1, 2, 5deg) scale(1.1);
    transition: .5s
}

.blog-loop-inner .post .post-thumbnail img,
.blog-loop-inner .portfolio .post-thumbnail img {
    transition: all 0.5s ease;
}

.hover-effect-default .blog-loop-inner .post:hover .post-thumbnail img,
.hover-effect-default .blog-loop-inner .portfolio:hover .post-thumbnail img {
    transform: rotate3d(1, 1, 2, 5deg) scale(1.1);
}

.hover-effect-grayscale .blog-loop-inner .post:hover .post-thumbnail img,
.hover-effect-grayscale .blog-loop-inner .portfolio:hover .post-thumbnail img {
    transform: scale(1);
    filter: grayscale(1);
}

.hover-effect-zoom-blur .blog-loop-inner .post:hover .post-thumbnail img,
.hover-effect-zoom-blur .blog-loop-inner .portfolio:hover .post-thumbnail img {
    transform: scale(1.15);
    filter: blur(2px);
}

.hover-effect-brightness .blog-loop-inner .post:hover .post-thumbnail img,
.hover-effect-brightness .blog-loop-inner .portfolio:hover .post-thumbnail img {
    transform: scale(1.05);
    filter: brightness(1.3);
}

.hover-effect-scale-overlay .blog-loop-inner .post:hover .post-thumbnail img,
.hover-effect-scale-overlay .blog-loop-inner .portfolio:hover .post-thumbnail img {
    transform: scale(1.1);
}

.hover-effect-scale-overlay .blog-loop-inner .post:hover .post-thumbnail::after,
.hover-effect-scale-overlay .blog-loop-inner .portfolio:hover .post-thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    transition: all 0.5s ease;
}

.blog-loop-inner .post .post-thumbnail,
.blog-loop-inner .portfolio .post-thumbnail {
    position: relative;
    overflow: hidden;
}


.blog-loop-inner.blog-masonry.blog-loop-view-grid.four-columns .post-inner {
    min-height: 348px
}

.blog-loop-inner .post-inner .post-thumbnail {
    overflow: hidden;
}

.blog-loop-inner .post-inner.sc_equal_height_item {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.post_readmore {
    margin-top: auto
}

.blog-loop-inner.post-single .post:hover .post-thumbnail img,
.blog-loop-inner.post-single .portfolio:hover .post-thumbnail img {
    transform: none
}

.boxwithshadow {
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 15px 35px 0 #7090b033
}

.edu_cat_data h4 a {
    color: #313131 !important;
    font-weight: 700 !important
}

.icon-box {
    padding: 5px 30px
}

.icon-box-top .feature-content-text p:first-child {
    margin: 0;
    padding: 0
}

.modal.studi_loginmodal {
    overflow-y: auto
}

.modal.studi_loginmodal .container {
    padding: 0
}

.modal.studi_loginmodal .logintempthree {
    margin: 0
}

.my_acount_topbar a.btn.btn-link .wcsts-user-tickets-area:before {
    content: "\f145"
}

.panel-group {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    border-top: none;
    margin: auto 0;
    padding: 5px
}

.section-heading.sc_head_style4 h2 {
    position: relative
}

.section-heading.sc_head_style4 h2 svg {
    bottom: -7px;
    position: absolute;
    right: 20px;
    z-index: -1
}

.vc_row.bg-left-pos {
    background-position: left !important
}

.vc_row.bg-right-pos {
    background-position: right !important
}

.wrap.transhead .main-page-content {
    margin-top: -60px
}

.wrap.transhead header.site-header:not([class*='sc_sticky_active']) {
    background: transparent;
    box-shadow: 0 0 0
}

ul.edu_cat_meta li {
    background: #ffffff1f;
    border-radius: 5px;
    font-weight: 400;
    text-align: center
}

@media (min-width: 576px) {
    .modal.studi_loginmodal .login-form-modal {
        max-width: 800px
    }
}

.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget.sells-graph .legend table {
    left: auto;
    right: 39px
}

.dokan-dashboard-content {
    padding: 15px 25px 15px 15px !important
}

.dokan-dashboard-wrap {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 25px #eee
}

.dokan-dashboard-wrap>strong {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%
}

.elementor-accordion .elementor-accordion-item {
    border: none;
    border-radius: 5px;
    margin-bottom: 10px
}

.elementor-accordion .elementor-tab-title {
    border-radius: 5px
}

.elementor-tab-content p {
    margin-bottom: 0
}

.newbadge {
    background: #E91E63;
    border-radius: 5px;
    box-shadow: 0 3px 13px #e91e63;
    color: #fff;
    left: -10px;
    line-height: 12px;
    min-width: 84px;
    padding: 10px 9px;
    position: absolute;
    top: 10px
}

.off-canvas-main .mobile-menu li>.sub-menu a,
.off-canvas-main li .sc_studi-megamenu .sc_studi-megamenu-title {
    padding: 6px 25px 6px 20px
}

.off-canvas-main .sc_studi-megamenu-holder .sc_studi-megamenu-title:after,
.single.single-sc_megamenu footer,
.single.single-sc_megamenu .studi_pre_footer,
.single.single-sc_megamenu header.site-header,
.single.single-sc_megamenu .studi_pre_footer,
.single.single-sc_megamenu .top-bar,
.single.single-sc_megamenu .studi_pre_footer,
.single.single-sc_megamenu .page-title {
    display: none
}

.off-canvas-main .subtri i:before {
    content: "\f078";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.owl-item .teacher-item {
    margin: 10px
}

.post-meta.share_box {
    position: absolute;
    right: 0;
    top: 20px
}

.sc_notif_in_header {
    display: inline-block
}

.sc_prosale_data {
    width: 60%
}

.sc_prosale_image {
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 90%;
    mask-repeat: no-repeat;
    mask-size: 90%;
    width: 40%
}

.sc_prosale_image.stimgcover_eight {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask8.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask8.svg);
    -webkit-mask-size: 72%;
    mask-size: 72%;
}

.sc_prosale_image.stimgcover_seven {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask7.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask7.svg);
    -webkit-mask-size: 65%;
    mask-size: 65%;
}

.sc_prosale_image.stimgcover_six {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask6.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask6.svg);
    -webkit-mask-size: 65%;
    mask-size: 65%;
}

.sc_prosale_image.stimgcover_five {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask5.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask5.svg);
    -webkit-mask-size: 65%;
    mask-size: 65%;
}

.sc_prosale_image.stimgcover_four {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask4.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask4.svg)
}

.sc_prosale_image.stimgcover_one {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask.svg)
}

.sc_prosale_image.stimgcover_three {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask3.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask3.svg)
}

.sc_prosale_image.stimgcover_two {
    -webkit-mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask2.svg);
    mask-image: url(../../elementor/widgets/sc_offers_list/offer_mask2.svg)
}

.sc_separator.z99 {
    z-index: 1 !important
}

.scdate-holder .date {
    font-size: 12px
}

.soc_buy_btn_ltwo {
    background: #673ab7;
    border-radius: 50px 30px;
    box-shadow: 0 0 13px #b39ddb !important;
    color: #fff;
    display: inline-block;
    float: left;
    margin: 15px;
    min-width: 120px;
    padding: 5px 10px;
    text-align: center
}

.soc_ltwo .owl-nav {
    bottom: 0;
    box-shadow: 0 0 0;
    left: auto;
    padding: 0;
    position: absolute;
    right: 40px;
    top: auto
}

.soc_ltwo .proTimer {
    justify-content: revert;
    margin: 0
}

.soc_ltwo .prosale_holder {
    display: flex
}

.soc_ltwo .sc_so_content {
    margin-top: 40px
}

.soc_offPercent {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 31px #d9255a3d;
    color: #e91e63;
    height: 42px;
    line-height: 41px;
    text-align: center;
    width: 42px;
    z-index: 3
}

.studi_demo_linker {
    border-radius: 10px;
    box-shadow: 0 0 34px #b5b5b5;
    overflow: hidden;
    text-align: center;
    transition: .4s
}

.studi_demo_linker .studi_demo_link {
    background: #2196F3;
    background: linear-gradient(180deg, #7786d9, #364291);
    color: #fff;
    display: block;
    padding: 10px;
    transition: .4s
}

.studi_demo_linker:hover {
    box-shadow: 2px 2px 40px #b5b5b5
}

.studi_demo_linker:hover a.studi_demo_link {
    background: #1362a1;
    background: linear-gradient(180deg, #364291, #7786d9)
}

.studi_landing_image {
    background-position: top left;
    background-position: top center;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-size: initial;
    background-size: 100% auto !important;
    height: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    transition: background-position 1.5s ease-out .5s
}

.studi_scoPriceHtml {
    display: flex;
    margin: 20px 0
}

.studi_sco_regp {
    background: #fff0f0;
    border-radius: 95px;
    color: #d9255a;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin-left: -15px;
    min-width: 20%;
    padding: 0 5px;
    position: relative;
    text-align: center;
    top: 7px
}

.studi_sco_regp:before {
    background: red;
    content: '';
    height: 1px;
    left: 18px;
    position: absolute;
    top: 50%;
    transform: rotate(347deg);
    width: calc(100% - 40px)
}

.studi_sco_salep {
    background: #f0fff3;
    border-radius: 95px;
    color: #70d785;
    font-size: 30px;
    line-height: 40px;
    margin: 0 -15px;
    min-width: 30%;
    padding: 0 5px;
    text-align: center;
    z-index: 2
}

.studi_slippery:hover {
    background-position: bottom center !important;
    transition: background-position 5s linear 0s
}

.sub-menu span.sc_studi-menu-newlabel,
.sub-menu span.sc_studi-menu-hotlabel,
.sub-menu span.sc_studi-menu-salelabel {
    left: 6px;
    right: auto;
    top: -6px
}

.term-description {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ebebeb;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 20px
}

.top-bar-search.top-bar-search-main-header .search-form-opener {
    background-color: #e7e7e7;
    background-color: transparent;
    border-radius: 100%;
    height: 46px;
    width: 46px
}

.video-banner {
    box-shadow: 0 0 54px #F3E5F5
}

.wp-video {
    margin: 0 auto;
    width: 100% !important
}

.wp-video .mejs-container.wp-video-shortcode.mejs-video.mytheme-mejs-container {
    width: 100% !important
}

span.studi_sco_currency {
    color: #c3c2c2;
    font-size: 14px;
    margin: 0 5px
}

@media screen and (min-width:768px) {
    .sc_prosale_image img {
        min-height: 300px;
        object-fit: cover
    }
}

@media screen and (max-width:600px) {
    .owl-carousel {
        margin-bottom: 15px;
        position: relative
    }

    .owl-nav {
        background: transparent !important;
        box-shadow: 0 0 0 !important;
        padding: 0 !important;
        position: unset !important;
        transform: none !important
    }

    .owl-nav .owl-next {
        display: flex;
        left: -10px;
        right: auto !important
    }

    .owl-nav .owl-next,
    .owl-nav .owl-prev {
        -webkit-transform: translateY(-50%);
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 0 13px #d0d0d0;
        font-size: 30px;
        height: 66px;
        padding: 18px !important;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 66px
    }

    .owl-nav .owl-prev {
        display: flex;
        left: auto;
        right: -10px
    }

    .soc_ltwo .prosale_holder {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .soc_ltwo .sc_prosale_image {
        width: 70%
    }

    .soc_ltwo .sc_prosale_data {
        width: 90%
    }
}

.owl-carousel.products:not(.owl-loaded) {
    height: 0;
    opacity: 0
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: .5
}

@media screen and (max-width:425px) {
    .elementor-widget-studi-notification {
        display: contents
    }

    .site-header.studi_el_head .elementor-widget-wrap .elementor-widget:last-child .dropdown-cart.visible {
        transform: translate(0px, 0px)
    }

    .soc_buy_btn_ltwo {
        display: block;
        width: 100%
    }

    .soc_ltwo .sc_so_timer {
        display: flex;
        justify-content: center
    }

    .soc_ltwo .studi_scoPriceHtml {
        justify-content: space-between
    }
}

.cdb_s_heading.cdbh_style_14 .h_title span {
    position: relative;
    z-index: 1
}

.owl-carousel:not(.owl-loaded) .cat_grid_item {
    display: none !important
}

.price_slider {
    background: #e7e7e7;
    display: block;
    height: 10px;
    margin-bottom: 20px;
    position: relative;
    width: calc(100% + 0px)
}

.studi-taxonomy-description .post-inner {
    padding: 10px
}

.variation-radios label {
    width: 100%
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #7e57c2;
    border-radius: 120px;
    display: inline;
    height: 15px;
    position: absolute;
    top: -3px;
    width: 15px
}

body.rtl .commentlist .comment .comment_container .comment-avatar,
body.rtl .post-author-box .avatar,
body.rtl .commentlist .review .comment_container .comment-avatar {
    margin-left: 24px;
    margin-right: 0
}

@media screen and (max-width:480px) {
    .sc_autocopy {
        opacity: 1
    }

    body.rtl .commentlist .review .comment_container .comment-avatar {
        margin-left: 10px;
        max-width: 36px
    }

    .course-section {
        margin: 10px -25px
    }

    .course-section .panel-group .course-panel-heading .panel-heading-left .title>p {
        line-height: 1.5
    }

    .course-section .panel-group .course-panel-heading .panel-heading-right {
        margin-top: 15px;
        text-align: center
    }

    .course-section .panel-group .course-panel-heading .preview-button i {
        margin-left: 5px !important;
        top: 4px
    }

    .course-section .panel-group .course-panel-heading,
    .studi_pro_layout_four .product-info-before-gallery {
        flex-direction: column
    }

    .grid-container-two div {
        margin-bottom: 30px
    }

    .header-button-link.sc_lgreg_btn_do_not_show {
        display: none !important
    }

    .header-button-link.sc_lgreg_btn_show_icon {
        min-width: 35px
    }

    .header-button-link.sc_lgreg_btn_show_icon a {
        border: none;
        display: inline-block !important;
        padding: 0
    }

    .header-button-link.sc_lgreg_btn_show_icon i {
        margin: 5px
    }

    .header-button-link.sc_lgreg_btn_show_icon span,
    .header-button-link.sc_lgreg_btn_show_text i {
        display: none
    }

    .panel-group {
        margin: auto 0;
        padding: 0
    }

    .scfullcloser {
        left: 10px !important;
        top: 6px !important
    }

    .search-form input[type='search'] {
        font-size: 14px
    }

    .studi_sco_salep {
        font-size: 20px
    }

    .studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta {
        display: flex;
        flex-direction: column
    }

    .top-bar-search.top-bar-search-main-header .search-form-opener,
    .top-bar-darkmode {
        height: 38px;
        width: 38px
    }

    .darkmode-icon {
        font-size: 20px;
    }

    [dir="rtl"] .top-bar-search.top-bar-search-main-header .search-form-opener,
    .rtl .studiare-event-item .studiare-event-item-holder .event-inner-content .event-thumbnail {
        margin-right: 0
    }
}

#stHsearchCloser {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transform: translateY(-50%);
    align-items: center;
    background-color: #f8f9fa;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px
}

#stHsearchCloser svg {
    fill: currentcolor;
    height: 42px;
    width: 42px
}

#supporttab {
    background: #fff;
    border: 0 solid #e5e5e5 !important;
    border-radius: 5px;
    border-width: 0;
    box-shadow: 0 2px 10px #12131214;
    margin-bottom: 30px;
    padding: 15px
}

.admin-bar span.select2-dropdown.select2-dropdown--below {
    transform: translateY(0) !important
}

.blog .post-thumbnail {
    overflow: hidden
}

.meta-info-unit-box.hint--top {
    display: block
}

.off-canvas-main .mobile-menu li.menu-item-has-children>.sub-menu {
    background-color: transparent
}

.sc_pro_buyers_list {
    background: #fff;
    border: 0 solid #e5e5e5 !important;
    border-radius: 5px;
    border-width: 0;
    box-shadow: 0 2px 10px #12131214;
    padding: 10px
}

.swss_protabHolder {
    padding: 10px
}

.teacher_lessons_list .sc-teacher {
    display: none
}

:not(.admin-bar) span.select2-dropdown.select2-dropdown--below {
    transform: translateY(-32px)
}

a.login-button.btn.btn-filled img {
    border-radius: 10px;
    margin: 0 0 0 5px
}

header.site-header .site-search-wrapper .submit {
    right: 70px
}

.site-header .site-logo .studiare-logo-wrap img {
    object-fit: contain
}

@media screen and (min-width:381px) and (max-width:767px) {
    .site-header .site-logo .studiare-logo-wrap img {
        max-height: fit-content;
        max-width: 130px !important
    }
}

@media screen and (max-width:768px) {
    div#scpblist_holder {
        overflow: auto
    }

    table#sc_pro_buyers_list_holder {
        max-width: inherit;
        white-space: nowrap;
        width: 100%
    }

    table#sc_pro_buyers_list_holder td {
        min-width: 30px;
        padding: 10px
    }
}

div#sc-product-single-content {
    background: #fff;
    padding: 20px
}

#sc-product-single-content.scfullscreened {
    height: 100%;
    overflow-y: scroll;
    scrollbar-color: #555 #f0f0f0;
    scrollbar-width: thin
}

#sc-product-single-content.scfullscreened::-webkit-scrollbar {
    width: 10px
}

#sc-product-single-content.scfullscreened::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 5px
}

#sc-product-single-content.scfullscreened::-webkit-scrollbar-thumb:hover {
    background-color: #333
}

#sc-product-single-content.scfullscreened::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

#wpadminbar .dashicons-laptop:before {
    content: "\f085";
    font-family: "font awesome 5 pro";
    font-weight: 300
}

.chapterholder {
    background: #ffffff75;
    border-radius: 5px;
    margin-left: 8px;
    padding: 5px
}

.course-section .panel-group .course-panel-heading .private-lesson,
.dl_holder a,
.video-lesson-preview.preview-button {
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.dl_holder a {
    background: #006ce333;
    border-radius: 5px;
    max-width: 56px;
    text-align: center
}

.dl_holder a,
.dl_holder a:hover {
    color: #006CE3
}

.dl_holder a:hover {
    background: #006ce373
}

.grid-stack-item-content.sc_dashboard_box.ui-draggable-handle .course-loop-element__course-type,
.mobile-menu ul.product-categories>li.cat-item:before,
.mobile-menu ul.product-categories:before {
    display: none
}

.inprolay3 a.studi_add_in_shop {
    bottom: 45px;
    left: 30px;
    z-index: 10000
}

.inprolay3:hover .course-content-holder {
    transform: translateY(30px) !important
}

.mobile-menu .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0
}

.off-canvas-main .mobile-menu li>.sub-menu a,
.off-canvas-main li .sc_studi-megamenu .sc_studi-megamenu-title {
    align-items: center;
    display: flex;
    height: 49px
}

.off-canvas-main .mobile-menu li.menu-item-has-children.sub_active>.sub-menu .row {
    margin: 0;
    width: 100%
}

.off-canvas-main .mobile-menu li.menu-item-has-children.sub_active>.sub-menu .row li {
    max-width: -webkit-fill-available !important;
    padding-left: 0;
    padding-right: 0;
    width: 100% !important
}

.off-canvas-main .sub_active .sub-menu.sc_studi-megamenu-wrapper,
.off-canvas-main .mobile-menu li.menu-item-has-children.sub_active>.sub-menu {
    background: linear-gradient(45deg, #414141, transparent)
}

.off-canvas-main .sub_active>.subtri {
    color: var(--primary_color)
}

.post.studi-taxonomy-description .post-inner {
    display: block
}

.pro_fulls_activated .mfp-bg.mfp-ready {
    z-index: 1100000000
}

.pro_fulls_activated .mfp-wrap,
.pro_fulls_activated .toast-container {
    z-index: 1100000005
}

.products .course-item.inprolay3 .course-item-inner,
.products .course-item.inprolay3:hover .course-item-inner {
    background: transparent;
    box-shadow: none
}

.products .inprolay3.course-item .course-content-holder {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 20px #00000026;
    margin: -70px 20px 0 !important;
    overflow: hidden;
    padding: 10px;
    position: relative;
    transition: .4s
}

.products .inprolay3.course-item .course-item-inner .course-thumbnail-holder img {
    border-radius: 15px
}

.rtl .tm-step-icon-box .badge-text {
    left: 10px;
    right: auto
}

.scfbcCloser {
    background: #fff;
    border-radius: 0 0 20px;
    cursor: pointer;
    font-size: 30px;
    left: 0;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 35px;
    z-index: 10
}

.site-header .search-form-opener .search-icon {
    background: #f5f5f5;
    border-radius: 10px
}

.studistarrating {
    height: 1.618em;
    line-height: 1.618;
    overflow: hidden;
    position: relative;
    width: 73.75px;
    font-size: 13px
}

.studistarrating:before {
    color: #E0E0E0;
    content: "\f005\f005\f005\f005\f005";
    float: left;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    left: 0;
    position: absolute;
    top: 0
}

.tm-step-icon-box .badge-text {
    background: #eee;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 4px 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

a.added_to_cart.wc-forward {
    background: var(--primary_color);
    border-radius: 4px;
    color: #fff;
    padding: 5px;
    position: absolute
}

a.button.sc_preview_btn_in_pro {
    background: #E8EAF6;
    color: #0288D1;
    margin-bottom: 5px;
    width: 100%
}

a.single_add_to_cart_button.single_add_to_cart_button_link.button.alt {
    width: 100%
}

a.studi_add_in_shop {
    background: #4CAF50;
    border: 4px solid #fff;
    border-radius: 100em;
    bottom: -18px;
    color: #fff;
    font-size: 20px;
    left: 20px;
    padding: 5px 9px;
    padding-top: 7px;
    position: absolute
}

a.studi_add_in_shop.added {
    background: #FF9800
}

a.studi_add_in_shop.ajax_add_to_cart.loading i {
    animation: studi_spinner 1.5s linear infinite
}

a.studi_add_in_shop.ajax_add_to_cart.loading i:before {
    content: "\f1ce"
}

a.studi_add_in_shop:hover {
    background: #E91E63;
    color: #fff
}

i.scstatus:before {
    color: #43A047;
    font-size: 8px;
    position: absolute;
    top: 13px
}

p.price {
    margin-bottom: 0
}

span.stratingamount {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0
}

span.stratingamount:before {
    color: var(--primary_color);
    content: "\f005\f005\f005\f005\f005";
    float: left;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width: 480px) {
    .elementor-widget-wrap>.elementor-element .products {
        margin-left: 0;
        margin-right: 0
    }

    .search-results-wrapper .search-results-main .search-result-box {
        flex-direction: column;
        padding: 1rem
    }

    .search-results-wrapper .search-results-main .search-result-box .result-thumbnail {
        margin: 0 0 15px
    }

    .studi_rl_with_sub .studi_rl_sub {
        left: 0;
        right: auto !important
    }

    .studi_rl_with_sub .studi_rl_sub::before {
        display: none !important
    }
}

.course-teacher-details .top-part img {
    background: #200b6d
}

.elementor-widget-reviews .swiper-pagination-bullet-active,
.elementor-widget-image-carousel .swiper-pagination-bullet-active {
    border-radius: 5px !important;
    width: 30px !important
}

.event_auth_button {
    background: transparent
}

.grid_three_t {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    height: 400px;
    justify-content: flex-end;
    margin-bottom: 30px;
    position: relative;
    text-shadow: 0 2px 3px #393e45bf
}

.grid_three_t .image-overlay {
    background-image: linear-gradient(0deg, #444f5bff 0%, #7f899438 100%);
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.grid_three_t .scpost_data {
    z-index: 1
}

.grid_three_t .scpost_data .post-title {
    height: 60px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis
}

.grid_three_t .scpost_data .post-title .entry-title {
    color: #fff
}

.navigation .listWrap li.indicator,
.navigation .listWrap li.indicator:before,
.navigation .listWrap li.indicator:after {
    background: var(--primary_color) !important
}

.navigation .listWrap li.indicator:after {
    opacity: .5
}

.navigation .listWrap li.indicator:before {
    opacity: .3
}

.owl-item .portfolio {
    padding: 25px 5px
}

.page .commentlist .comment .avatar,
.single-post .commentlist .comment .avatar {
    height: 60px;
    width: 60px
}

.studi_logregbg_holder {
    text-align: center
}

.studi_logregbg_holder img {
    max-height: 300px;
    object-fit: contain
}

.studi_podcast_slider .mytheme-mejs-container.mejs-container {
    width: 100% !important
}

.studi_podcast_slider__content {
    width: 100%
}

.studi_podcast_slider__item.swiper-slide.swiper-slide-active {
    z-index: 10000000
}

[class*=hint--]:after {
    box-shadow: none;
    font-family: inherit;
    text-shadow: none
}

.off-canvas-navigation .search-form .search-submit {
    right: 0;
}

button[type="submit"],
button.woosw-btn,
a.woosw-btn,
body.scdarkcolors .swss_button,
body.scdarkcolors input[type=submit] {
    background: var(--primary_color)
}

@media (max-width: 600px) {
    .scfbcCloser {
        border-radius: 40px;
        font-size: 34px;
        left: 10%;
        padding: 3px 11px;
        position: fixed;
        width: 41px;
    }
}


a.comment-reply-link:before {
    content: "";
    width: 24px;
    height: 24px;
    mask: url(../images/reply.svg) no-repeat center;
    -webkit-mask: url(../images/reply.svg) no-repeat center;
    background-color: var(--secondary_color);

}

.owl-carousel.owl-rtl {
    margin: 0 auto
}

.sc_pgrid_three .pmeta {
    height: 137px;
    opacity: 0;
    padding: 0 15px 15px;
    transition: .4s
}

.sc_pgrid_three .scpost_data {
    bottom: -135px;
    position: relative;
    transition: .4s
}

.sc_pgrid_three:hover .pmeta {
    opacity: 1;
    transition: .4s opacity
}

.sc_pgrid_three:hover .scpost_data {
    transform: translateY(-160px)
}

.scpreadmore {
    background: #fff;
    border: 0;
    border-radius: 50px;
    color: var(--primary_color);
    display: inline-block;
    margin-top: 20px;
    padding: 5px 10px;
    text-shadow: 0 0 #000;
    transition: .4s
}

.scpreadmore i {
    background: var(--primary_color);
    border-radius: 100em;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 5px 6px;
    transition: .4s
}

.scpreadmore:hover i {
    margin-right: 20px
}

body.rtl .entry-content ul,
body.rtl .entry-content ol {
    margin: 0 20px 24px 0
}

body.rtl .search-results-wrapper .search-results-main .search-result-box .result-thumbnail {
    margin-right: 0;
}

body.rtl .blog-loop-inner .post .post-meta i,
body.rtl .blog-loop-inner .post-meta i,
body.rtl .blog-loop-inner .portfolio .post-meta i {
    margin-left: 8px;
    margin-right: 0
}

body.rtl .blog-loop-inner .post .post-meta,
body.rtl .blog-loop-inner .post-meta,
body.rtl .blog-loop-inner .portfolio .post-meta {
    margin-right: 0;
    padding-left: 24px;
    padding-right: 0
}

body.rtl .countdown-item,
body.rtl .tp_event_counter {
    direction: ltr
}

body.rtl .courses-holder .courses-top-bar .layout-switcher {
    margin-left: 1rem;
    margin-right: .6rem
}

body.rtl .footer-widgets .widget_nav_menu *>ul>li a:hover:before {
    margin-left: 5px;
    margin-right: 0
}

body.rtl .icon-box.icon-box-left .icon-wrap {
    margin-left: 24px;
    margin-right: 0
}

body.rtl .icon-box.icon-box-right .icon-wrap {
    margin-left: 0;
    margin-right: 24px
}

body.rtl .main-sidebar-holder .widget .widget-title:before {
    left: auto;
    right: -1.76rem
}

body.rtl .not-found .not-found-icon-wrapper {
    margin-left: 30px;
    margin-right: 0
}

body.rtl .search-form .search-submit {
    left: 0;
    right: auto
}

body.rtl .search-form input[type='search'] {
    padding-left: 42px;
    padding-right: 15px
}

body.rtl .site-search-wrapper .submit,
body.rtl .widget_shopping_cart .mini_cart_item .remove {
    left: 15px;
    right: auto
}

body.rtl .studiare-event-item .studiare-event-item-holder .event-inner-content .date-holder {
    margin-left: 24px;
    margin-right: 0
}

body.rtl .studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta .event-meta-piece {
    padding-left: 15px;
    padding-right: 0
}

body.rtl .studiare-navigation ul.menu>li>a i,
body.rtl .studiare-navigation .menu>ul>li>a i {
    margin-left: 7px;
    margin-right: 0
}

body.rtl .studiare-navigation ul.menu>li ul li>ul,
body.rtl .studiare-navigation .menu>ul>li ul li>ul {
    left: auto;
    right: 100%
}

body.rtl .studiare-navigation ul.menu>li ul li.menu-item-has-children>a:after,
body.rtl .studiare-navigation .menu>ul>li ul li.menu-item-has-children>a:after {
    content: "\f104";
    margin-left: 10px;
    margin-right: 0
}

body.rtl .studiare-navigation ul.menu>li ul,
body.rtl .studiare-navigation .menu>ul>li ul {
    left: auto;
    right: 0
}

body.rtl .testimonials-wrapper .testimonial-item .testimonial-inner .testimonial-author .testimonial-avatar {
    margin-left: 20px;
    margin-right: 0
}

body.rtl .widget_contacts ul li .contact-info-icon {
    margin-left: 12px;
    margin-right: 0
}

body.rtl .widget_shopping_cart .cart-item-content {
    padding-left: 20px;
    padding-right: 0
}

body.rtl,
body.rtl table tr th,
body.rtl .shop_table tfoot tr {
    text-align: right
}

[dir="rtl"] .login-form-modal .login-form-modal-box .close {
    left: 30px;
    right: auto
}

@media (min-width:768px) {

    body.rtl .page .commentlist .comment-body,
    body.rtl .page .commentlist .comment-text,
    body.rtl .single-post .commentlist .comment-body,
    body.rtl .single-post .commentlist .comment-text {
        padding-left: 0;
        padding-right: 94px
    }
}

[dir="rtl"] ul.menu .sc_studi-megamenu-wrapper {
    left: auto;
    right: 0
}

body.rtl #bbpress-forums div.bbp-topic-content pre,
body.rtl #bbpress-forums div.bbp-reply-content pre {
    direction: ltr;
    text-align: rigtt;
}

body.rtl #stHsearchCloser,
body.rtl .post-meta.share_box {
    left: 0;
    right: auto
}

body.rtl .back-to-top {
    left: 20px;
    right: auto
}

body.rtl .btn i,
input[type="button"] i,
body.rtl input[type="reset"] i,
body.rtl input[type="submit"] i,
body.rtl .button i,
body.rtl .button-secondary i,
body.rtl .woocommerce_message .button i,
body.rtl .woocommerce-message .button i,
body.rtl .event-single-side a.event_register_submit i,
body.rtl .event_register_submit i {
    margin-left: 6px;
    margin-right: 0
}

body.rtl .children .review {
    border-bottom: none;
    border-top: 1px solid #f2f2f2;
    padding-top: 16px
}


body.rtl .comment-holder .commentlist .children,
body.rtl .studiare-event-item .studiare-event-item-holder .event-inner-content .event-thumbnail {
    margin-left: 0;
    margin-right: 30px
}

body.rtl .comment-respond .comment-reply-title small a {
    margin-left: 0;
    margin-right: 10px
}

body.rtl .commentlist ul.children {
    border-right: 1px solid #f2f2f2;
    padding-right: 15px
}

body.rtl .course-section-title {
    padding-left: 50px;
    padding-right: 15px
}

body.rtl .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    left: 12px;
    right: auto;
    transform: rotateY(180deg)
}

body.rtl .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
    padding: 10px 18px 10px 0
}

body.rtl .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i {
    padding-left: 15px;
    padding-right: 0
}

body.rtl .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a.tips i {
    padding-left: 0;
    padding-right: 15px
}

body.rtl .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a {
    border-left: 1px solid #454545;
    border-right: none;
    float: right
}

body.rtl .dokan-single-store .dokan-store-tabs ul li {
    border-left: 1px solid #EDEDED;
    border-right: none;
    margin-right: 0
}

body.rtl .dropdown-menu-xl {
    float: left;
    left: 0;
    right: auto
}

body.rtl .event-single-main .event-meta-info .box-content .icon {
    margin-left: 0;
    margin-right: 20px
}

body.rtl .gallery-carousel-inner .owl-dots {
    padding-top: 50px;
    position: relative
}

body.rtl .mfp-content,
body.rtl .dgwt-wcas-search-wrapp,
body.rtl input[type=search].dgwt-wcas-search-input,
body.rtl input[type=text].dgwt-cas-search-input {
    text-align: right
}

body.rtl .newsletter-form .form-control {
    border-radius: 0 2px 2px 0;
    padding-left: 0;
    padding-right: 44px;
    text-align: right
}

body.rtl .newsletter-form input[type=submit] {
    border-radius: 2px 0 0 2px
}

body.rtl .off-canvas-navigation {
    -webkit-transform: translate(-300px, 0);
    left: 0;
    right: auto;
    transform: translate(-300px, 0)
}

body.rtl.off-canvas-open .off-canvas-navigation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible
}

body.rtl.off-canvas-right .off-canvas-navigation {
    -webkit-transform: translate(300px, 0);
    right: 0;
    left: auto;
    transform: translate(300px, 0)
}

body.rtl.off-canvas-right.off-canvas-open .off-canvas-navigation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}





body.rtl.off-canvas-open .wrap,
body.rtl.off-canvas-open .navigation,
body.rtl.off-canvas-open .studi_notif_bar {
    -webkit-transform: translate(300px, 0) !important;
    transform: translate(300px, 0) !important
}

body.rtl.off-canvas-right.off-canvas-open .wrap,
body.rtl.off-canvas-right.off-canvas-open .navigation,
body.rtl.off-canvas-right.off-canvas-open .studi_notif_bar {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

@media (max-width: 991.98px) {
    body.rtl .top-bar-cart .dropdown-cart {
        left: -36px;
        right: auto
    }

    body.rtl .off-canvas-navigation .search-form .search-submit {
        left: 0;
        right: auto;
    }
}

body.rtl .page .commentlist .comment .avatar,
body.rtl.single-post .commentlist .comment .avatar,
body.rtl .newsletter-form:before {
    left: auto;
    right: 5px
}

body.rtl .page-numbers i.fa.fa-angle-left:before {
    content: "\f105"
}

body.rtl .page-numbers i.fa.fa-angle-right:before {
    content: "\f104"
}

body.rtl .post-nav-link svg {
    left: auto;
    right: 0;
    transform: translateY(-50%) rotate(180deg)
}

body.rtl .post-nav-link.next {
    padding-left: 32px;
    padding-right: 0
}

body.rtl .post-nav-link.next svg {
    left: 0;
    right: auto
}

body.rtl .post-nav-link.prev {
    padding-left: 0;
    padding-right: 32px
}

body.rtl .pull-left,
body.rtl .wpt_widget_content ul.wpt-tabs li {
    float: right !important
}

body.rtl .pull-right {
    float: left !important
}

body.rtl .sc-course-lesson-toggle {
    left: 10px;
    right: auto
}

body.rtl .scBR {
    left: auto;
    right: 15px
}

body.rtl .screversed {
    flex-direction: row-reverse
}

body.rtl .select2-container--default .select2-selection--single {
    min-height: 39px;
    padding-right: 5px
}

body.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 7px;
    top: 8px
}

body.rtl .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 0
}

body.rtl .single-post .commentlist .comment .avatar {
    left: auto;
    right: 11px;
    top: 15px
}

body.rtl .site-footer.footer-color-light a {
    color: #fff9 !important
}

body.rtl .site-header .header-button-link .login-button i {
    float: right;
}

body.rtl .site-header .site-logo .studiare-logo-wrap {
    padding-left: 10px;
    padding-right: 0
}

body.rtl .site-search-wrapper.sc-ajax-search .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    -webkit-box-shadow: none !important;
    border: 0;
    box-shadow: none !important;
    font-size: 20px;
    font-weight: 300;
    outline: none;
    padding: 20px 15px
}

body.rtl .sub-menu span.sc_studi-menu-newlabel,
body.rtl .sub-menu span.sc_studi-menu-hotlabel,
body.rtl .sub-menu span.sc_studi-menu-salelabel {
    left: auto;
    right: 6px
}

body.rtl .text-right,
body.rtl .post-nav-btn.next-btn {
    text-align: right
}

body.rtl .top-bar-contact-info i {
    float: right;
    margin-left: 6px;
    margin-right: 0
}

body.rtl .top-bar-contact-info li {
    margin-left: 30px;
    margin-right: 0
}

body.rtl .vc_progress_bar .vc_single_bar .vc_bar {
    right: 0
}

body.rtl .verified {
    background: #4CAF50;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-style: initial;
    margin-right: 5px;
    padding: 0 7px
}

body.rtl .widget_shopping_cart .cart-item-content {
    padding-left: 0;
    padding-right: 0
}

body.rtl .wpcf7-form-control-wrap,
body.rtl label,
body.rtl .commentlist .review .star-rating>span {
    direction: rtl
}

body.rtl .wpt_thumb_small,
body.rtl .wpt_avatar {
    float: right !important;
    margin-left: 12px;
    margin-right: 0 !important
}

body.rtl .wpt_widget_content .tab-content li {
    float: right !important;
    text-align: right !important
}

body.rtl a.swss_floting_ticket {
    left: auto;
    right: 15px !important
}

body.rtl button.single_add_to_cart_button:before,
body.rtl .studiare-event-item .studiare-event-item-holder .event-inner-content .event-meta .event-meta-piece i {
    margin-left: 8px;
    margin-right: 0
}

body.rtl header.site-header .site-search-wrapper .submit {
    left: 70px;
    right: auto
}

body.rtl label>[type=checkbox],
body.rtl label>[type=radio] {
    margin-left: .375rem;
    margin-right: 0
}

body.rtl ul.menu .sc_studi-megamenu-wrapper .sub-menu {
    left: auto !important;
    right: 0 !important
}

body.rtl .off-canvas-main .subtri {
    border-right: 1px solid #3c3c3c;
    border-left: none;
    left: 0;
    right: auto
}

body.rtl .comment-body {
    padding: 20px 80px 0 0 !important
}

@media (max-width: 767.98px) {
    .comment-holder {
        padding: 0.875rem
    }

    .comment-holder .commentlist .children {
        margin-left: 15px
    }

    body.rtl .comment-body {
        padding: 20px 55px 0 0 !important;
    }

    .page .commentlist .comment .avatar,
    .single-post .commentlist .comment .avatar {
        height: 50px;
        width: 50px;
    }

    body.rtl .comment-holder .commentlist .children {
        margin-right: 0px;
    }

    body.rtl .page .commentlist .comment .avatar,
    body.rtl.single-post .commentlist .comment .avatar,
    body.rtl .newsletter-form:before {
        right: 3px;
        top: 5px;
    }
}

/* Parallax 1 Animation */
.parallax1>use {
    animation-name: move-forever1;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.parallax1>use:nth-child(1) {
    animation-delay: -2s;
}

/* Parallax 2 Animation */
.parallax2>use {
    animation-name: move-forever2;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.parallax2>use:nth-child(1) {
    animation-delay: -2s;
}

/* Parallax 3 Animation */
.parallax3>use {
    animation-name: move-forever3;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.parallax3>use:nth-child(1) {
    animation-delay: -2s;
}

/* Parallax 4 Animation */
.parallax4>use {
    animation-name: move-forever4;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.parallax4>use:nth-child(1) {
    animation-delay: -2s;
}

.portfolio-single-inner {
    margin-bottom: 30px;
}

.sc_studi_portfolio_f_image {
    text-align: center;
}

/* elementor front */
.rtl .e-con-shared-styles,
.rtl .elementor-add-section-drag-title,
.rtl .elementor-select-preset-title,
.rtl [data-editable-elementor-document] .elementor-document-handle__inner {
    font-family: 'iransansxv', iransansx, sans-serif;
}

:root .rtl {
    --e-a-font-family: 'iransansxv', iransansx, sans-serif;
}


span.sc_notif_private {
    background: #FFF3E0;
    padding: 0 5px;
    border-radius: 3px;
    margin: 0 5px;
    color: #E65100;
    font-size: 10px;
}

/** suncode_postgrid_two **/
.studi_bt_ex {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.st_tobbox {
    position: absolute;
}

.st_tobbox_con {
    padding: 20px;
    z-index: 2;
    position: relative;
    padding-top: 80px;
}

.st_tobbox svg {
    width: 100%;
    height: 154px;
}

.studi_blog_card {
    /* background-color: rgb(254, 252, 251); box-shadow: rgba(2, 69, 122, 0.04) 2px 1px 5px 0px, rgba(2, 69, 122, 0.03) 9px 4px 10px 0px, rgba(2, 69, 122, 0.02) 19px 10px 13px 0px, rgba(2, 69, 122, 0.01) 35px 17px 15px 0px, rgba(2, 69, 122, 0) 54px 27px 17px 0px; */
    box-shadow: 0 0 15px #dbdbdb;
    border-radius: 15px;
    overflow: hidden;
}

.studi_blog_card_img_block img {
    max-height: 300px;
    width: 100%;
    object-fit: cover;
    transition: 0.6s linear;
}

.studi_blog_card .studi_pdate {
    position: absolute;
    top: 16px;
    right: 16px;
    color: rgb(254, 252, 251);
    background-color: rgb(191, 172, 249);
    padding: 0px 8px;
    border-radius: 5px;
}

.studi_blog_card_text_block {
    position: relative;
    z-index: 10;
    margin-top: -68px;
    margin-top: -90px;
    background-position: center top;
    border-radius: 0px 0px 15px 15px;
}

.studi_blog_card_holder {
    padding: 12px 8px;
}

a.studi_blog_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

.sc_tbtm_info {
    align-items: center;
    justify-content: space-between;
    display: flex;
    font-size: 12px;
}

.studi_bt_ex {
    margin-bottom: 10px;
}

.sc_pauthor img {
    height: 30px;
    width: 30px;
    max-width: max-content;
    border-radius: 50em;
    border: 1px solid var(--secondary_color);
    margin: 0 0 0 5px;
    padding: 1px;
}

.sc_pauthor {
    display: flex;
    align-items: center;
}

.sc_tbtm_info a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 81px;
}

.studi_blog_card_img_block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 10px;
    height: calc(100% - -5px);
    width: 100%;
    background: linear-gradient(18deg, var(--secondary_color), transparent);
    border-radius: 10px 10px 0 0
}

.studi_blog_card_img_block {
    position: relative;
}

/** suncode_rp_list **/

.st_tobbox_con_rp {
    padding: 20px;
    z-index: 2;
    position: relative;
}

.studi_blog_list_card {
    /* background-color: rgb(254, 252, 251); box-shadow: rgba(2, 69, 122, 0.04) 2px 1px 5px 0px, rgba(2, 69, 122, 0.03) 9px 4px 10px 0px, rgba(2, 69, 122, 0.02) 19px 10px 13px 0px, rgba(2, 69, 122, 0.01) 35px 17px 15px 0px, rgba(2, 69, 122, 0) 54px 27px 17px 0px; */
    box-shadow: 0 0 15px #dbdbdb;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 15px;
}

.studi_blog_list_card_img_block img {
    border-radius: 10px;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
    transition: 0.6s linear;
}

.studi_blog_list_card .studi_pdate {
    position: absolute;
    top: 16px;
    right: 16px;
    color: rgb(254, 252, 251);
    background-color: rgb(191, 172, 249);
    padding: 0px 8px;
    border-radius: 5px;
}

.studi_blog_list_card_text_block {
    width: 100%;
    position: relative;
    z-index: 10;
    background-position: center top;
    border-radius: 0px 0px 15px 15px;
}

.studi_blog_list_card_holder {
    padding: 12px 8px;
}

a.studi_blog_list_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

.studi_blog_list_card_img_block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 10px;
    height: calc(100% - -5px);
    width: 100%;
    background: linear-gradient(18deg, var(--secondary_color), transparent);
    border-radius: 10px;
}

.studi_blog_list_card_img_block {
    position: relative;
    max-width: 220px;
}

@media screen and (max-width:428px) {
    .studi_blog_list_card {
        flex-direction: column;
    }

    .studi_blog_list_card_img_block {
        max-width: fit-content;
    }
}