@charset "UTF-8";
#sp-top-bar .sp-module,.contact-links ul li,.login img,.pager>li,.tags>li,ul.social-icons>li {
 display:inline-block
}
#sp-advert,
#sp-info {
 background-color:#f5f6f7
}
.TagCloud li a,
.btoneb a,
.btonef a,
.navbar-nav li.btmegam,
.tc_taskbar li a:hover,
.tc_taskbar li a:link,
.tc_taskbar li a:visited,
.tc_tasks li a:hover,
.tc_tasks li a:link,
.tc_tasks li a:visited {
 text-decoration:none
}
body {
 font-size:17px
}
h1 {
 font-size:38px
}
.dms-container h1,
h2 {
 font-size:31px
}
h3 {
 font-size:24px
}
h4 {
 font-size:21px
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:300
}
a {
 transition:color .4s,background-color .4s;
 color:#fb8521
}
#sp-top-bar {
 font-size:.92rem
}
ul.social-icons {
 list-style:none;
 padding:0;
 float:right;
 margin-top:-35px
}
ul.social-icons>li {
 border-radius:50%;
 width:30px;
 height:30px;
 text-align:center;
 line-height:30px;
 margin:0 3px;
 background:#fff;
 -webkit-transition:.6s;
 transition:.6s;
 box-shadow:0 0 3px rgba(0,0,0,.2);
 -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
 -webkit-box-shadow:0 0 3px rgba(0,0,0,.2)
}
.article-details,
.pagination>li>.page-link {
 box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff
}
ul.social-icons>li a {
 font-size:16px
}
ul.social-icons>li:hover {
 background:#000
}
#sp-header {
 position:relative;
 display:flex;
 align-items:center;
 height:70px;
 background-color:#fff;
 transition:height .4s,background-color .3s;
 z-index:10
}
#sp-header .logo {
 height:70px;
 display:inline-flex;
 margin:0;
 align-items:center
}
#sp-header .logo a {
 font-size:24px;
 line-height:1;
 margin:0;
 padding:0
}
#sp-header .logo p {
 margin:5px 0 0
}
body.header-sticky-init #sp-header {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 opacity:0;
 box-shadow:0 2px 4px rgba(7,37,68,.06);
 z-index:1024
}
body.header-sticky-init #sp-top-bar {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 z-index:1023;
 opacity:0
}
@supports((-webkit-backdrop-filter:blur(2em)) or (backdrop-filter:blur(2em))) {
 body.header-sticky-init #sp-header {
  background-color:rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px)
 }
 body.header-sticky-init #sp-top-bar {
  background-color:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px)
 }
}
body.header-sticky-init #sp-top-bar>div {
 border-top-color:#fff
}
body.header-sticky-init.has-page-header.scrolling-down #sp-header,
body.header-sticky-init.has-page-header.scrolling-up #sp-top-bar {
 opacity:0;
 transform:translateY(-80px);
 transition:opacity .3s,transform .3s
}
body.header-sticky-init.has-page-header.scrolling-down #sp-top-bar,
body.header-sticky-init.has-page-header.scrolling-up #sp-header {
 opacity:1;
 background-color:#fff;
 transform:translateY(0);
 transition:opacity .3s,transform .3s
}
body.header-sticky-init:not(.has-page-header) #sp-header {
 transform:translateY(-80px)
}
body.header-sticky-init:not(.has-page-header).scrolling-down #sp-header,
body.header-sticky-init:not(.has-page-header).scrolling-up #sp-header {
 opacity:1;
 transform:translateY(0);
 transition:opacity .3s,transform .3s
}
.login img {
 margin:20px 0
}
.login .checkbox input[type=checkbox] {
 margin-top:6px
}
#sp-bottom .sp-module ul,
#sp-left .sp-module ul,
#sp-right .sp-module ul,
.form-links ul,
.live-demo-frame-overlay .demo-frame-devices ul {
 list-style:none;
 padding:0;
 margin:0
}
.search .btn-toolbar {
 margin-bottom:20px
}
#contact-form dd,
#sp-left .sp-module .categories-module li h4,
#sp-right .sp-module .categories-module li h4,
#sp-top-bar .sp-module,
.search .btn-toolbar span.icon-search {
 margin:0
}
#dms-category .dms-page-heading,
#sp-bottom .sp-module-content .latestnews>li>a>span,
#sp-bottom a:active,
#sp-bottom a:focus,
#sp-bottom a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-footer a:hover,
.search .btn-toolbar button,
.tags>li a:hover,
.top-info__subtitle,
.top-info__title {
 color:#fff
}
.search .only label,
.search .phrases .phrases-box .controls label {
 display:inline-block;
 margin:0 20px 20px
}
.search .phrases .ordering-box,
.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu>li:not(:last-child) {
 margin-bottom:15px
}
.search .search-results dt.result-title {
 margin-top:40px
}
.search .search-results dd,
.search .search-results dt {
 margin:5px 0
}
.filter-search .chzn-container-single .chzn-single {
 height:34px;
 line-height:34px
}
#sp-main-body {
 background-color:#ececf3;
 z-index:2;
 position:relative;
 padding:30px 0
}
#sp-main-body .container {
 padding-left: 0px;
 padding-right: 0px;
}
#versionsModal {
 top:10%
}
#versionsModal .modal-dialog {
 max-width:80%
}
#versionsModal iframe {
 min-height:300px
}
.sp-page-title .sp-page-title-heading {
 font-size:40px;
 font-weight:400;
 line-height:1.33;
 color:#fff
}
.sp-page-title .sp-page-title-heading span {
 display:block;
 max-width:790px;
 margin:5px auto 0;
 font-size:18px;
 font-weight:400;
 line-height:1.35;
 color:#fff
}
.sp-page-title .sp-page-title-sub-heading {
 position:absolute;
 top:50%;
 left:50%;
 font-size:140px;
 font-weight:900;
 line-height:.77;
 color:rgba(20,23,30,.1);
 text-transform:uppercase;
 margin-top:0;
 transform:translate(-50%,-50%)
}
.article-list .article {
 margin-bottom:30px;
 line-height:1.56;
 color:#727478;
 -webkit-transition:.3s;
 transition:.3s;
 background:linear-gradient(145deg,#eff1f7,#fff);
 border:1px solid #fff;
 padding: 10px;
 box-shadow:5px 5px 15px #d1d9e6,-5px -5px 10px #fff
}
.article-list .article .article-feature-gallery,
.article-list .article .article-featured-audio,
.article-list .article .article-featured-video,
.article-list .article .article-intro-image,
.view-search .search .btn-secondary {
 border-radius:0
}
.article-list .article .article-feature-gallery img,
.article-list .article .article-featured-audio img,
.article-list .article .article-featured-video img,
.article-list .article .article-intro-image img {
 border-radius:0;
 width:100%
}
.article-list .article .article-body {
 padding:15px;
 display:flex;
 flex-direction:column;
 position:relative
}
.article-list .article .article-body .article-header {
 order:1
}
.article-list .article .article-body .article-introtext,
.dms-documents .image-right .image-column {
 order:2
}
.article-list .article .readmore {
 order:3;
 font-size:.875rem
}
.article-list .article .article-body .article-info {
 order:4
}
.article-list .article .article-body .tags {
 order:5
}
.article-list .article .article-header h1,
.article-list .article .article-header h2 {
 font-size:18px;
 font-weight:700;
 margin:1.7rem 0 .5rem
}
#sp-bottom .sp-module .sppb-icons-group-list li a,
.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
 color:#14171e
}
.article-list .article .readmore a {
 color:#6676a8;
 font-weight:500
}
.article-list .article:hover,
.layout-boxed .body-innerwrapper,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.tabbable .nav-tabs>li>a.active:before {
 background:#fff
}
.article-info {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:.5rem
}
.article-info>span {
 font-size:14px;
 font-weight:400;
 line-height:1.57
}
.article-info>span+span::before {
 display:inline-block;
 padding-right:.5rem;
 padding-left:.5rem;
 content:"|"
}
.article-info>span.published {
 position:absolute;
 top:30px;
 left:25px;
 color:#727478
}
.article-info>span.published:before,
.blog-v2 #sp-right .popular-post-v1 .sp-module-title,
.com-k2.view-item .live-demo-frame-overlay a.buy-now,
.contact-miscinfo h3,
.view-article.blog-v2 #sp-position1,
.view-article.blog-v2 #sp-position2,
.view-article.blog-v2 #sp-right .popular-post-v2,
.view-article.blog-v2 #sp-right .sp-module .latestnews .article-list-img,
.view-article.blog-v2 #sp-right:before,
.view-category #sp-left .sp-module.social-link,
.view-category #sp-right .sp-module.social-link,
.view-category.blog-v2 #sp-right .book-free,
.view-category.blog-v2 #sp-right .olwebdesign-blog-categories,
.view-category.blog-v2 #sp-right .popular-post-v1 {
 display:none
}
.view-article #sp-right {
 margin-top:10px
}
.article-header-wrap {
 padding:30px 0;
 margin-top:-6px;
 position:relative
}
.article-details {
 position:relative;
 padding:30px;
 background:linear-gradient(145deg,#f5f6fb,#fff);
 border:1px solid #fff
}
.shop.article-details {
 position:relative;
 background:none;
 border:none;
 box-shadow:none;
}
.main-text{
 position:relative;
 background:#fff;
 border:none;
 box-shadow:none;
}
.get-feature {
    background: #f7f7fb;
    padding: 60px 20px
}
.content-column .get-feature {
    padding: 20px 0px
}
.get-features {
    padding: 60px 20px
}
.shop ul.checklist {
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none
}

.shop ul.checklist li {
    padding: 0 30px 10px 30px;
    margin: 0
}

.shop ul.checklist li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    color: #5a5a5a;
    font-weight: 700;
    font-size: 12px;
    margin-right: 7px
}
@media(min-width:768px) {

    .extended-feature {
        overflow: hidden
    }
    .image-right .image-column {
        order: 2
    }
    .image-right .section-image {
        margin-right: -900px
    }
    .image-left .section-image {
        margin-left: -260px;
        text-align: right
    }
}
.get-feature img {
  display: inline-block;
}
#sp-bottom .sp-module ul>li,
.article-details .article-info {
 display:block;
 margin-bottom:10px
}
.article-details .article-info>span.published {
 left:0;
 right:0;
 font-size:14px;
 font-weight:400;
 line-height:1.57;
 color:#fff
}
.article-details .article-full-image {
 text-align:center;
 margin-bottom:2rem;
 width: 100%;
}
.article-details .article-full-image img {
 display:inline-block;
 border-radius:0
}
.article-details .article-feature-gallery,
.article-details .article-featured-audio,
.article-details .article-featured-video {
 margin-bottom:2rem
}
.article-details .article-ratings-social-share {
 padding:1rem 0;
 border-top:1px solid #f5f5f5;
 border-bottom:1px solid #f5f5f5;
 margin-bottom:1rem
}
#article-comments,
.article-details .article-author-information {
 padding-top:2rem;
 margin-top:2rem;
 border-top:1px solid #f5f5f5
}
.article-details .article-can-edit {
 position:relative;
 margin-bottom:10px
}
.article-details .article-can-edit a {
 display:inline-block;
 background:#2a61c9;
 color:#fff;
 padding:5px 12px;
 border-radius:3px;
 font-size:14px
}
#sp-left .sp-module .categories-module li,
#sp-right .sp-module .categories-module li,
.itemExtraFields ul,
.tags {
 padding:0
}
.related-article-list-container {
 margin-top:15px
}
.related-article-list-container .related-article-title {
 font-size:22px;
 padding-bottom:15px;
 border-bottom:1px solid #f3f3f3
}
.related-article-list-container ul.related-article-list {
 list-style:none;
 padding:0
}
.related-article-list-container ul.related-article-list li,
.sp-custom-login-on .form-login-wrap .login-greeting {
 margin-bottom:10px
}
.related-article-list-container ul.related-article-list li .article-header h2 {
 font-size:1.2rem
}
#offcanvas-toggler>.fa,
.article-social-share .social-share-icon ul li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span,
.related-article-list-container ul.related-article-list li .article-header h2 a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-mega-group>li>a,
.sp-megamenu-parent>li>a,
.sp-module ul>li>a {
 color:#252525
}
.pager>li.next a:after,
.pager>li.previous a:before {
 color:rgba(200,205,220,.6);
 position:relative;
 font-family:"Font Awesome 6 Free"
}
.related-article-list-container ul.related-article-list li .article-header h2 a:hover {
 color:#044cd0
}
#sp-cart,
.related-article-list-container ul.related-article-list li .published {
 font-size:14px
}
.tags {
 list-style:none;
 margin:.6rem 0 0!important;
 display:block
}
.tags>li a {
 display:block;
 font-size:.875rem;
 padding:.5rem 1rem;
 border-radius:6.25rem
}
.pager {
 list-style:none;
 padding:2.4rem 0 0;
 margin:0;
 border-top:1px solid rgba(200,205,220,.3)
}
.pagination,
.view-article.blog-v2 #sp-right .sp-module:not(:first-child) {
 margin-top:20px
}
.pager::after {
 display:block;
 clear:both;
 content:""
}
.pager>li.previous {
 float:left
}
.pager>li.next a,
.pager>li.previous a {
 font-weight:800;
 position:relative
}
.pager>li.previous a:before {
 content:"\f053";
 padding-right:10px;
 font-size:12px
}
.pager>li.next {
 float:right
}
.pager>li.next a:after {
 content:"\f054";
 padding-left:10px;
 font-size:12px
}
.pager>li a {
 display:inline-block;
 font-size:16px;
 font-weight:400;
 padding:1rem 2.5rem;
 border-radius:0
}
#sp-left .sp-module,
#sp-right .sp-module {
 margin-top:35px;
 border:0;
 padding-left:5px;
 border-radius:0
}
#sp-left .sp-module:first-child,
#sp-right .sp-module:first-child,
.view-article.blog-v2 #sp-right .sp-module .latestnews .latest-post-title {
 margin-top:0
}
#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
 font-size:22px;
 font-weight:500;
 position:relative;
 line-height:1.82;
 color:#333;
 margin:0 0 18px;
 padding-bottom:8px
}
#sp-left .sp-module ul>li,
#sp-right .sp-module ul>li {
 display:block;
 border-bottom:0
}
#sp-left .sp-module ul>li span,
#sp-right .sp-module ul>li span {
 font-size:12px
}
#sp-left .sp-module ul>li>a,
#sp-right .sp-module ul>li>a {
 display:block;
 font-size:15px
}
#sp-left .sp-module ul>li:last-child,
#sp-right .sp-module ul>li:last-child {
 border-bottom:none
}
#sp-left .sp-module .categories-module ul,
#sp-right .sp-module .categories-module ul {
 margin:0 5px
}
#sp-left .sp-module .categories-module li h4 a,
#sp-left .sp-module .categories-module ul li h4 a,
#sp-right .sp-module .categories-module li h4 a,
#sp-right .sp-module .categories-module ul li h4 a {
 font-size:16px;
 font-weight:400;
 line-height:2.19;
 color:#7c7c7c
}
#sp-left .latestnews>div .latest-post-content-wrap .latest-post-title a:hover,
#sp-left .sp-module .categories-module li h4 a:hover,
#sp-right .latestnews>div .latest-post-content-wrap .latest-post-title a:hover,
#sp-right .sp-module .categories-module li h4 a:hover {
 color:#f68e13
}
#sp-left .sp-module .tagspopular ul,
#sp-right .sp-module .tagspopular ul {
 margin:0 -3px
}
#sp-left .sp-module .tagspopular ul li,
#sp-right .sp-module .tagspopular ul li {
 display:inline-block;
 margin:3px 2px
}
#sp-left .sp-module .tagspopular ul li a,
#sp-right .sp-module .tagspopular ul li a {
 font-size:15px;
 font-weight:400;
 line-height:2;
 border-radius:4px;
 padding:2px 14px;
 text-transform:capitalize;
 background-color:#f5f5f5
}
#sp-left .sp-module .tagspopular ul li a:hover,
#sp-right .sp-module .tagspopular ul li a:hover {
 color:#fff;
 background-color:#1d2228
}
#sp-left .sp-module .tagscloud,
#sp-right .sp-module .tagscloud {
 margin:-2px 0
}
#sp-left .sp-module .tagscloud .tag-name,
#sp-right .sp-module .tagscloud .tag-name {
 display:inline-block;
 padding:5px 10px;
 background:grey;
 color:#fff;
 border-radius:4px;
 margin:2px 0
}
#sp-left .sp-module .tagscloud .tag-name span,
#sp-right .sp-module .tagscloud .tag-name span {
 display:inline-block;
 min-width:10px;
 padding:3px 7px;
 font-size:12px;
 font-weight:700;
 line-height:1;
 text-align:center;
 white-space:nowrap;
 vertical-align:baseline;
 background-color:rgba(0,0,0,.2);
 border-radius:10px
}
#sp-left .latestnews>div,
#sp-right .latestnews>div {
 width:100%;
 display:flex;
 align-items:center;
 padding-bottom:20px;
 margin-bottom:20px;
 border-bottom:1px solid #eaeaea
}
#sp-left .latestnews>div:last-child,
#sp-right .latestnews>div:last-child {
 padding-bottom:0;
 margin-bottom:0;
 border-bottom:0
}
#sp-left .latestnews>div>a,
#sp-right .latestnews>div>a {
 font-size:13px;
 color:#6c6d8b
}
#sp-left .latestnews>div .article-list-img,
#sp-right .latestnews>div .article-list-img {
 flex:0 0 40%;
 max-width:140px;
 margin-right:20px;
 background-repeat:no-repeat;
 background-size:cover;
 height:90px;
 background-position:center center
}
#sp-left .latestnews>div .latest-post-content-wrap,
#sp-right .latestnews>div .latest-post-content-wrap {
 flex:0 0 60%;
 max-width:60%
}
#sp-left .latestnews>div .latest-post-content-wrap .latest-post-title a,
#sp-right .latestnews>div .latest-post-content-wrap .latest-post-title a {
 font-size:15px;
 display:block;
 color:#050505
}
#sp-left .latestnews>div .latest-post-content-wrap .latest-post-info span.category-date,
#sp-right .latestnews>div .latest-post-content-wrap .latest-post-info span.category-date {
 color:#afafaf;
 font-size:13px
}
.pagination {
 margin-bottom:10px;
 text-align:center;
 display:block;
 border-radius:0
}
#sp-footer #sp-footer2,
#sp-menu-right,
.tc-version {
 text-align:right
}
.pagination>li {
 display:inline-block;
 margin:0 3px
}
.pagination>li>.page-link {
 min-width:36px;
 height:36px;
 line-height:36px;
 text-align:center;
 font-size:14px;
 font-weight:600;
 padding:0 10px;
 border-radius:100px;
 color:#000;
 background:linear-gradient(145deg,#e7eaf2,#fff);
 border:1px solid #fff
}
.navbar-nav li.btmegam,
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:focus input[type=submit],
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:hover input[type=submit] {
 color:#fb8521!important
}
.pagination>li>.page-link:focus,
.pagination>li>.page-link:hover {
 color:#000
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
 border-radius:100px!important
}
.pagination>li.disabled>.page-link {
 background:0 0;
 color:#d0d4d6
}
.pagination>li.disabled>.page-link:focus,
.pagination>li.disabled>.page-link:hover {
 color:#d0d4d6;
 background:#fff
}
.pagination>li.active>.page-link {
 border-color:#fb8521;
 background:#fb8521;
 color:#fff
}
.btn-primary,
.pagination>li.active>.page-link:focus,
.pagination>li.active>.page-link:hover {
 border-color:#fb8521;
 background-color:#fb8521
}
.view-search .search hr {
 border-top:1px solid rgba(200,205,220,.3)
}
.view-search .search .controls label {
 margin-right:10px;
 margin-bottom:0
}
.view-search .search .controls label input[type=radio] {
 margin-right:5px;
 -webkit-appearance:none;
 appearance:none;
 width:15px;
 height:15px;
 position:relative
}
.view-search .search .controls label input[type=radio]:before {
 content:"";
 position:absolute;
 width:15px;
 height:15px;
 left:0;
 top:2px;
 border-radius:100px;
 border:1px solid #c8cddc;
 -webkit-transition:.3s;
 transition:.3s
}
.view-search .search .controls label input[type=radio]:checked:before,
.view-search .search .form-check-inline input[type=checkbox]:checked:before {
 background-color:#fff
}
.view-search .search .controls label input[type=radio]:focus,
.view-search .search .form-check-inline input[type=checkbox]:focus {
 outline:0
}
.view-search .search #limit,
.view-search .search #ordering {
 background-color:#f7f7f7
}
.view-search .search .form-check-inline input[type=checkbox] {
 margin-right:5px;
 -webkit-appearance:none;
 appearance:none;
 width:15px;
 height:15px;
 position:relative;
 background-color:#fff
}
.view-search .search .form-check-inline input[type=checkbox]:before {
 content:"";
 position:absolute;
 width:10px;
 height:5px;
 left:2px;
 top:4px;
 border-left:2px solid transparent;
 border-bottom:2px solid transparent;
 transform:rotate(-50deg);
 -webkit-transition:.3s;
 transition:.3s
}
#sp-bottom-top {
 border-bottom:1px solid rgba(136,136,136,.25)
}
#sp-bottom .sp-module .sppb-icons-group-list li,
#sp-bottom .sp-module ul>li:last-child,
#sp-bottom-top .sppb-addon-form-builder .sppb-form-group,
#sp-footer ul,
.tabbable .tab-content p:last-child {
 margin-bottom:0
}
#sp-bottom-top .sppb-addon-form-builder .sppb-form-builder-btn {
 width:37%;
 float:left
}
#sp-bottom-top .sppb-addon-form-builder .sppb-form-builder-btn .sppb-btn {
 width:100%;
 font-size:14px;
 line-height:1.2;
 padding:15px 30px
}
#sp-bottom {
 padding:55px 0 35px;
 font-size:14px;
 line-height:1.57;
 font-weight:400
}
#sp-bottom #sp-bottom4 .sp-module {
 letter-spacing:.6px
}
#sp-bottom .sp-module {
 margin-bottom:30px
}
#sp-bottom .sp-module .sp-module-title {
 font-weight:400;
 font-size:18px;
 color:#fff;
 margin-bottom:30px;
 text-transform:uppercase;
 background:0 0
}
#sp-bottom .sp-module ul>li>a {
 display:block;
 letter-spacing:.5px;
 color:#fff;
 opacity:.6
}
#logout-button i {
 font-size:20px
}
#sp-top-bar {
 padding:5px 0;
 border-bottom:1px solid #e5e5e5;
 background:#f5f6f9;
 z-index:101;
 position:relative
}
#sp-ext,
#sp-info,
#sp-mainbottom,
#sp-maintop,
.view-article.blog-v2 #sp-right .sp-module .latestnews {
 padding:30px 0
}
#sp-top-bar .row {
 align-items:center
}
#sp-search .sp-module {
 width:100%;
 margin:0
}
#sp-search .sp-module .inputbox {
 position:relative;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 border:1px solid #e5e5e5;
 background-color:transparent;
 color:#7c7c7c;
 font-size:14px;
 font-weight:400;
 padding:8px 12px
}
#sp-top-bar #sp-top-menu div.sp-module:not(:first-child) {
 margin-left:1rem
}
#sp-top-menu .sp-column,
#sp-top2 .sp-column {
 align-items:center;
 display:flex;
 float:right
}
#sp-top-menu a,
.btblue:hover,
.btgrey:hover,
.btorange:hover,
.close,
.darkbtgrey:hover {
 cursor:pointer
}
#sp-maintop {
 background-color:#f4f7fb
}
#sp-top-menu .sp-column .sp-module-content a img,
#sp-top-menu .sp-column .sp-module-content img {
 width:20px;
 height:auto;
 display:inline-block
}
#sp-top-menu .sp-column .sp-module-content .info-text {
 width:25px;
 height:auto;
 display:inline-block
}
#sp-menu-left .sp-column .sp-module:after,
#sp-menu-left .sp-column .sp-module:before {
 top:50%;
 width:21px;
 border-bottom:2px solid #fb8521;
 transform:translateY(-50%);
 left:0;
 content:""
}
#sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .icons-wrap .user-icon {
 font-size:23px;
 color:#222;
 margin-right:3px
}
#sp-top-menu .sp-column .sp-module-content .sp-custom-login-on {
 position:relative;
 padding-right:15px
}
#sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .arrow-icon {
 position:absolute;
 right:0;
 top:18px;
 font-size:10px
}
#sp-header:not(.header-sticky) {
 box-shadow:none;
 background-color:#fff;
 background-repeat:repeat-x;
 border-top:1px solid rgba(255,255,255,.1);
 border-bottom:1px solid #e5e5e5
}
#sp-menu-left .sp-column .sp-module {
 position:relative;
 float:right
}
#sp-menu-left .sp-column .sp-module:before {
 position:absolute;
 height:15px;
 border-top:2px solid #fb8521
}
#sp-menu-left .sp-column .sp-module:after {
 position:absolute;
 height:2px
}
#sp-menu-left .sp-column .sp-module-title {
 font-weight:500;
 padding-left:30px;
 position:relative;
 cursor:pointer;
 display:inline-block;
 line-height:70px;
 font-size:16px;
 letter-spacing:1.7px;
 margin:0;
 color:#252525;
 text-transform:uppercase
}
#sp-menu-left .sp-column .sp-module-title:after {
 content:"\f107";
 font-family:"Font Awesome 6 Free";
 font-size:16px;
 color:#7c7c7c;
 margin-left:10px;
 font-weight:900
}
#sp-menu-left .sp-column .sp-module-content {
 position:absolute;
 width:1300px;
 top:70px;
 right:-10px;
 opacity:0;
 visibility:hidden;
 background-color:rgba(255,255,255,.95);
 box-shadow:0 3px 5px 0 rgba(0,0,0,.2);
 -webkit-transform:translateY(10px);
 transform:translateY(15px);
 -webkit-transition:.3s;
 transition:.3s;
 padding:20px
}
ul.mod-articlescategories {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tmp-page-title span {
  color:#fb8521;
}
ul.mod-articlescategories.categories-module li a{
  list-style: none;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  transition: .3s ease-in;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  background-color:#fff;
  color:#005377;
  border-color:#005377;
  border: 1px solid #00a1e6;
  border-radius: 3px;
}
ul.mod-articlescategories.categories-module li a.active,
ul.mod-articlescategories.categories-module li a:hover {
  color: #fff;
  background: #005377;
  border: 1px solid #00a1e6;
}

#sp-menu-right ul li a,
.btonef a {
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -o-transition:.3s linear
}
#sp-menu-left .sp-column .sp-module-content.categories-toggle {
 opacity:1;
 visibility:visible;
 transform:translateY(0)
}
#sp-menu-left .sp-column .k2CategoriesListBlock {
 padding:22px;
 margin:0
}
#sp-menu-right ul li {
 list-style:none;
 margin-top:16px;
 position:relative
}
#sp-menu-right ul li a {
 color:#fff;
 font-weight:500;
 transition:.3s linear
}
#sp-menu-right .btn-primary {
  padding: 10px 26px;
 }
#sp-footer {
 font-size:13px;
 padding:0
}
#sp-footer .container-inner {
 padding:27px 0;
 border-top:1px solid rgba(136,136,136,.3)
}
#sp-footer .sp-copyright a {
 color:rgba(20,23,30,.3)
}
#sp-footer ul.menu {
 display:inline-block;
 list-style:none;
 padding:0;
 margin:0 -10px
}
#sp-footer ul.menu li {
 display:inline-block;
 margin:0 10px
}
#sp-footer ul.menu li a,
.nav>li>a,
.sp-custom-login-on:hover .form-login-wrap,
.version-image,
.version-mockup,
.view-article.blog-v2 #sp-right .popular-post-v1 .sp-module-title,
.view-article.blog-v2 #sp-right .sp-module .latestnews .latest-post-content-wrap .latest-post-info {
 display:block
}
#sp-footer ul.menu li a:hover {
 background:0 0
}
#sp-footer .sp-module {
 margin-right:116px
}
#sp-footer2 .sp-module .sp-module-title {
 font-weight:400;
 font-size:16px;
 color:#fff;
 margin-bottom:0;
 text-transform:uppercase;
 background:0 0
}
.login .btn-secondary,
.logout .btn-secondary,
.registration .btn-secondary {
 color:#323848;
 background-color:#c8cddc
}
.login .btn-secondary:focus,
.login .btn-secondary:hover,
.logout .btn-secondary:focus,
.logout .btn-secondary:hover,
.registration .btn-secondary:focus,
.registration .btn-secondary:hover {
 color:#313747;
 background-color:#99a3be
}
.view-article.blog-v2 section#sp-main-body {
 background:#323848
}
.counter-border-wrapper .sppb-row {
 border-width:1px 0;
 border-style:solid;
 border-color:#c8cddc
}
.view-article.blog-v2 #sp-right .sp-module .latestnews>div:not(:last-child) {
 padding-bottom:15px;
 margin-bottom:15px;
 border-bottom:1px solid rgba(200,205,220,.3)
}
.view-article.blog-v2 #sp-right .olwebdesign-blog-categories .sp-module-content {
 padding:20px 30px
}
.body-wrapper {
 position:relative;
 -webkit-transition:.6s;
 transition:.6s;
 backface-visibility:hidden
}
.sp-page-title {
 padding:45px 0;
 background:50% 50%/cover no-repeat fixed #0086bf
}
.form-group {
 margin-bottom:1rem
}
@keyframes spFadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes spFadeInUp {
 0% {
  opacity:0;
  transform:translateY(20px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
@keyframes spFadeInDown {
 0% {
  opacity:0;
  transform:translateY(-20px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
@keyframes spZoomIn {
 0% {
  opacity:0;
  transform:scale3d(.3,.3,.3)
 }
 100% {
  opacity:1
 }
}
@keyframes spRotateIn {
 from {
  transform-origin:center;
  transform:rotate3d(0,0,1,-45deg);
  opacity:0
 }
 to {
  transform-origin:center;
  transform:none;
  opacity:1
 }
}
@keyframes spPulse {
 from {
  opacity:0;
  transform:scale3d(1,1,1)
 }
 50% {
  opacity:.5;
  transform:scale3d(1.05,1.05,1.05)
 }
 to {
  opacity:1;
  transform:scale3d(1,1,1)
 }
}
@keyframes spSpin {
 to {
  transform:rotate(360deg)
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
.fadeInDown {
 -webkit-animation-name:fadeInDown;
 animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-2000px,0);
  transform:translate3d(0,-2000px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
.fadeInUp {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp
}
@media (max-width:992px) {
 .sp-page-title .sp-page-title-sub-heading {
  font-size:200px
 }
 #sp-bottom #sp-bottom1 .sp-module {
  padding-right:0
 }
}
@media (max-width:991px) {
 #sp-left {
  display:none!important
 }
 #sp-top-bar #sp-top2 {
  flex:0 0 35%
 }
 #sp-top-bar #sp-top1 {
  flex:0 0 65%
 }
 .view-article #sp-right {
  margin-top:80px
 }
 .view-article.blog-v2 #sp-right .sp-module .latestnews {
  padding:20px
 }
 #sp-bottom .sp-module ul>li {
  margin-bottom:12px
 }
}
@media (max-width:767px) {
 body {
  font-size:16px!important
 }
 #sp-top-bar #sp-top2 {
  flex:0 0 55%
 }
 #sp-top-bar #sp-top1 {
  flex:0 0 45%
 }
 .article-details {
  padding:0
 }
 .article-details .article-header h1,
 .article-details .article-header h2,
 body h1 {
  font-size:32px
 }
 body h2 {
  font-size:24px
 }
 body h3 {
  font-size:22px
 }
 body h4 {
  font-size:20px
 }
 .sp-page-title .sp-page-title-sub-heading {
  display:none
 }
 .fun-fact-inner:after,
 .number-item:after {
  width:100%;
  height:1px;
  right:0;
  top:unset;
  bottom:0;
  border-bottom:1px solid rgba(136,136,136,.6)
 }
 .practice-areas {
  padding:15px
 }
 .article-details .article-header {
  padding-top:15px
 }
 #sp-bottom {
  padding:40px 0 20px
 }
 #sp-bottom .sp-module {
  margin-bottom:20px
 }
 #sp-bottom .sp-module ul>li {
  margin-bottom:5px
 }
 #sp-bottom .sp-module ul>li>a {
  letter-spacing:0
 }
 #sp-bottom #sp-bottom3 {
  padding-top:0
 }
 #sp-footer .container-inner {
  padding:20px 0;
  text-align:center
 }
 body.ltr.offcanvs-position-left .offcanvas-menu {
  left:-100%
 }
 body.ltr.offcanvs-position-left.offcanvas-active .body-wrapper {
  left:0
 }
 .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent .menu-child li a,
 .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent span {
  font-size:12px
 }
}
@media (max-width:480px) {
 .sp-page-title {
  padding:60px 0
 }
 #sp-top-bar #sp-top2 {
  flex:0 0 65%
 }
 #sp-top-bar #sp-top1 {
  flex:0 0 35%
 }
 .mod-languages {
  padding-top:0!important;
  padding-bottom:0!important
 }
 .article-list .article .article-body,
 .blockquote {
  padding:15px
 }
 .login-menu .dropdown-menu .module-login {
  width:360px!important
 }
 .sp-page-title .sp-page-title-heading {
  font-size:32px
 }
 .blockquote,
 .sp-page-title .sp-page-title-sub-heading {
  font-size:16px
 }
 .view-category #sp-main-body {
  padding-top:0
 }
 .article-list .article {
  margin-bottom:10px
 }
 .article-list .article .article-header h1,
 .article-list .article .article-header h2 {
  font-size:16px;
  margin:.5rem 0 .4rem
 }
 .article-info {
  margin-top:0
 }
 .article-info>span.published {
  top:15px;
  left:15px
 }
 #sp-left .sp-module:not(:first-child),
 #sp-right .sp-module:not(:first-child) {
  margin-top:15px
 }
 #sp-left .sp-module .sp-module-title,
 #sp-right .sp-module .sp-module-title {
  font-size:24px
 }
 #sp-left .sp-module .sp-module-content,
 #sp-right .sp-module .sp-module-content {
  padding:25px 15px
 }
 #sp-left .sp-module.book-free .sp-module-content,
 #sp-right .sp-module.book-free .sp-module-content {
  padding:0
 }
 #sp-left .sp-module .latestnews>div:not(:last-child),
 #sp-right .sp-module .latestnews>div:not(:last-child) {
  padding-bottom:10px;
  margin-bottom:10px
 }
 #sp-left .sp-module .latestnews>div .latest-post-title,
 #sp-right .sp-module .latestnews>div .latest-post-title {
  font-size:15px
 }
 #sp-left .sp-module .latestnews>div .latest-post-info,
 #sp-right .sp-module .latestnews>div .latest-post-info {
  margin-bottom:0
 }
 #sp-left .sp-module .categories-module li:not(:last-child),
 #sp-right .sp-module .categories-module li:not(:last-child) {
  margin-bottom:8px
 }
 .view-article #sp-right {
  margin-top:40px
 }
 .pager {
  padding:1.5rem 0 0;
  margin:1rem 0 0
 }
 ul.pagination {
  padding:10px 0;
  margin:30px 0 0
 }
}
.dms-documents .extended-feature,
.live-demo-frame-loaded {
 overflow:hidden
}
.live-demo-frame-overlay {
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 right:0;
 padding:70px 30px 30px;
 z-index:999999;
 background:#f5f6f7
}
.live-demo-frame-overlay h3 {
 position:absolute;
 font-size:22px;
 font-weight:300;
 line-height:1;
 top:23px;
 left:30px
}
.TagCloud li,
.TagCloud li a,
.mod-languages {
 position:relative
}
.live-demo-frame-overlay a.buy-now {
 position:absolute;
 top:10px;
 right:80px
}
.live-demo-frame-overlay .close-preview-iframe {
 position:absolute;
 top:10px;
 right:30px;
 height:30px;
 display:block;
 text-align:center;
 color:#999;
 font-size:30px;
 cursor:pointer
}
.live-demo-frame-overlay .live-demo-frame {
 height:100%;
 width:100%
}
.live-demo-frame-overlay .live-demo-frame #live-preview-iframe {
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 background:#fff;
 box-shadow:0 0 30px 0 rgba(0,0,0,.15)
}
.live-demo-frame-overlay .demo-frame-devices {
 height:30px;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 top:20px
}
.live-demo-frame-overlay .demo-frame-devices ul li {
 display:inline-block;
 line-height:30px;
 font-size:24px;
 margin:0;
 padding:0 10px;
 color:#405261;
 transition:.4s;
 cursor:pointer
}
.live-demo-frame-overlay .demo-frame-devices ul li:hover {
 color:#808993
}
.live-demo-frame-overlay .demo-frame-devices ul li.active {
 color:#fb8521
}
@media (max-width:601px) {
 .live-demo-frame-overlay a.buy-now {
  display:none
 }
 .live-demo-frame-overlay h3 {
  font-size:20px
 }
 .live-demo-frame-overlay .demo-frame-devices {
  transform:translateX(-1%)
 }
}
#sp-top1 .sp-column {
 align-items:center;
 display:flex;
 float:left
}
.login-menu,
.shop-card {
 padding:0;
 margin:0;
 list-style:none;
 display:flex
}
.mod-languages,
.sp-custom-login-on {
 padding-top:8px;
 padding-bottom:9px
}
.login-menu .dropdown-menu,
.shop-card .dropdown-menu {
 min-width:230px;
 border-radius:.188rem;
 padding:0;
 margin:0;
 right:-16px;
 box-shadow:0 .3125rem 1.25rem 0 rgba(0,0,0,.09);
 top:47px
}
a.login-link,
a.shop-card-link {
 color:#222;
 font-weight:500;
 line-height:1.4;
 min-height:36px;
 min-width:36px;
 padding-top:9px;
 padding-bottom:9px
}
a.login-link i,
a.shop-card-link i {
 font-size:20px;
 margin-right:5px
}
.shop-card .dropdown-menu .module-login {
 width:280px
}
.login-menu .dropdown-menu .module-login {
 width:380px
}
#sp-top-menu .sp-column .sp-module-content .cart-item-count {
 font-size:12px;
 font-weight:700;
 color:#fff;
 width:18px;
 height:18px;
 line-height:18px;
 position:absolute;
 top:-1px;
 right:0;
 border-radius:100%;
 background-color:#333;
 text-align:center
}
.login-menu .dropdown-menu .module-login form,
.shop-card .dropdown-menu .module-login div {
 padding:30px 30px 20px
}
.login-menu .dropdown-menu .module-login .login-module-footer {
 border-top:1px solid #e1e3e8;
 background:#fafbff;
 color:#495057;
 font-weight:500;
 margin:0 -30px -30px;
 padding:30px;
 border-radius:0 0 4px 4px
}
.login-menu .account-name {
 overflow:hidden;
 max-width:150px
}
.dropdown-menu.show {
 display:block;
 -webkit-animation:.4s ease-out both spFadeInUp;
 animation:.4s ease-out both spFadeInUp
}
.sp-custom-login-on .icons-wrap .user-icon {
 font-size:23px;
 color:#333;
 margin-right:3px
}
.sp-custom-login-on {
 position:relative;
 padding-right:15px
}
.sp-custom-login-on .arrow-icon {
 position:absolute;
 right:0;
 top:17px;
 font-size:10px
}
.sp-custom-login.sp-mod-login .info-text .mxt-btn-link {
 font-size:14px;
 text-transform:inherit;
 font-weight:400;
 letter-spacing:0;
 display:flex;
 align-items:center
}
.sp-custom-login.sp-mod-login .info-text .mxt-btn-link i {
 margin-right:7px;
 font-size:16px
}
.sp-custom-login-on .icons-wrap .log-text {
 font-size:16px;
 font-weight:500
}
.sp-custom-login-on .form-login-wrap {
 position:absolute;
 top:100%;
 display:none;
 -webkit-animation:.5s spFadeInUp;
 animation:.5s spFadeInUp;
 -webkit-transition:.3s;
 transition:.3s;
 z-index:10;
 right:-20px;
 box-shadow:0 .3125rem 1.25rem 0 rgba(0,0,0,.09);
 padding-top:4px
}
.tc-version [class^=tc-version-],
.tc-versions [class^=tc-version-] {
 color:#000;
 background:linear-gradient(145deg,#e7eaf2,#fff);
 box-shadow:5px 5px 10px #d1d9e6,-5px -5px 10px #fff;
 text-transform:uppercase
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper {
 min-width:240px;
 border:1px solid #e0e0e0;
 background:#fff
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper ul.menu {
 list-style:none;
 font-weight:600;
 padding:15px 30px;
 margin-bottom:0;
 text-align:left;
 border-bottom:1px solid #efeff3
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button {
 font-weight:600;
 -webkit-transition:.3s;
 transition:.3s;
 text-align:center;
 padding:10px;
 display:flex;
 align-items:center;
 justify-content:center
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:focus,
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button:hover {
 color:#fb8521;
 cursor:pointer;
 text-decoration:none
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button i.fa {
 font-size:16px;
 margin-right:10px;
 color:#828282
}
.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button input[type=submit] {
 font-size:14px;
 font-weight:600;
 cursor:pointer;
 color:#828282!important
}
#sp-tags {
 margin-bottom:25px
}
#sp-page3 {
 color:#333
}

.tc_tasks {
 padding:0 0 6px;
 margin:0 0 6px;
 list-style-type:none
}
.tc_taskbar ul,
.tc_tasks ul {
 margin:0!important;
 padding:0!important
}
.tc_taskbar li,
.tc_tasks li {
 float:left!important;
 list-style-type:none!important;
 background-image:none!important;
 padding:0 5px 0 0!important;
 margin:.5em 0 2px!important
}
.tc_tasks li a {
 display:block;
 padding:4px 15px;
 background:url(../images/slider_minus_rtl.png) bottom no-repeat #f8f8f8;
 -moz-border-radius:7px;
 -webkit-border-radius:7px
}
.tc_taskbar li a:link,
.tc_taskbar li a:visited,
.tc_tasks li a:link,
.tc_tasks li a:visited {
 border:1px solid #cecece
}
.tc_taskbar li a:hover,
.tc_tasks li a:hover {
 border-bottom:1px solid #cecece;
 border-top:1px solid Gray;
 border-right:1px solid #cecece;
 border-left:1px solid Gray
}
.tc_taskbar li.approve a,
.tc_tasks li.approve a {
 border:1px solid #cfc
}
.tc_taskbar li.publish a,
.tc_tasks li.publish a {
 border:1px solid #fcc
}
.tc_taskbar li.checkin a,
.tc_tasks li.checkin a {
 border:1px solid #ccf
}
.tc_rowtask {
 padding:0 15px 0 17px;
 border:1px solid #f1f1f1
}
#contact-form legend {
 color:#595959;
 font-size:13px;
 line-height:1.7;
 padding-bottom:13px
}
#contact-form .two .column {
 width:50%;
 float:left
}
#contact-form .two .column input {
 width:90%
}
#contact-form .two .column input#jform_contact_email {
 width:95.5%
}
#contact-form .one input {
 width:97.6%
}
#contact-form .one textarea {
 width:97.6%;
 height:110px
}
#contact-form .button {
 margin:10px 0 0
}
#contact-form .contact-misc .details-left {
 float:left;
 width:10%
}
#contact-form .contact-misc .details-right {
 float:left;
 width:90%;
 lin-height:19px
}
.tc-version {
 right:-6px;
 top:-39px;
 position:absolute
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.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-lg-auto,
.col-md,
.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-md-auto,
.col-sm,
.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-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto.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,
.side-corner-tag {
 position:relative
}
.tc-version [class^=tc-version-] {
 display:inline-block;
 height:22px;
 text-align:center;
 font-size:11px;
 font-weight:700;
 padding:2px 8px;
 margin-right:1px;
 border-radius:4px;
 border:1px solid #fff
}
.tc-versions [class^=tc-version-] {
 font-size:10px;
 font-weight:700;
 padding:3px 8px;
 margin-right:3px;
 border-radius:4px;
 border:1px solid #fff
}
.tc-version .tc-version-j25,
.tc-versions .tc-version-j25 {
 background-color:#dad6f0;
 color:#6554c0
}
.tc-version .tc-version-j15,
.tc-versions .tc-version-j15 {
 background:#fff;
 color:#58b758
}
.tc-version .tc-version-j30,
.tc-versions .tc-version-j30 {
 background-color:#f9e9d0;
 color:#a46009
}
.tc-version .tc-version-j50,
.tc-versions .tc-version-j50 {
 background-color:#d6e1f0;
 color:#224a88
}
.tc-version .tc-version-j60,
.tc-versions .tc-version-j60 {
 background-color:#d6e1f0;
 color:#1b560e;
}
.btonef a {
 color:#393;
 transition:.3s linear;
 background:center 35px no-repeat #f7f7f7!important
}
.navbar-nav li.btmegam {
 padding:0 10px;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -o-transition:.3s linear;
 transition:.3s linear;
 background:#eee!important;
 border-radius:50px;
 -moz-border-radius:50px;
 -webkit-border-radius:50px
}
.navbar-nav li:active.btmegam,
.navbar-nav li:hover.btmegam {
 color:#fff!important;
 background:#fb8521!important
}
.navbar-nav li:hover.btmegam a {
 color:#fff!important
}
#trueHeader {
 background:rgba(53,55,66,.5);
 z-index:800000;
 left:0;
 right:0;
 padding:8px 0;
 transition:padding .35s;
 -khtml-transition:padding .35s ease;
 -webkit-transition:padding .35s;
 -moz-transition:padding .35s;
 -ms-transition:padding .35s;
 -o-transition:padding .35s;
 zoom:1;
 box-shadow:0 1px 5px rgba(0,0,0,.6);
 -khtml-box-shadow:0 1px 5px rgba(0,0,0,.6);
 -webkit-box-shadow:0 1px 5px rgba(0,0,0,.6);
 -moz-box-shadow:0 1px 5px rgba(0,0,0,.6);
 -ms-box-shadow:0 1px 5px rgba(0,0,0,.6);
 -o-box-shadow:0 1px 5px rgba(0,0,0,.6)
}
.btoneb a {
 color:#fff;
 -webkit-transition:.3s linear;
 -moz-transition:.3s linear;
 -o-transition:.3s linear;
 transition:.3s linear;
 background:center 35px no-repeat #333!important
}
.btonetx sub {
 color:#777;
 font-size:13px;
 bottom:-.45em
}
.btoneb a:hover {
 color:#fff;
 border:1px solid #bbb;
 background:#fb8521!important
}


.btblue,
.btgreen,
.btgrey,
.btorange {
display: block;
font-weight: 600;
padding: 5px 25px;
border-radius: .25rem;
-webkit-transition: .3s;
transition: .3s;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 135px;
margin: 10px auto;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  background-origin: border-box;
}

.btblue:hover,
.btgrey:hover,
.btorange:hover,
.darkbtgrey:hover {
    cursor: pointer
}

.active.btblue,
.active.btgrey,
.active.btorange,
.btblue:active,
.btgrey:active,
.btorange:active,
.darkbtgrey:active {
    box-shadow: none
}

.btblue a,
.btgrey a,
.btorange a {
    color: inherit
}
.btblue {
    border: 1px solid #3479f0;
    background-color: #3479f0;
    color: #fff
}

.btblue:hover {
    color: #fff;
    background-color: #2a61c9
}

.btblue.active,
.btblue:active {
    color: #fff;
    background-color: #2a61c9
}

.btorange {
    border: 1px solid #fb8521;
    background-color: #fb8521;
    color: #fff
}

.btorange:hover {
    color: #fff;
    background-color: #e6791d
}

.btorange.active,
.btorange:active {
    color: #fff !important;
    background-color: #e6791d
}

.btgrey span {
    position: absolute;
    top: -20px;
    right: 1px;
    color: #fff;
    background: #fb8521;
    font-size: 12px;
    line-height: 20px;
    -moz-border-radius: 2px;
    border-radius: 20px;
    padding: 0 10px;
}

.btgrey {
    position: relative;
    border: 1px solid #3479f0;
    color: #3479f0;
    background: #fff;
}

.btgrey:hover {
    color: #222;
    background-color: #f1f1f1
}

.btgrey.active,
.btgrey:active {
    color: #000 !important;
    background-color: #fafafa
}

.btgreen {
    border: 1px solid #72a528;
    background-color: #72a528;
    color: #fff
}

.btgreen:hover {
    color: #fff;
    background-color: #4a8f1c
}

.btgreen.active,
.btgreen:active {
    color: #fff;
    background-color: #4a8f1c
}

.white-box {
    background: #fff;
    padding: 30px;
    line-height: 28px
}

.item-product {
    overflow: hidden;
    transition: .3s;
}

.item-product .item-product-thumb {
    width: 100%;
    border-radius: 3px 3px 0 0
}

.item-product h2 {
    font-size: 21px !important;
    line-height: 1;
    font-weight: 400 !important;
}

.item-product h2 a {
    color: #2f3337
}

.item-product h2 a:hover {
    color: #3479f0
}

.item-product .product-details .ext-title {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    margin: 10px 0 0;
    color: #757575;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.item-product .product-rating-tags {
    border-top: 1px solid #f5f7fb;
    padding: 10px 30px
}

.item-product .product-rating-tags .product-tags {
    font-size: 14px;
    color: #9d9ea0;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    padding-top: 3px
}

.tag-category .item-product {
  background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: .25rem;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 30px;
    padding: 0px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3)
}
  @media (min-width: 992px) and (max-width: 1299px) {
.tag-category .col-md-6 {
  width: 50% !important;
  -ms-flex: 0 0 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
}
.item-product .product-rating-tags .product-tags span {
    display: inline-block
}

.item-product .product-rating-tags .product-tags span:not(:first-child) {
    margin-left: 5px;
    padding-left: 10px;
    position: relative
}

.item-product .product-rating-tags .product-tags span:not(:first-child):after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background: #e5eaee
}

.item-product .product-rating {
    margin: 0
}

.item-product .product-rating .voting-symbol {
    font-size: 14px
}

.item-product figure {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #fff
}

.item-product figure:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 3px 3px 0 0;
    opacity: 0;
    transition: opacity .4s;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.item-product figure img {
    position: relative;
    display: block;
    transition: opacity .4s;
    margin: 0 auto
}

.item-product figure figcaption {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    padding: 0;
    height: auto;
    opacity: 0;
    z-index: 2;
    transition: opacity .4s;
    backface-visibility: hidden
}

.item-product figure figcaption:after,
.item-product figure figcaption:before {
    pointer-events: none
}

.item-product:hover figure:before {
    opacity: .95
}

.item-product:hover figure figcaption {
    opacity: 1
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

div.catItemRatingBlock {
    padding: 0 !important
}

#jform_com_fields_privacy_policy-lbl {
    float: left;
    width: 80px !important;
    padding-top: 15px
}

#jform_com_fields_privacy_policy {
    padding-top: 15px
}

.jlogin1 {
    padding-top: 15px
}

.top-header {
    padding: 50px 20px;
}

.top-header h2 {
    font-size: 38px
}

.top-header h1 {
    font-size: 19px
}

.top-header .template-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 10px;
    color: #2f3337
}

.top-header .template-title .template-subtitle {
    font-size: 18px;
    line-height: 26px;
    color: #87929d;
    font-weight: 500;
    margin-top: 10px;
    display: block
}

.top-header .links {
    margin: 5px -5px 5px -5px
}

.top-header .links a {
    margin: 5px;
    display: inline-block;
    width: auto;
}

.top-header .links a:active,
.top-header .links a:focus,
.item-product figure .links>a:active,
.item-product figure .links>a:focus {
    color: #fff
}

.top-header .template-meta {
    margin: 15px -20px
}

.top-header .template-links a {
    margin: 0 5px
}

.top-header .template-meta>div {
    display: inline-block;
    margin: 5px 16px 5px 20px;
    color: #87929d
}

.top-header .template-meta>div>span {
    color: #1d252d;
    margin-right: 5px
}

.top-header .template-meta>div .product-rating {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.top-header .itemRatingForm {
    float: right
}

div.itemToolbar {
    padding: 8px;
    margin: 0;
    background: 0 0
}

div.itemIntroText {
    font-weight: 400;
    font-size: 100%
}

.itemRelated {
    padding: 20px 0 !important
}

.itemRelated h3 {
    text-align: center
}

.colfix,
.tagfixes {
    margin: 0;
    padding: 0
}

.twocols {
    column-count: 2;
    -moz-column-count: 2
}

@media only screen and (max-width:767px) {
    .twocols {
        column-count: 1;
        -moz-column-count: 1
    }
}

.vertical-middle {
    width: 100%;
    height: 100%;
    display: table
}

.vertical-middle>div {
    display: table-cell;
    vertical-align: middle
}
.colordark,
.coloreds {
 box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 2px 2px rgba(0,0,0,.2);
 padding:10px;
 font-size:13px;
 line-height:20px;
 -moz-box-sizing:content-box;
 text-shadow:-1px -1px 1px rgba(0,0,0,.4);
 color:#fff;
 background-repeat:repeat-x;
 display:inline-block;
 text-align:center
}

.active.btblue,
.active.btgrey,
.active.btorange,
.btblue:active,
.btgrey:active,
.btorange:active,
.darkbtgrey:active {
 box-shadow:none
}

.colordark:hover,
.darkgrey:hover {
 color:#fff;
 background-color:#4e4f55;
 background-image:-moz-linear-gradient(center top,#5d5e65,#4e4f55);
 background-repeat:repeat-x
}
.coloreds {
 background-color:#e04031;
 background-image:-moz-linear-gradient(center top,#ec5840,#e04031);
 border:1px solid #b4150d;
 width:auto;
 border-radius:3px
}
.colordark .large,
.coloreds .large {
 display:block;
 text-align:center;
 line-height:40px;
 font-size:21px
}
.coloreds:hover {
 color:#fff;
 background-color:#e35547;
 background-image:-moz-linear-gradient(center top,#ee6c57,#e35547);
 background-repeat:repeat-x
}
.colordark {
 background-color:#424348;
 background-image:-moz-linear-gradient(center top,#515258,#424348);
 border:1px solid #2b2c2f;
 border-radius:3px
}

.btblue a,
.btgrey a,
.btorange a {
 color:inherit
}
.btblue {
 background-color:#3479f0;
 background-repeat:repeat-x;
 border:1px solid #225ca5;
 text-shadow:-1px -1px 1px rgba(0,0,0,.4);
 color:#fff
}
.btblue:hover,.btblue.active,
.btblue:active  {
 color:#fff;
 background-color:#2a61c9;
}
.btorange {
 background-color:#fb8521;
 border:1px solid #ce6e1d;
 color:#fff
}
.btgreen {
 border:1px solid #8dc43e;
 color:#fff
}

.btgrey {
 border:1px solid #999;
 color:#111
}
.btorange:hover,.btorange.active,
.btorange:active {
 color:#fff;
 background-color:#f18c37;
 background-image:-moz-linear-gradient(top,#ff9a44,#f18c37);
 background-image:-webkit-linear-gradient(top,#ff9a44,#f18c37);
 background-image:linear,to bottom,#ff9a44,#f18c37;
 background-repeat:repeat-x
}
.btgrey {
 background-color:#fff;
}
.btgrey:hover,.btgrey.active,
.btgrey:active {
 color:#111;
 background-color:#fafafa;

 border:1px solid #3479f0;
}
.btgreen {
 background-color:#84b838;
}
.btgreen:hover,.btgreen.active,
.btgreen:active {
 color:#fff;
 background-color:#72a528;
 background-image:-moz-linear-gradient(top,#8dc43e,#72a528);
 background-image:-webkit-linear-gradient(top,#8dc43e,#72a528);
 background-image:linear,to bottom,#8dc43e,#72a528;
 background-repeat:repeat-x
}
#tabduke table {
 border:1px solid #e4e4e4;
 border-collapse:inherit;
 border-radius:4px;
 width:100%
}
#tabduke table th {
 background:#f1f1f1;
 padding:4px 10px;
 text-shadow:1px 1px 0 #fff
}
#tabduke table tr td {
 padding:4px 10px;
 border-top:1px solid #f1f1f1;
 border-right:1px solid #f1f1f1
}
.side-corner-tag {
 color:#fff;
 display:inline-block;
 overflow:hidden
}
.side-corner-tag p {
 display:inline
}
.side-corner-tag p span {
 position:absolute;
 display:inline-block;
 right:-29px;
 box-shadow:0 0 10px rgba(0,0,0,.2),inset 0 5px 30px rgba(255,255,255,.2);
 text-align:center;
 text-transform:uppercase;
 top:18px;
 font-size:11px;
 font-weight:700;
 background:#900;
 width:100px;
 padding:3px 10px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -ms-transform:rotate(45deg)
}
.side-corner-tag p:before {
 content:"";
 width:0;
 height:0;
 position:absolute;
 top:-17px;
 right:69px;
 z-index:-1;
 border:17px solid;
 border-color:transparent transparent #662121
}
.side-corner-tag p:after {
 content:"";
 width:0;
 height:0;
 position:absolute;
 top:74px;
 z-index:-1;
 right:-10px;
 border:17px solid;
 border-color:#662121 transparent transparent
}
.version-mockup {
 height:480px;
 max-width: 470px;
 margin:0;
 padding:8px;
 background:linear-gradient(145deg,#e7eaf2,#fff);
 border:1px solid #fff;
 box-shadow:5px 5px 15px #d1d9e6,-5px -5px 10px #fff
}
.version-image {
 width:100%;
 height:460px;
 transition:3s;
 -webkit-transition:3s;
 background-position:center 0;
 background-repeat:no-repeat;
 background-size:100% auto;
 box-shadow:0 0 2px rgba(0,0,0,.05)
}
.version-mockup:hover .version-image {
 background-position:center 100%
}
#cboxContent .button,
#cboxContent button {
 text-shadow:0 rgba(0,0,0,.1)!important;
 -webkit-box-shadow:0 0 0 0 transparent inset!important;
 -ms-box-shadow:0 0 0 0 transparent inset!important;
 box-shadow:0 0 0 0 transparent inset!important
}
#jform_com_fields_privacy_policy input {
 width:16px!important
}
#jform_com_fields_privacy_policy-lbl {
 float:left;
 width:80px!important;
 padding-top:15px
}
#jform_com_fields_privacy_policy {
 padding-top:15px
}
img.img-object-fit {
 height:40px;
 vertical-align:middle;
 border-style:none;
 display:inline
}
.tc_member {
 padding:10px 0;
 margin:25px auto;
 width:90%;
 display: flex;
  justify-content: center;
  align-items: center;   
}
#fq .fq-tab-qs,
.tc_blog {
 background:#fafafa;
 padding:20px
}
.tc_member>.left {
 float:left;
 width:50%
}
.tc_member>.right {
 float:right;
 width:50%
}
.tc_member>.mes {
 margin:0 auto;
 max-width:450px
}
.tc_member>.left .price-box {
 border-radius:3px;
 overflow:hidden;
 padding:10px 0;
 width:100%;
 text-align:center;
 float:right;
 margin-right:-3px;
 background:linear-gradient(145deg,#e7eaf2,#fff);
 border:1px solid #fff;
 box-shadow:5px 5px 15px #d1d9e6,-5px -5px 10px #fff;
 margin-top:12px
}
.tc_member>.mes .price-box,
.tc_member>.right .price-box {
 border-radius:3px;
 float:left;
 overflow:hidden;
 position:relative;
 background:#fff;
 box-shadow:0 7px 50px 0 rgba(38,50,56,.15);
 transition:.3s ease-in-out;
 width:100%;
 z-index:1;
 text-align:center
}
.tc_member>.right .price-box {
 padding:40px 0
}
.tc_member>.right .price-box .ribbon {
 background-color:#e41f62;
 color:#fff;
 font-size:12px;
 font-weight:700;
 letter-spacing:1px;
 padding:8px 12px 6px;
 position:absolute;
 right:-36px;
 text-align:center;
 text-transform:uppercase;
 top:24px;
 transform:rotate(45deg);
 width:140px
}
.tc_member>.mes .price-box {
 padding:10px 0
}
.price-box h3.medium-title {
 margin:0;
 color:#282528;
 font-size:175%;
 line-height:37px;
 background:0 0
}
.tc_member .pricing {
 margin:0;
 padding:5px 25px;
 font-size:16px;
 line-height:24px;
 color:#242324
}
.tc_member .btn-signgreen,
.tc_member .btn-signup {
 margin:10px 0;
 padding:10px 25px;
 text-decoration:none;
 -webkit-transition-duration:.3s;
 vertical-align:middle;
 border-radius:2px;
 position:relative;
 overflow:hidden;
 display:inline-block;
 font-size:16px
}
.tc_member .btn-signgreen {
 background-color:#58aa21;
 color:#fff;
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -moz-transform:perspective(1px) translateZ(0);
 -webkit-transform:perspective(1px) translateZ(0);
 -o-transform:perspective(1px) translateZ(0);
 -ms-transform:perspective(1px) translateZ(0);
 transform:perspective(1px) translateZ(0);
 transition-duration:.3s;
 -webkit-transition-property:color;
 transition-property:color
}
.tc_member .btn-signup {
 background-color:#fb8521;
 color:#fff;
 -webkit-box-shadow:0 0 1px transparent;
 box-shadow:0 0 1px transparent;
 -moz-transform:perspective(1px) translateZ(0);
 -webkit-transform:perspective(1px) translateZ(0);
 -o-transform:perspective(1px) translateZ(0);
 -ms-transform:perspective(1px) translateZ(0);
 transform:perspective(1px) translateZ(0);
 transition-duration:.3s;
 -webkit-transition-property:color;
 transition-property:color
}
.tc_member .btn-signgreen:before,
.tc_member .btn-signup:before {
 background:#0086bf;
 bottom:0;
 content:"";
 left:0;
 position:absolute;
 right:0;
 top:0;
 -moz-transform:scaleX(0);
 -webkit-transform:scaleX(0);
 -o-transform:scaleX(0);
 -ms-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transform-origin:50%;
 transform-origin:50%;
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out;
 z-index:-1
}
.tc_member .btn-signgreen:active,
.tc_member .btn-signgreen:hover,
.tc_member .btn-signup:active,
.tc_member .btn-signup:hover {
 color:#fff;
 border-color:#0086bf;
 -moz-transform:scaleX(1);
 -webkit-transform:scaleX(1);
 -o-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1)
}
.tc_member .btn-signgreen:active:before,
.tc_member .btn-signgreen:focus:before,
.tc_member .btn-signgreen:hover:before,
.tc_member .btn-signup:active:before,
.tc_member .btn-signup:focus:before,
.tc_member .btn-signup:hover:before {
 -moz-transform:scaleX(1);
 -webkit-transform:scaleX(1);
 -o-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1)
}
.tc_blog {
 margin:10px 0 45px
}
.tc_blog img {
 margin-bottom:30px;
 alignment-adjust:center
}

.btn-block {
 display:block;
 width:100%
}
.form-control:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
 border-color:#fb8521!important;
 background-color:#fff;
 outline:0;
 box-shadow:none!important
}
.box-shadow {
 background:#fff;
 padding:30px;
 background:linear-gradient(145deg,#fefeff,#fff);
 border:1px solid #fff;
 box-shadow:3px 3px 10px #d1d9e6,-3px -3px 10px #e7eaf2;
 border-radius:6px
}
.box-shadow .box-footer {
 border-top:1px solid #e1e3e8;
 background:#f1f3f7;
 color:#222;
 font-weight:500;
 margin:30px -30px -30px;
 padding:30px;
 border-radius:0 0 4px 4px
}
@media(max-width:767.98px) {
 .box-shadow {
  padding:20px
 }
 .box-shadow .box-footer {
  padding:20px 30px;
  margin:20px -20px -20px
 }
}
#fq .fq-tab-qs {
 margin-bottom:20px;
 font-size:14px;
 line-height:26px;
 color:#666f78
}
#fq .fq-tab-qs h4,
#fq .section-title {
 color:#1d252d;
 margin:0 0 10px;
 font-weight:600
}
#fq .fq-tab-qs h4 {
 font-size:18px;
 line-height:26px
}
#fq .section-title {
 text-align:center
}
#fq .fq-tab-qs h4:before {
 content:"\f059";
 font-family:"Font Awesome 6 Free";
 margin-right:10px
}
#sp-tophead {
 background:#1a86bc;
 background-image:-webkit-linear-gradient(225deg,#2980b9 0,#1a86bc 25%,#3cb0fd 100%);
 background-image:linear-gradient(225deg,#2980b9 0,#1a86bc 25%,#3cb0fd 100%) );
 color: #fff;
 padding: 30px 0;
}
#sp-maintop1 {
 padding:20px 0;
 background:#f2f3f9
}
#sp-page2,
.img-object-fit {
 background-repeat:no-repeat;
 background-position:top center;
 background-size:cover;
 background-attachment:fixed
}
#sp-page2 {
 color:#fff;
 background-image:url(../images/pg2.jpg);
 padding:30px 0
}
#sp-page3 {
 background-color:#ececf3;
 padding-top:30px
}
.trial-btn a {
 background:#1a86bc;
 background-image:-webkit-linear-gradient(top,#1a86bc,#2980b9);
 background-image:-moz-linear-gradient(top,#1a86bc,#2980b9);
 background-image:-ms-linear-gradient(top,#1a86bc,#2980b9);
 background-image:-o-linear-gradient(top,#1a86bc,#2980b9);
 background-image:linear-gradient(to bottom,#1a86bc,#2980b9);
 border-radius:50px;
 color:#fff!important;
 font-size:15px!important
}
.trial-btn a:focus,
.trial-btn a:hover {
 background:#3cb0fd;
 background-image:-webkit-linear-gradient(top,#3cb0fd,#3498db);
 background-image:-moz-linear-gradient(top,#3cb0fd,#3498db);
 background-image:-ms-linear-gradient(top,#3cb0fd,#3498db);
 background-image:-o-linear-gradient(top,#3cb0fd,#3498db);
 background-image:linear-gradient(to bottom,#3cb0fd,#3498db)
}
#dms-category,
.article-social-share .social-share-icon ul li a:focus,
.article-social-share .social-share-icon ul li a:hover,
.search .btn-toolbar button,
.sp-module .tagscloud .tag-name:hover {
 background:#0086bf
}
#sp-maintop1 h3 {
 font-size:21px;
 margin:0 0 5px
}
@media (max-width:767px) {
 .version-mockup {
  height:350px;
  padding:8px
 }
 .version-image {
  width:100%;
  height:330px
 }
 #sp-cart {
  display:none
 }
 .tabbable .nav-tabs>li {
  width:100%;
  float:none;
  margin-bottom:0
 }
 .tabbable .nav-tabs>li>a {
  margin-right:0!important
 }
 .tabbable .nav-tabs>li>a.active {
  border-bottom:2px solid #dcdcdc!important
 }
}
.tabbable .nav-tabs>li>a {
 background:#f7f7f7;
 margin-right:2px;
 border-left:1px solid #f7f7f7;
 border-right:1px solid #f7f7f7;
 border-bottom:none!important;
 border-radius:0;
 padding:12px 20px;
 color:#6d6d6d;
 position:relative
}
.tabbable .nav-tabs>li>a:after {
 content:"";
 display:block;
 position:absolute;
 top:-1px;
 left:-1px;
 right:-1px;
 height:3px
}
.tabbable .nav-tabs>li>a:before {
 content:"";
 display:block;
 position:absolute;
 bottom:-1px;
 left:0;
 right:0;
 height:1px
}
.tabbable .nav-tabs>li>a:hover {
 border-color:#f7f7f7
}
.tabbable .nav-tabs>li>a .fa {
 margin-right:4px
}
.tabbable .nav-tabs>li>a.active {
 color:#fb8521;
 border-left-color:#dcdcdc;
 border-right-color:#dcdcdc;
 background:#fff
}
.tabbable .nav-tabs>li>a.active:after {
 background:#fb8521
}
.tabbable .nav-tabs>li>a.active:hover {
 border-bottom-color:#fff
}
.tabbable .tab-content {
 margin:0;
 padding:15px;
 border:1px solid #dcdcdc;
 background:#fff;
 -webkit-box-shadow:0 2px 10px rgba(0,0,0,.04);
 box-shadow:0 2px 10px rgba(0,0,0,.04)
}
.tabbable .tab-content:after,
.tabbable .tab-content:before {
 content:" ";
 display:table
}
.tabbable .tab-content:after {
 clear:both
}

.well {
 min-height:20px;
 padding:19px;
 margin-bottom:20px;
 background-color:#fff;
 border:1px solid #e9e9f0;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
#topbgr,
.tc_taskbar .btn-primary {
 background-color:#fb8521;
 border-color:#fb8521
}
.box-shadow .btn {
 padding:8px 30px;
 margin:0;
 box-shadow:none;
 border-radius:0
}
svg#Passkey {
  height: 2rem;
}
#icon-passkey {
  fill: #fff;
}
.tc_taskbar {
 padding:0;
 margin:0 auto;
 list-style-type:none;
 display:table
}
.price-box .tc_taskbar li a {
 display:block;
 padding:10px 25px;
 font-size:15px;
 background:#fff;
 -moz-border-radius:2px;
 -webkit-border-radius:2px
}
.contact-misc,
.jnote {
 padding:20px;
 margin-bottom:4px;
 color:#50506f;
 text-shadow:0 1px 0 rgba(255,255,255,.5);
 background:linear-gradient(145deg,#e7eaf2,#fff);
 border:1px solid #fff;
 box-shadow:5px 5px 15px #d1d9e6,-5px -5px 10px #fff;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px
}
.btn-primary:hover {
 background-color:#0086bf!important;
 border-color:#044cd0
}
#sp-cart [type=button]:not(:disabled) {
 background-color:#0086bf;
 color:#fff;
 border:0
}
#offcanvas-toggler>.fa:active,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:hover,
#sp-right ul>li>a:hover,
#sp-top-bar a:hover,
.offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent .menu-child li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active>a,
.offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active>span,
.offcanvas-menu .offcanvas-inner .sp-module .menu>li .menu-child li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module .menu>li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module .menu>li.active>span,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a,
.tags>li a,
a:active,
a:focus,
a:hover,
ul.social-icons>li a:hover {
 color:#0086bf
}
.theme-version {
 margin-top:20px;
 position:relative;
 font-size:14px;
 line-height:26px;
 color:#fff
}

.theme-version .badge {
 font-size:90%;
 font-weight:600;
 box-shadow:5px 5px 15px #0383b9,-1px -1px 10px #70b5d3;
 padding:7px
}

#sp-bottom input[type=text]:not(.form-control) {
 background-color:#27282c;
 color:#f1f1f1
}
.mod-articles-category-group {
 font-weight:600;
 text-transform:uppercase
}
.tags>li a {
 background:rgba(3,69,191,.1)
}
.tags>li a:hover {
 background:#044cd0
}
.pager>li a {
 border:1px solid #ededed;
 color:#252525
}
.sp-reading-progress-bar {
 background-color:#0086bf
}
.offcanvas-menu {
 background-color:#fff;
 color:#252525
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler {
 color:rgba(37,37,37,.5)
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
 color:rgba(37,37,37,.8)
}
#sp-right ul>li>a {
 color:#444
}
#sp-bottom .sp-module ul>li>a:hover {
 color:#0086bf;
 opacity:1
}
#sp-bottom,
#sp-footer {
 background-color:#27282c;
 color:#d7d8db
}
#sp-bottom a {
 color:#a2a2a2
}
#sp-footer a {
 color:#99a6bb
}

#tab-center {
 background-color:#f5f7fb;
 padding:20px
}
#tab-center li .sp-best-badge {
 height:20px;
 line-height:20px;
 padding:0 5px;
 font-size:10px;
 letter-spacing:1px;
 display:inline-block;
 text-transform:uppercase;
 background:#fb8521;
 color:#fff;
 position:absolute;
 z-index:2000;
 top:-10px;
 right:0
}
#tab-center ul.nav-tabs {
 text-align:center;
 border-bottom:1px solid #fff;
 justify-content:center;
 padding:13px 30px;
 overflow:hidden
}
#tab-center ul.nav-tabs li {
 float:none;
 display:inline-block
}
#tab-center ul.nav-tabs li a {
 padding:5px 35px;
 font-size:20px;
 border-radius:initial;
 background:#fff;
 border:1px solid #dddcdc;
 color:#163652;
 outline:0;
 line-height:48px
}
#tab-center .tabbable .tab-content {
 margin:0;
 padding:0;
 border:0 solid #dcdcdc;
 background:0 0;
 font-size:100%;
 -webkit-box-shadow:0 0 0 transparent;
 box-shadow:0 0 0 transparent
}
#tab-center .nav-tabs>li>a.active {
 background:#0086bf;
 border:1px solid #0086bf;
 color:#fff
}
#tab-center .tab-content .tab-pane {
 padding:5px
}
@media (min-width:1300px) {
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
  max-width:1500px
 }
}
@media (min-width:768px) {
 #tab-center .col-md-3 {
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
}
@media (min-width:1200px) {
 #tab-center .col-md-3 {
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
}
#tr_exp_date input[type=url]:not(.form-control),
#tr_exp_date select:not(.form-control) {
 display:inline-block;
 width:auto
}
@media (max-width:1200px) {
 .sp-megamenu-parent>li>a,
 .sp-megamenu-parent>li>span {
  display:inline-block;
  padding:0 9px;
  line-height:70px;
  font-size:16px;
  letter-spacing:0;
  margin:0;
  text-transform:uppercase
 }
 #sp-menu-left .sp-column .sp-module-content {
  width:960px!important
 }
}
@media (min-width:992px) and (max-width:1299px) {
 #sp-menu-left .sp-column .sp-module-content {
  width:1140px
 }
}
@media (max-width:992px) {
 .shop-card .dropdown-menu .module-login {
  width:230px
 }
 #sp-header #sp-menu {
  flex:0 0 40%;
  order:2
 }
 #sp-header #sp-menu-left {
  display:none!important
 }
 #sp-header #sp-logo {
  flex:0 0 60%;
  order:1
 }
 #sp-top-bar #sp-lang {
  flex:0 0 40%;
  order:1
 }
 #sp-top-bar #sp-top-menu {
  flex:0 0 60%;
  order:2
 }
 #sp-top-bar #sp-logo>.sp-column {
  display:flex;
  align-items:center
 }
 #sp-top-bar #sp-search {
  display:none
 }
 #sp-menu-left .sp-column .sp-module-content {
  width:992px
 }
}
@media (max-width:768px) {
 .login-menu .dropdown-menu::before {
  display:none
 }
 #sp-menu-left .sp-column .sp-module-content {
  width:768px
 }
 #sp-bottom {
  padding-top:30px;
  padding-bottom:0;
  font-size:13px
 }
 #sp-top-bar #sp-top-menu div.sp-module:not(:first-child) {
  margin-left:.3rem
 }
 #sp-top-bar #sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .icons-wrap .user-icon,
 #sp-top-bar #sp-top-menu .sp-column .sp-module-content a i {
  font-size:20px
 }
 #sp-top-bar #sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .icons-wrap .log-text {
  font-size:14px
 }
 #sp-top-bar #sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .arrow-icon {
  top:16px;
  font-size:10px
 }
}
@media (max-width:480px) {
 #sp-menu-left .sp-column .sp-module-title {
  font-size:16px;
  font-weight:500;
  line-height:70px;
  letter-spacing:0;
  padding-left:0
 }
 .login-menu .dropdown-menu {
  right:-15px
 }
 .login-menu .dropdown-menu .module-login {
  width:340px
 }
 .login-menu .dropdown-menu .module-login form {
  padding:20px 25px
 }
 .login-menu .dropdown-menu .module-login .login-module-footer {
  border-top:1px solid #e1e3e8;
  background:#f9f8f6;
  color:#495057;
  font-weight:500;
  margin:0 -25px -20px;
  padding:20px 25px;
  border-radius:0 0 4px 4px
 }
 #sp-menu-left .sp-column .sp-module:after,
 #sp-menu-left .sp-column .sp-module:before,
 #sp-top-bar #sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .log-text {
  display:none
 }
 #sp-top-bar #sp-top-menu .sp-column .sp-module-content .sp-custom-login-on .arrow-icon {
  top:14px
 }
 #sp-menu-left .sp-column .sp-module-content {
  width:480px
 }
}
.tm-browser {
 position:relative;
 border:6px solid #fff;
 box-shadow:0 25px 80px rgba(0,0,0,.12),0 3px 12px rgba(0,0,0,.05)
}
.mx-best-badge {
 position:absolute;
 top:-12px;
 right:0;
 background:#fb8521;
 color:#fafafa;
 padding:0 15px;
 border-radius:6px;
 font-size:14px;
 z-index:200;
 line-height:25px
}
@media (max-width:450px) {
 .demoall {
  display:none!important
 }
}
@media (min-width:451px) {
 .demomobile {
  display:none!important
 }
}
a.no_links {
 color:#111
}
.float-left {
 float:left!important
}
.form-row {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-5px;
 margin-left:-5px
}
.input-group-append,
.input-group-prepend {
 display:-ms-flexbox;
 display:flex
}
.badge-success {
 color:#fff;
 background-color:#28a745
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
 display:inline-block;
 padding:0 10px;
 line-height:70px;
 font-size:16px;
 letter-spacing:1px;
 margin:0;
 text-transform:uppercase;
 font-weight:500
}
ul.social-icons>li:not(:last-child) {
 margin-right:3px
}
.owl-carousel button {
 box-shadow:1px 1px 1px #777,-1px -1px 1px #999;
 border:0
}
div.mod-languages ul li.lang-active {
 background-color:transparent!important;
 padding:0
}
.box-shadow .btn.input-password-toggle {
 padding:6px 10px
}
.awesomplete {
 display:inline!important
}
@media(min-width:1200px) {
 #sp-menu .justify-content-end {
  justify-content:center!important
 }
 #sp-component #osm-signup-page-columns label, #sp-component #os_form label {
  width:100%;
  height:46px;
  padding:12px 0;
  font-weight:400
 }
 .box-shadow .mb-3 {
  margin-bottom:2px!important
 }
}
 input[type=date]:not(.form-control),
 input[type=email]:not(.form-control),
 input[type=number]:not(.form-control),
 input[type=password]:not(.form-control),
 input[type=search]:not(.form-control),
 input[type=tel]:not(.form-control),
 input[type=text]:not(.form-control),
 input[type=url]:not(.form-control),
 select:not(.form-control) {
  display:block;
  width:100%;
  padding:11px;
  font-size:1rem;
  line-height:1.25;
  height:calc(1.5em + 1rem + 4px);
  color:#495057;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:2px;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
 }
 .form-control {
  display:block;
  width:100%;
  height:calc(1.5em + 1rem + 4px);
  padding:.5rem 1rem;
  font-size:1rem;
  font-weight:400;
  background-color:#fffcfa;
  line-height:1.5;
  background-clip:padding-box;
  border-radius:.188rem
 }
 .form-control:focus,
 input[type=password]:focus,
 input[type=text]:focus,
 textarea:focus {
  border-color:#fb8521!important;
  background-color:#fff;
  outline:0;
  box-shadow:none!important
 }
.osm-container input[type=text].input-xlarge,
.osm-container select.input-xlarge,
.osm-container textarea.input-xlarge {
 width:100%!important
}
#payment_method_container .col-md-9 label.radio, .osm-payment-method-item {
  float: left;
}
#payment_method_container .col-md-9 label{
width: auto !important; 
padding: 10px !important;
margin: 0 9px 9px 0px;
display: flex;
font-size: 17px;
max-width: 270px;
height: 46px !important;
font-weight: 400;
background-color: #fbfcff;
color: #333;
background-clip: padding-box;
border: 1px solid #d9dde8;
border-radius: .375rem;
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
font-size: 1rem;
cursor: pointer;
}

#payment_method_container .col-md-9 input[type="radio"] {
	background-color: #fff;
	border-radius: 50%;
	box-shadow:
		0 0 0 0.0625em hsl(223,90%,80%),
		0 0.125em 0.125em 0.0625em hsla(223,90%,10%,0.3);
	flex-shrink: 0;
	margin-inline-end: 1em;
	outline: transparent;
	position: relative;
	width: 1.3em;
	height: 1.3em;
	transition:
		background-color 0.3s,
		box-shadow 0.3s;
	-webkit-appearance: none;
	appearance: none;
}
#payment_method_container .col-md-9 input[type="radio"]:before,
#payment_method_container .col-md-9 input[type="radio"]:after {
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
	transform: scale(0);
	transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);
}
#payment_method_container .col-md-9 input[type="radio"]:before {
	box-shadow:
		0 0 0 0.5em #fb8521 inset,
		0 0 0 0.0625em #fb8521;
	top: -0.0625em;
	left: -0.0625em;
	width: calc(100% + 0.125em);
	height: calc(100% + 0.125em);
}
#payment_method_container .col-md-9 input[type="radio"]:after {
	background-color: hsl(0,0%,100%);
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
}
#payment_method_container .col-md-9 input[type="radio"]:checked:before,
#payment_method_container .col-md-9 input[type="radio"]:checked:after {
	transform: scale(1);
}
.mx-inline.tm-browser img {
  width: 100%;
}
.cc_div #cm.has-tertiary-button {
 max-width:27em !important;
}
.cc-trigger.cc-trigger-icon svg {
  width: 40px !important;
}
.mxdesc {
    background: #fff;
    text-align: center;
    margin: 20px auto;
    max-width: 1000px;
    font-size: 17px;
    padding: 25px;
}

.article-list .article .links .readmore a{
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 135px;
    color: #fff;
    margin: 2px auto;
    border: 1px solid #3479f0;
    background-color: #3479f0;
    padding: 9px 24px;
    margin: 0;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    background-origin: border-box;
}
.article-list .article .links .readmore a:hover,.article-list .article .links .readmore a.active,.article-list .article .links .readmore a:active {
    color: #fff;
    background-color: #2a61c9
}
.shop.article-details ul{
  padding-left: 0rem;
}
.shop.article-details  ul.fields-container li {
  font-size: 15px;
  color: #5a5a5a;
  display: inline-block;
  margin-top:8px;
  margin-right: 24px;
}
.shop.article-details ul.fields-container li.info {
  margin:20px 0px;
}
.shop.article-details ul.fields-container li.info span.field-value {
  font-size: 17px;
  line-height: 28px;
  color: rgba(9,30,66,.7); 
  font-weight: 400 !important;
}
.shop.article-details .field-entry.joomla-four, .shop.article-details .field-entry.joomla-five,.shop.article-details .field-entry.joomla-six,  .shop.article-details .field-entry.joomla-three, .shop.article-details .field-entry.joomla-two {
    display: none !important;
}
field-entry joomla-five
.shop.article-details  ul.fields-container li span.field-label  {
  display: block;
    text-align: center
}
.shop.article-details  ul.fields-container li  span.field-value  {
  color: #44494f;
  font-size: 16px;
  font-weight: 600;
}
.item-product .product-details  ul {
  list-style: none;
}
.item-product .product-details {
  font-size: 21px;
  line-height: 1;
  font-weight: 400;
  margin: 20px;
}
.article-list .article .item-product figure .article-intro-image{
    margin: 0px
}
.article-list .article .item-product .article-full-image {
  margin: 0px;
}

.product-details .field-entry {
    font-weight: 800 !important;
    margin: 0px 2px !important;
    float: right;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 8px;
  margin-right: 1px;
  border-radius: 4px;
  border: 1px solid #fff;
  color:#000;
 background:linear-gradient(145deg,#e7eaf2,#fff);
 box-shadow:2px 2px 5px #d1d9e6,-2px -2px 5px #fff;
 text-transform:uppercase;
}
.product-details .field-entry.joomla-three {
  background-color: #f9e9d0;
  color: #a46009;
}
.product-details .field-entry.joomla-four {
 background-color:#dad6f0;
 color:#6554c0
}
.product-details .field-entry.joomla-five {
 background-color:#d6e1f0;
 color:#224a88
}
.product-details .field-entry.joomla-six {
 background-color:#d6e1f0;
 color:#1b560e;
}
.product-details .field-entry.joomla-four:before, .product-details .field-entry.joomla-five:before,.product-details .field-entry.joomla-six:before, .product-details .field-entry.joomla-three:before {
    content: "\f1aa";
    font-family: "Font Awesome 6 Brands";
    padding-right: 4px;
    font-weight: 400 !important;
}
 .top-header .compatibility .field-value:before {
    content: "\f1aa";
    font-family: "Font Awesome 6 Brands";
    padding-right: 0px;
    font-weight: 400 !important;
}
.item-product .field-entry.compatibility,
.item-product .field-entry.updated-on,
.item-product  .field-entry.version,
.item-product  .field-entry.info,
.itemExtraFields .aliasJoomlaThree,
.itemExtraFields .aliasJoomlaFour,
.itemExtraFields .aliasJoomlaFive  {
    display: none !important;
}
@media (min-width: 770px) and (max-width: 1199px) {
  .blog.com-content-category-blog .col-lg-4 {
    flex: 0 0 auto;
    width: 50% !important;
  }
}
.category-desc {
 width:100vw;
 position:relative;
 margin-left:-50vw;
 margin-top:-30px;
 left:50%;
 padding:30px 0px;
 background: #0086bf;
 color: #f1f1f1;
 margin-bottom:30px
}
ul.mod-articlescategories, .category-desc p,.category-desc h4,.category-desc h1 {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.main-text .container.pb-5.pt-5{
  text-align: center;
}
.main-text .container.pb-5.pt-5 img {
  display: inline-block;
}
@media screen and (max-width:770px) {
 .tc_member {
  width:99%!important;
  display:block
 }
 .tc_member>.left,
 .tc_member>.right {
  width:100%!important
 }
}
@media screen and (max-width:420px) {
 .btblue, .btgreen, .btgrey, .btorange {
  padding: 5px;
  }
}