/*K2 --- Rating --- */
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(../images/loaders/generic.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:transparent url(../images/ratingstars.gif) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
span.siteRoot {display:none;}






/* joomsky style sheet */

/*slideshow*/
#sp-top-search {position: relative;}

/* main menu */
a {outline: 0 !important;}
.body-innerwrapper {position: relative;}
#sp-header-sticky-wrapper {position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;}
.sticky-wrapper #sp-header.js-full-width-menu {height: 81px;background: rgba(0, 0, 0, 0.7);border-bottom: 0px;}
.sticky-wrapper.is-sticky #sp-header.js-full-width-menu {background: #0d7bff;} 
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent li a {font-weight: 400;}
.sticky-wrapper #sp-header.js-full-width-menu .logo {padding-left: 17%;height: 80px;}
/* .sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent {float: left;} */
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent li a {color: #fff;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent > li > a {line-height: 80px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent > li:last-child {margin-right: 40px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent > li a.last-child-bg {line-height: unset;padding: 7px 20px;border: 1px solid transparent;background: -webkit-gradient(linear, left top, right top, color-stop(13%, rgba(100, 33, 203, 0.9)), to(rgba(44, 41, 221, 0.8)) );background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent > li a.last-child-bg:hover {border-color: #fff;-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown {border-top: 3px solid #7e29fd;border-bottom: 3px solid #7e29fd;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 10px !important;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent > li.menu-height .sp-dropdown-items {min-height: 358px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-bottom: 1px solid #e6e7e8;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {border-bottom: 0;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {outline: 0;font-weight: 400;cursor: pointer;font-size: 12px;color: #4b4b4d;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {background: transparent;color: #7e29fd;padding-left: 15px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-dropdown.sp-dropdown-sub {width: 250px !important;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner .sp-dropdown-items .sp-menu-item .menu-header {padding: 10px 5px;font-size: 15px;font-weight: 700;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner .sp-dropdown-items .sp-menu-item .menu-header::before {display: none;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child .sp-group-title {padding: 10px;text-transform: capitalize;font-weight: 600;font-size: 14px;border-bottom: 1px solid #e6e7e8;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child .sp-group-title:hover {color: #4b4b4d;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child.js-joomla-plugins-menu {background: url('../../../images/joomsky/joomla1.png') no-repeat bottom right;background-size: 50%;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child.js-wordpress-plugins-menu {background: url('../../../images/joomsky/wp1.png') no-repeat bottom right;background-size: 50%;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child.js-templates-menu {background: url('../../../images/joomsky/template1.png') no-repeat bottom right;background-size: 50%;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child.js-joomla-plugins-menu .sp-group-title::before {content: "";display: inline-block;height: 45px;width: 45px;margin: -5px 2px 0 -10px;vertical-align: middle;background: url('../../../images/joomsky/joomla.png') no-repeat;background-size: 45px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child.js-wordpress-plugins-menu .sp-group-title::before {content: "";display: inline-block;height: 45px;width: 45px;margin: -5px 2px 0 -10px;vertical-align: middle;background: url('../../../images/joomsky/wp.png') no-repeat;background-size: 45px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child.js-templates-menu .sp-group-title::before {content: "";display: inline-block;height: 45px;width: 45px;margin: -5px 2px 0 -10px;vertical-align: middle;background: url('../../../images/joomsky/template.png') no-repeat;background-size: 45px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-mega-group-child.sp-dropdown-items a::before {content: "";display: inline-block;height: 10px;width: 25px;vertical-align: middle;background: url('../../../images/joomsky/grey-arrow.png') no-repeat;background-size: 15px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown li.sp-menu-item .sp-mega-group-child.sp-dropdown-items a:hover::before {background: url('../../../images/joomsky/purple-arrow.png') no-repeat;background-size: 15px;}
.sticky-wrapper #sp-header.js-full-width-menu li.sp-menu-item .sp-dropdown .sp-dropdown-items .sp-menu-item a::before {content: "";display: inline-block;height: 15px;width: 30px;vertical-align: middle;background: url('../../../images/joomsky/grey-arrow.png') no-repeat;background-size: 15px;}
.sticky-wrapper #sp-header.js-full-width-menu li.sp-menu-item .sp-dropdown .sp-dropdown-items .sp-menu-item a:hover::before {background: url('../../../images/joomsky/purple-arrow.png') no-repeat;background-size: 15px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent li.active .sp-dropdown-items .sp-menu-item.active a {color: #7e29fd}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent li.active .sp-dropdown-items .sp-menu-item.active a::before {background: url('../../../images/joomsky/purple-arrow.png') no-repeat;background-size: 15px;}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown-items .sp-menu-item a:active {color: #7e29fd}
.sticky-wrapper #sp-header.js-full-width-menu .sp-megamenu-wrapper .sp-megamenu-parent li .sp-dropdown-items .sp-menu-item a:active::before {background: url('../../../images/joomsky/purple-arrow.png') no-repeat;background-size: 15px;}


/* main slider */
.sp-module.homepage-main-slider {border-bottom: 3px solid #7e29fd;}
.sp-module.homepage-main-slider ul > li {border: 0;}

/* top header/breadcrumbs */
section#sp-top-header {padding: 135px 0 50px;background-size: cover;position: relative;}
section#sp-top-header::before {content: '';display: inline-block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: -webkit-gradient(linear, left top, right top, color-stop(13%, rgba(100, 33, 203, 0.9)), to(rgba(44, 41, 221, 0.8)) );background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );}
.js-jobs-banner-bg section#sp-top-header::before {background: #086fef;opacity: 0.8;}
.js-ticket-banner-bg section#sp-top-header::before {background: #924a04;opacity: 0.8;}
.js-vehicle-manager-banner-bg section#sp-top-header::before {background: #c11c22;opacity: 0.8;}
.js-learn-manager-banner-bg section#sp-top-header::before {background: #571a63;opacity: 0.87;}
.js-jobi-banner-bg section#sp-top-header::before {background: #001a6f;opacity: 0.87;}
.js-job-manager-banner-bg section#sp-top-header::before {background: #2d1677;opacity: 0.87;}
section#sp-top-header .js-top-header {text-align: center;color: #ffffff;}
section#sp-top-header .js-top-header .js-top-header-page-title {font-size: 30px;font-weight: 700;margin: 0;text-transform: uppercase;line-height: initial;}
section#sp-top-header .js-top-header ul {display: block;padding: 15px 0 0;font-weight: 400;font-size: 16px;}
section#sp-top-header .js-top-header ul li {display: inline-block;border: 0;margin: 0 4px;}
section#sp-top-header .js-top-header ul li a {color: #fff;}
.site.view-article section#sp-top-header::before {content: '';display: inline-block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: -webkit-gradient(linear, left top, right top, color-stop(13%, rgba(100, 33, 203, 0.9)), to(rgba(44, 41, 221, 0.8)) );background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );}
.site.view-article section#sp-top-header {background: url('../../../images/joomsky/banner/about-us.jpg') no-repeat center center / cover;}
.site.layout-translation section#sp-top-header {background: url('../../../images/joomsky/banner/translater.jpg') no-repeat center center / cover;}
.site.view-login section#sp-top-header,
.site.view-remind section#sp-top-header {background: url('../../../images/joomsky/banner/login.jpg') no-repeat center center / cover;}
.site.com-jsproductlisting.view-categories section#sp-top-header {background: url('../../../images/joomsky/banner/all-products.jpg') no-repeat center center / cover;}
.site.com-jsproductlisting.layout-proproducts section#sp-top-header {background: url('../../../images/joomsky/banner/all-products.jpg') no-repeat center center / cover;}
.site.js-jobs-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/job.jpg') no-repeat center center / cover;}
.site.js-ticket-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/ticket.jpg') no-repeat center center / cover;}
.site.js-job-manager-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/job-manager.jpg') no-repeat center center / cover;}
.site.js-car-manager-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/car-manager.jpg') no-repeat center center / cover;}
.site.js-vehicle-manager-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/autoz.jpg') no-repeat center center / cover;}
.site.js-learn-manager-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/learn-manager.jpg') no-repeat center center / cover;}
.site.js-jobi-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/jobi-template.jpg') no-repeat center center / cover;}
.site.js-joomsocial-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/joom-social.jpg') no-repeat center center / cover;}
.site.js-virtual-mart-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/virtual-mart.jpg') no-repeat center center / cover;}
.site.js-address-data-banner-bg section#sp-top-header {background: url('../../../images/joomsky/banner/address-data.jpg') no-repeat center center / cover;}
.site.com-contact section#sp-top-header {background: url('../../../images/joomsky/banner/contact-us.jpg') no-repeat center center / cover;}
.site.com-jssupportticket section#sp-top-header {background: url('../../../images/joomsky/banner/support-banner.jpg') no-repeat center center / cover;}

/* top section */
.js-section {float: left;width: 100%;}
.js-section .js-section-top {float: left;width: 100%;}
.js-section .js-section-top .js-section-cnt {width: 50%;margin: 50px auto 70px;text-align: center;}
.js-section .js-section-top .js-section-cnt .js-section-small-title {text-transform: uppercase;color: #4b4b4d;}
.js-section .js-section-top .js-section-cnt .js-section-title {text-transform: uppercase;margin: 25px 0;font-weight: 700;color: #467aff;}
.js-section .js-section-top .js-section-cnt .js-section-title a {display: inline-block;color: #467aff;}
.js-section .js-section-top .js-section-cnt .js-section-title span {display: inline-block;color: #cf3028;}
.js-section .js-section-top .js-section-cnt .js-section-sample-text {display: inline-block;width: 100%;line-height: 2;font-weight: 400;color: #4b4b4d;}

/* featured boxes */
.js-featured-boxes .js-section-top .js-section-cnt {margin: 50px auto 70px;}
.js-featured-boxes-bg {background: url('../../../images/joomsky/corner-design.png') left no-repeat, url('../../../images/joomsky/corner-design2.png') right no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: 10%,auto,auto;}
.js-featured-boxes-wrap {float: left;width: 100%;}
.js-featured-boxes-wrap .js-featured-box {float: left;width: calc(100% / 4 - 10px);text-align: center;padding: 30px 15px;min-height: 430px;margin-right: 10px;margin-bottom: 20px;background: #fff;border: 1px solid #e6e7e8;-webkit-box-shadow: 0px 0px 10px 2px rgba(231, 231, 231, 0.8);box-shadow: 0px 0px 10px 2px rgba(231, 231, 231, 0.8);-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.js-featured-boxes-wrap .js-featured-box .js-featured-box-image img {display: inline-block;}
.js-featured-boxes-wrap .js-featured-box .js-featured-box-title {margin: 30px 0 20px;font-size: 22px;color: #4b4b4d;}
.js-featured-boxes-wrap .js-featured-box .js-featured-box-sample-text {display: inline-block;width: 100%;margin-bottom: 20px;font-weight: 400;line-height: 2;color: #838587;}
.js-featured-boxes-wrap .js-featured-box.support {border-bottom: 5px solid #b3d236;}
.js-featured-boxes-wrap .js-featured-box.support:hover {border-color: #b3d236;}
.js-featured-boxes-wrap .js-featured-box.open-source {border-bottom: 5px solid #f99f1c;}
.js-featured-boxes-wrap .js-featured-box.open-source:hover {border-color: #f99f1c;}
.js-featured-boxes-wrap .js-featured-box.customize {border-bottom: 5px solid #e03e49;}
.js-featured-boxes-wrap .js-featured-box.customize:hover {border-color: #e03e49;}
.js-featured-boxes-wrap .js-featured-box.document {border-bottom: 5px solid #f4b400;}
.js-featured-boxes-wrap .js-featured-box.document:hover {border-color: #f4b400;}

/* product info and features */
.js-product-info-features .js-section-top {background: #f6f6f6;border-top: 2px solid #e6e6e7;border-bottom: 2px solid #e6e6e7;-webkit-box-shadow: 5px 0 7px 0 #d8d7d7;box-shadow: 5px 0 7px 0 #d8d7d7;}
.js-product-info-features .js-section-top .js-section-text {float: left;width: 50%;margin: 63px 0;}
.js-product-info-features .js-section-top .js-section-text .js-section-cnt {width: 100%;margin: 0;text-align: left;}
.js-product-info-features .js-section-top .js-section-text .js-section-cnt .js-section-title {margin: 20px 0;}
.js-product-info-features .js-section-top .js-section-image {float: left;width: 50%;text-align: right;}
.js-product-info-features .js-section-top .js-section-image img {display: inline-block;}
.js-product-info-features-wrap {float: left;width: 100%;padding: 60px 0;}
.js-product-info-features-wrap .js-product-heading {margin: 0;font-weight: 700;text-transform: uppercase;}
.js-jobs .js-product-info-features-wrap .js-product-heading {color: #3e4095;}
.js-ticket .js-product-info-features-wrap .js-product-heading {color:  #d24f02;}
.js-autoz .js-product-info-features-wrap .js-product-heading {color: #de2128;}
.js-learn-manager-system .js-product-info-features-wrap .js-product-heading {color: #6677cc;}
.js-product-info-features-wrap .js-product-heading{float: left;width: 52%;margin-bottom: 60px;}
.js-product-info-features-wrap .js-product-info-features-row {float: left;width: 52%;margin-bottom: 45px;}
.js-product-info-features-wrap .js-product-info-features-row:last-child {margin-bottom: 0px;}
.js-product-info-features-wrap .js-product-info-features-row .js-product-info-features-image {float: left;}
.js-product-info-features-wrap .js-product-info-features-row .js-product-info-features-cnt {float: left;width: calc(100% - 69px);padding-left: 18px;}
.js-product-info-features-wrap .js-product-info-features-row .js-product-info-features-cnt .js-product-info-features-title {margin: 0 0 10px;font-weight: 600;color: #4b4b4d;}
.js-product-info-features-wrap .js-product-info-features-row .js-product-info-features-cnt .js-product-info-features-text {display: inline-block;width: 100%;font-weight: 400;color: #4b4b4d;}
.js-product-info-features.js-jobs .js-product-info-features-wrap {background: url('../../../images/joomsky/corner-design3.png') left no-repeat, url('../../../images/joomsky/jobs-plugin-image.png') right no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: auto,83%,auto;}
.js-product-info-features.js-ticket .js-product-info-features-wrap {background: url('../../../images/joomsky/corner-design3.png') right no-repeat, url('../../../images/joomsky/ticket-plugin-image.png') left no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: auto,100%,auto;}
.js-product-info-features.js-autoz .js-product-info-features-wrap {background: url('../../../images/joomsky/corner-design3.png') left no-repeat, url('../../../images/joomsky/autoz-plugin-image.png') right no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: auto,100%,auto;}
.js-product-info-features.js-learn-manager-system .js-product-info-features-wrap {background: url('../../../images/joomsky/corner-design3.png') right no-repeat, url('../../../images/joomsky/lms-plugin-image.png') left no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: auto,83%,auto;}
.js-product-info-features.js-property-system .js-product-info-features-wrap {background: url('../../../images/joomsky/corner-design3.png') right no-repeat, url('../../../images/joomsky/property-plugin-image.png') left no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: auto,83%,auto;}
.js-product-info-features.js-ticket .js-section-top .js-section-text,
.js-product-info-features.js-learn-manager-system .js-section-top .js-section-text {float: right;}
.js-product-info-features.js-ticket .js-section-top .js-section-image,
.js-product-info-features.js-learn-manager-system .js-section-top .js-section-image {float: left;text-align: left;}
.js-product-info-features.js-ticket .js-product-heading,
.js-product-info-features.js-learn-manager-system .js-product-heading,
.js-product-info-features.js-ticket .js-product-info-features-wrap .js-product-info-features-row,
.js-product-info-features.js-learn-manager-system .js-product-info-features-wrap .js-product-info-features-row {float: right;}

/* product coming soon */
.js-coming-soon-product .js-section-top {background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(100, 33, 203, 0.9)), color-stop(56%, rgba(44, 41, 221, 0.8)));background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 46%, rgba(44, 41, 221, 0.8) 56%);background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 46%, rgba(44, 41, 221, 0.8) 56%);background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 46%, rgba(44, 41, 221, 0.8) 56%);}
.js-coming-soon-product .js-section-top .js-section-cnt .js-section-small-title {font-size: 30px;color: #fce434;}
.js-coming-soon-product .js-section-top .js-section-text .js-section-cnt .js-section-title,
.js-coming-soon-product .js-section-top .js-section-text .js-section-cnt .js-section-title .color,
.js-coming-soon-product .js-section-top .js-section-cnt .js-section-sample-text {color: #fff;}

/* our plugins */
.js-our-plugins-bg {background: url('../../../images/joomsky/free-plugin-area-bg.jpg') no-repeat;background-size: cover;}
.js-our-plugins.js-section .js-section-top .js-section-cnt .js-section-small-title,
.js-our-plugins.js-section .js-section-top .js-section-cnt .js-section-title,
.js-our-plugins.js-section .js-section-top .js-section-cnt .js-section-sample-text {color: #fff;}
.js-our-plugins-wrap {float: left;width: 100%;}
.js-our-plugins-wrap .js-our-plugins-item {float: left;width: 100%;cursor: pointer;background: #fff;border: 2px solid #6d64f7;border-bottom: 5px solid #6d64f7;-webkit-box-shadow: 0px 2px 20px 4px #5741af;box-shadow: 0px 2px 20px 4px #5741af;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-left {float: left;width: 45%;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-left .js-our-plugins-item-image {float: left;width: 100%;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-left .js-our-plugins-item-image img {display: inline-block;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right {float: left;width: 55%;padding: 25px 20px;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-icon {float: left;width: 100%;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-icon img {display: inline-block;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-cnt {float: left;width: 100%;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-item-title {margin: 20px 0 18px;font-size: 16px;font-weight: 700;color: #373435;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-item-sample-txt {color: #4b4b4d;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {display: inline-block;padding: 7px 10px;text-transform: uppercase;font-size: 12px;margin-top: 20px;min-width: 100px;text-align: center;font-weight: 600;color: #fff;border: 1px solid ;}
.js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.js-our-plugins-wrap .js-our-plugins-item.joomla {background-image: url('../../../images/joomsky/joomla-icon.png');background-repeat: no-repeat;background-position: 99% 96%;}
.js-our-plugins-wrap .js-our-plugins-item.wordpress {background-image: url('../../../images/joomsky/wp-icon.png');background-repeat: no-repeat;background-position: 99% 96%;}
.js-our-plugins-wrap .js-our-plugins-item.jsjobsjm {border-bottom-color: #3e4095;}
.js-our-plugins-wrap .js-our-plugins-item.jsjobsjm .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #3e4095;border-color: #3e4095;}
.js-our-plugins-wrap .js-our-plugins-item.jsjobsjm .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #3e4095;}
.js-our-plugins-wrap .js-our-plugins-item.jsjobswp {border-bottom-color: #0098da;}
.js-our-plugins-wrap .js-our-plugins-item.jsjobswp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #0098da;border-color: #0098da;}
.js-our-plugins-wrap .js-our-plugins-item.jsjobswp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #0098da;}
.js-our-plugins-wrap .js-our-plugins-item.jsticketjm {border-bottom-color: #188e70;}
.js-our-plugins-wrap .js-our-plugins-item.jsticketjm .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #188e70;border-color: #188e70;}
.js-our-plugins-wrap .js-our-plugins-item.jsticketjm .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #188e70;}
.js-our-plugins-wrap .js-our-plugins-item.jsticketwp {border-bottom-color: #d94100;}
.js-our-plugins-wrap .js-our-plugins-item.jsticketwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #d94100;border-color: #d94100;}
.js-our-plugins-wrap .js-our-plugins-item.jsticketwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #d94100;}
.js-our-plugins-wrap .js-our-plugins-item.jsvehiclemanagerwp {border-bottom-color: #be3438;}
.js-our-plugins-wrap .js-our-plugins-item.jsvehiclemanagerwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #be3438;border-color: #be3438;}
.js-our-plugins-wrap .js-our-plugins-item.jsvehiclemanagerwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #be3438;}
.js-our-plugins-wrap .js-our-plugins-item.jsvehiclemanagerwp {border-bottom-color: #873569;}
.js-our-plugins-wrap .js-our-plugins-item.jsvehiclemanagerwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #873569;border-color: #873569;}
.js-our-plugins-wrap .js-our-plugins-item.jsvehiclemanagerwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #873569;}
.js-our-plugins-wrap .js-our-plugins-item.jslearnmanagerwp {border-bottom-color: #1d924f;}
.js-our-plugins-wrap .js-our-plugins-item.jslearnmanagerwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn {background: #1d924f;border-color: #1d924f;}
.js-our-plugins-wrap .js-our-plugins-item.jslearnmanagerwp .js-our-plugins-item-right .js-our-plugins-item-cnt .js-our-plugins-btn:hover {background: #fff;color: #1d924f;}
.js-our-plugins-wrap.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 75px;}
.js-our-plugins-wrap.owl-theme .owl-dots .owl-dot span {height: 20px;width: 20px;margin: 2px;background: #fff;-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.js-our-plugins-wrap.owl-theme .owl-dots .owl-dot.active span, 
.js-our-plugins-wrap.owl-theme .owl-dots .owl-dot:hover span {background: #cf3028;}

/* our templates */
.js-our-templates .js-section-top .js-section-cnt {margin: 50px auto 15px;}
.js-our-templates-bg {background: url('../../../images/joomsky/corner-design.png') no-repeat, url('../../../images/joomsky/corner-design3.png') no-repeat;background-size: 10%, auto;background-position: 0 100px,99.5% 96%;}
.js-our-templates-wrap {float: left;width: 100%;}
.js-our-templates-wrap .js-our-templates-item {float: left;width: 100%;text-align: center;cursor: pointer;padding: 30px;border-radius: 40px;background: #f6f6f6;border: 2px solid #e6e7e8;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-image img {display: inline-block;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-image::after {content: '';display: inline-block;height: 2px;width: 80px;background: #4b4b4d;border-radius: 5px;margin: 50px auto 20px;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-title {text-transform: uppercase;font-size: 23px;margin: 15px 0 25px;font-weight: 700;color: #467aff;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-title span {display: inline-block;color: #cf3028;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-framework {text-transform: uppercase;font-size: 16px;margin: 0;color: #4b4b4d;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-sample-txt {margin: 20px 0;font-weight: 400;color: #96989a;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-sample-txt span {display: inline-block;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-price {margin-top: 30px;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-price span {display: inline-block;font-size: 50px;line-height: 1;font-weight: 600;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-btn {display: inline-block;padding: 10px;background: #f6f6f6;color: #fff;font-weight: 600;text-transform: uppercase;border-radius: 30px;width: 140px;margin: 30px 0 5px;}
.js-our-templates-wrap.owl-carousel .owl-stage-outer {padding: 80px 0 60px;}
.js-our-templates-wrap .owl-item.active.center {z-index: 1;}
.js-our-templates-wrap .owl-item.active.center .js-our-templates-item {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-box-shadow: 0px 0px 14px 9px rgba(181,181,181,1);box-shadow: 0px 0px 14px 9px rgba(181,181,181,1);background: #fff;}
.owl-theme .owl-dots .owl-dot span {height: 20px;width: 20px;margin: 2px;background: #d8d8d8;}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {background: #cf3028;}
.js-our-templates-wrap .js-our-templates-item .js-our-templates-item-btn:hover {-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.js-our-templates-wrap .js-our-templates-item.jobmanagerwp .js-our-templates-item-price span {color: #633dd5;}
.js-our-templates-wrap .js-our-templates-item.jobmanagerwp .js-our-templates-item-btn {background: #633dd5;border: 2px solid #633dd5;}
.js-our-templates-wrap .js-our-templates-item.jobmanagerwp .js-our-templates-item-btn:hover {color: #633dd5;background: #fff;}
.js-our-templates-wrap .js-our-templates-item.carmanagerwp .js-our-templates-item-price span {color: #6d942f;}
.js-our-templates-wrap .js-our-templates-item.carmanagerwp .js-our-templates-item-btn {background: #6d942f;border: 2px solid #6d942f;}
.js-our-templates-wrap .js-our-templates-item.carmanagerwp .js-our-templates-item-btn:hover {color: #6d942f;background: #fff;}
.js-our-templates-wrap .js-our-templates-item.vehiclemanagerjm .js-our-templates-item-price span {color: #cf3028;}
.js-our-templates-wrap .js-our-templates-item.vehiclemanagerjm .js-our-templates-item-btn {background: #cf3028;border: 2px solid #cf3028;}
.js-our-templates-wrap .js-our-templates-item.vehiclemanagerjm .js-our-templates-item-btn:hover {color: #cf3028;background: #fff;}
.js-our-templates-wrap .js-our-templates-item.jobijm .js-our-templates-item-price span {color: #f58634;}
.js-our-templates-wrap .js-our-templates-item.jobijm .js-our-templates-item-btn {background: #f58634;border: 2px solid #f58634;}
.js-our-templates-wrap .js-our-templates-item.jobijm .js-our-templates-item-btn:hover {color: #f58634;background: #fff;}

/*login form*/
.site.com-users #sp-main-body {background: url('../../../images/joomsky/corner-design.png') left no-repeat, url('../../../images/joomsky/corner-design2.png') right no-repeat, url('../../../images/joomsky/corner-design3.png') center left no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: 10%,auto,auto,auto;background-position: 0 12%,right 25%,10% 88%,0 0;padding: 50px 0;}
#sp-component div.login form.form-validate,
#sp-component div.resethome-page form.form-validate,
#sp-component div.remindhome-page form.form-validate,
#sp-component div.registrationhome-page form.form-validate,
#sp-component div.reset form.form-validate {float: left;width: 100%;}
#sp-component div.login form.form-validate,
#sp-component div.profile-edit form.form-validate,
#sp-component div.resethome-page form.form-validate,
#sp-component div.remindhome-page form.form-validate,
#sp-component div.remind form.form-validate,
#sp-component div.registrationhome-page form.form-validate,
#sp-component div.reset form.form-validate {background: #e6e7fe;}
#sp-component div.registrationhome-page form.form-validate {margin-bottom: 15px;}
#sp-component div.registrationhome-page form#member-registration label#jform_spacer-lbl {display: none;}
#sp-component div.registrationhome-page form#member-registration div.form-group button {width: 120px;padding: 13px;font-weight: 400;font-size: 15px;line-height: initial;border-radius: 0;border: 1px solid #467aff;background: #467aff;color: #fff;}
#sp-component div.registrationhome-page form#member-registration div.form-group button:hover {background: #fff;color: #467aff;-webkit-transition: color 400ms, background-color 400ms, border-color 400ms;-o-transition: color 400ms, background-color 400ms, border-color 400ms;transition: color 400ms, background-color 400ms, border-color 400ms;}
#sp-component div.registrationhome-page form#member-registration div.form-group .btn.btn-danger {width: 120px;padding: 13px;font-weight: 400;font-size: 15px;line-height: initial;border-radius: 0;border: 1px solid #4b4b4d;background: #4b4b4d;color: #fff;}
#sp-component div.registrationhome-page form#member-registration div.form-group .btn.btn-danger:hover {background: #fff;color: #4b4b4d;-webkit-transition: color 400ms, background-color 400ms, border-color 400ms;-o-transition: color 400ms, background-color 400ms, border-color 400ms;transition: color 400ms, background-color 400ms, border-color 400ms;}
#sp-component div.registrationhome-page form#member-registration .form-group .group-control fieldset#jform_privacyconsent_privacy input {height: auto;margin-left: 0;}
#sp-component div.registrationhome-page form#member-registration .form-group .group-control fieldset#jform_privacyconsent_privacy label {padding: 0 5px 0 20px;}
#sp-component div.registrationhome-page form#member-registration .form-group .group-control .alert.alert-info {background-color: #ffffff;border-color: #663bab;color: #46318a;font-weight: 400;border-radius: 0;}
#sp-component form.form-validate {float: left;width: 100%;padding: 10px 25px 37px;text-align: left;border: 2px solid #e6e7e8;}
#sp-component #userregistration form.form-validate {float: left;width: 100%;padding: 0;text-align: left;border: 2px solid #e6e7e8;}
#sp-component div.profile-edithome-page form.form-validate .control-group .control-label {margin-right: 8px;}
#sp-component div.profile-edithome-page form.form-validate .control-group .controls {margin-left: 0;}
#sp-component div.profile-edithome-page form.form-validate .control-group .controls .btn.validate {background: #467aff;color: #fff;border: 2px solid #467aff;}
.site.com-users.view-registration .control-group  .btn.validate {background: #467aff;color: #fff;border: 2px solid #467aff;}
.site.com-users.view-registration #jform_profile_tos input {margin-left: 0;}
.site.com-users.view-registration #jform_profile_tos label {padding: 0 5px 0 20px;}
#sp-component div.profile-edithome-page form.form-validate .control-group .controls a.btn {color: #467aff;border: 2px solid #467aff;background: #fff;}
#sp-component form.form-validate div.login-field label {text-transform: capitalize;font-size: 16px;font-weight: 400;color: #4b4b4d;}
#sp-component form.form-validate div.form-group input {height: 50px;font-weight: 400;color: #4b4b4d;border: 1px solid #e6e7e8;border-radius: unset;}
#sp-component form.form-validate div.checkbox label {color: #4b4b4d;}
#sp-component form.form-validate div.checkbox {margin: 20px 0;}
#sp-component form.form-validate div.checkbox label input {outline: 1px solid #e6e7e8;}
#sp-component form.form-validate div.checkbox + .form-group {margin: 0;}
#sp-component form.form-validate div.form-group button {width: 100%;padding: 15px;background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(100, 33, 203, 0.9)), to(rgba(44, 41, 221, 0.8)) );background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 10%, rgba(44, 41, 221, 0.8) );background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 10%, rgba(44, 41, 221, 0.8) );background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 10%, rgba(44, 41, 221, 0.8) );border-radius: unset;border: 2px solid #0143ab;font-size: 16px;font-weight: 600;-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
#sp-component form.form-validate div.form-group button:hover {background: #fff;color: #0143ab;}
#sp-component div.form-links {float: left;width: 100%;text-align: left;padding-top: 20px;}
#sp-component div.form-links ul li {padding: 0 0 10px;}
#sp-component div.form-links ul li:last-child {padding: 0;}
#sp-component div.form-links ul li a {color: #6e7072;font-weight: 400;}
#sp-component div.form-links ul li a:hover {text-decoration: underline;}
.site.com-users.view-profile #sp-main-body > .container {width: 1170px;padding: 0 15px;}
.site.com-users.view-profile .profile-edit form#member-profile .control-group .controls {margin-left: 0;}
.site.com-users.view-profile .profile-edit form#member-profile fieldset .alert.alert-info {background-color: #ffffff;border-color: #663bab;color: #46318a;font-weight: 400;border-radius: 0;}
.site.com-users.view-profile .profile-edit form#member-profile fieldset .alert.alert-warning {background-color: #f5f5f4;border-color: #9e792c;color: #82560c;font-weight: 400;border-radius: 0;}
.site.com-users.view-profile .profile-edit form#member-profile fieldset input[type="radio"] {margin-left: 0;}
.site.com-users.view-profile .profile-edit form#member-profile .control-group .controls .btn.validate {width: 120px;padding: 13px;font-weight: 400;font-size: 15px;line-height: initial;border-radius: 0;border: 1px solid #467aff;background: #467aff;color: #fff;}
.site.com-users.view-profile .profile-edit form#member-profile .control-group .controls .btn.validate:hover {background: #fff;color: #467aff;-webkit-transition: color 400ms, background-color 400ms, border-color 400ms;-o-transition: color 400ms, background-color 400ms, border-color 400ms;transition: color 400ms, background-color 400ms, border-color 400ms;}
.site.com-users.view-profile .profile-edit form#member-profile .control-group .controls a.btn {width: 120px;padding: 13px;font-weight: 400;font-size: 15px;line-height: initial;border-radius: 0;border: 1px solid #4b4b4d;background: #4b4b4d;color: #fff;}
.site.com-users.view-profile .profile-edit form#member-profile .control-group .controls a.btn:hover {background: #fff;color: #4b4b4d;-webkit-transition: color 400ms, background-color 400ms, border-color 400ms;-o-transition: color 400ms, background-color 400ms, border-color 400ms;transition: color 400ms, background-color 400ms, border-color 400ms;}
.site.view-registration #sp-main-body > .container {width: 1170px;padding: 0 15px;}
#sp-component form.form-validate label .star {color: #cf3028;}
#sp-component div.profile-edit form.form-validate fieldset .control-group .control-label {width: 20%;padding-right: 20px;}

/* reset form */
#sp-component div.reset form.form-validate p {color: #4b4b4d;}

/* contact us */
.js-contact-us-wrp {background: url('../../../images/joomsky/transparent-1.png') no-repeat, url('../../../images/joomsky/bg.png') no-repeat;background-size: 90% 100%;background-color: #dcdcf6;padding: 50px 0 43px;}
.js-contact-us-wrp #sp-contact-us .sp-module-title {color: #fff;font-size: 24px;font-weight: 600;margin: 0;padding: 0;border-bottom: 0;float: left;margin-top: 23px;}
.js-contact-us-wrp #sp-contact-us .sp-module-content {float: left;width: 45%;margin-left: 50px;}
.js-contact-us-wrp #sp-contact-us .sp-module-content .acymailing_module_form {position: relative;}
.js-contact-us-wrp #sp-contact-us .sp-module-content .acymailing_module_form .acymailing_form {width: 100%;}
.js-contact-us-wrp #sp-contact-us .sp-module-content .acymailing_module_form .acymailing_form tbody tr td.acyfield_email input {width: 100%;height: 65px;padding: 15px 20px;font-weight: 400;border-radius: 35px !important;background: #fff;color: #4b4b4d;border: 1px solid transparent;}
.js-contact-us-wrp #sp-contact-us .sp-module-content .acymailing_module_form .acymailing_form tbody tr td.acysubbuttons input {position: absolute;top: 0;right: 0;height: 65px;border-radius: 35px !important;width: 36%;text-align: center;font-weight: 400;font-size: 16px;border: 2px solid #cf3028;background: #cf3028;color: #fff;-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.js-contact-us-wrp #sp-contact-us .sp-module-content .acymailing_module_form .acymailing_form tbody tr td.acysubbuttons input:hover {background: #fff;color: #cf3028;}

/* custom html //// 
    .js-contact-us-wrp .js-contact-us {float: left;width: 100%;padding: 50px 0;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-left {float: left;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-left .js-contact-us-heading {margin: 0;text-transform: uppercase;font-weight: 600;color: #fff;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-left .js-contact-us-desc {margin-top: 17px;font-weight: 400;color: #fff;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right {float: left;width: 45%;margin-left: 50px;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right form .js-contact-us-field-box {position: relative;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right form .js-contact-us-field-box input {width: 100%;height: 65px;padding: 15px 20px;font-weight: 400;border-radius: 35px !important;background: #fff;color: #4b4b4d;border: 1px solid transparent;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right form .js-contact-us-field-box button {position: absolute;top: 0;right: 0;height: 65px;border-radius: 35px;width: 36%;text-align: center;font-weight: 400;font-size: 16px;border: 2px solid #cf3028;background: #cf3028;color: #fff;-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right form .js-contact-us-field-box button:hover {background: #fff;color: #cf3028;}
 */
/*our polices*/
.site article div.jm-bodyItem h2 {font-size: 30px;color: #4b4b4d;}
.site article div.jm-bodyItem h3 {font-size: 24px;color: #4b4b4d;margin: 0 0 20px;}
.site article div.jm-bodyItem h4 {font-size: 18px;color: #4b4b4d;}
.site article div.jm-bodyItem h4 a {color: #8333fd;}
.site article div.jm-bodyItem p {font-size: 14px;color: #6e7072;line-height: 2;font-weight: 400;margin-bottom: 15px;}
.site article div.jm-bodyItem p a {color: #8333fd;}
.site article div.jm-bodyItem p a:hover {text-decoration: underline;s}
.site article div.jm-bodyItem ol {list-style-type: none;color: #6e7072;font-weight: 400;line-height: 2;}

/*about us*/
.pr-50 {padding-right: 50px;}
.ptb-50 {padding: 50px 0;}
.ptb-80 {padding: 80px 0;}
.pt-80 {padding-top: 80px;}
.pt-100 {padding-top: 100px;}
.pt-50 {padding-top: 50px;}
.pb-40 {padding-bottom: 40px;}
.bg-purple {background: #8333fd;color: #fff;}
.bg-light-purple {background: #f1f1ff;}
.bg-black {background: #2b3134;}
.site #sp-main-body > .container {width: 100%;padding: 0;}
.site #sp-main-body > .container .my-container {width: 1170px;padding: 0 15px;margin: auto;}
.site article div.jm-bodyItem {float: left;width: 100%;}
.site article div.jm-bodyItem .js-about-us-wrp {float: left;width: 100%;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row {float: left;width: 100%;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-cnt {float: left;width: 100%;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-cnt .js-about-section-data {float: left;width: 100%;margin-bottom: 20px;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-cnt .js-about-section-data .js-about-section-heading {margin: 0 0 20px;line-height: initial;text-transform: capitalize;font-weight: 700;color: #467aff;font-size: 36px;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-cnt .js-about-section-data .js-about-section-heading .color {display: inline-block;color: #cf3028;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-cnt .js-about-section-data .js-about-section-desc {line-height: 2;font-weight: 400;color: #96989a;font-size: 17px;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-image {float: left;width: 100%;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row .js-about-section-image img {display: inline-block;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.left-right .js-about-section-cnt {float: left;width: 50%;padding-top: 65px;padding-right: 30px;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.left-right .js-about-section-image {float: left;width: 50%;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.full-w {text-align: center;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.bg-purple .js-about-section-cnt .js-about-section-data .js-about-section-heading,
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.bg-purple .js-about-section-cnt .js-about-section-data .js-about-section-heading .color,
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.bg-purple .js-about-section-cnt .js-about-section-data .js-about-section-desc {color: #fff;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.full-w .js-about-section-cnt .js-about-section-data {margin-bottom: 0;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-3 .js-about-section-cnt .js-about-section-data {float: left;width: calc(100% / 3);text-align: center;margin: 0;} 
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-3 .js-about-section-cnt .js-about-section-data .js-section-data-title {color: #8333fd;font-size: 70px;font-weight: 400;margin: 0 0 20px;} 
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-3 .js-about-section-cnt .js-about-section-data .js-about-section-desc {color: #4b4b4d;font-size: 400;font-size: 24px;} 
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.left-right.reverse .js-about-section-cnt {float: right;padding-right: 0;padding-left: 30px;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.bg-black .js-about-section-cnt .js-about-section-data .js-about-section-heading,
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.bg-black .js-about-section-cnt .js-about-section-data .js-about-section-heading .color,
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.bg-black .js-about-section-cnt .js-about-section-data .js-about-section-desc {color: #fff;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data {float: left;width: calc(50% - 30px);border: 2px solid #e6e7e8;margin: 0 15px 30px;text-align: center;padding: 40px 55px;min-height: 330px;background: #f1f1ff;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data img {display: inline-block;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data .js-section-data-title {font-size: 24px;font-weight: 600;color: #8333fd;margin: 30px 0 20px;}
.site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data .js-about-section-desc {}

/*contact us page*/
#sp-component div.contactDtailsWrap.contact header.entry-header {margin-bottom: 20px;}
#sp-component div.contactDtailsWrap.contact header.entry-header h3.entry-title {margin: 10px 0;font-size: 18px;font-weight: 600;}
#sp-component div.contactDtailsWrap.contact .contact-right {float: right;margin-left: 2.1276595744681%;font-size: 13px;}
#sp-component div.contactDtailsWrap.contact .contact-right div.contact-misc a {color: #467aff;}
#sp-component div.contactDtailsWrap.contact .contact-right div.contact-form form#contact-form div.contactButton button:hover {color: #ffffff;background: #467aff;border: 1px solid #467aff;}
#sp-component div.contactDtailsWrap.contact .contact-left {margin-left: 0;font-size: 13px;}
#sp-component div.contactDtailsWrap.contact .contact-left p.contact-position {color: #467aff;border-bottom: 1px solid #467aff;}
#sp-component div.contactDtailsWrap.contact .contact-left div.contact-address address ,
#sp-component div.contactDtailsWrap.contact .contact-left div.contact-contactinfo div.contact-mobile ,
#sp-component div.contactDtailsWrap.contact .contact-left div.contact-contactinfo div.contact-telephone ,
#sp-component div.contactDtailsWrap.contact .contact-left div.contact-contactinfo div.contact-webpage {padding-left: 70px !important;}
#sp-component div.contactDtailsWrap.contact .contact-left div.contact-contactinfo div.contact-webpage a {color: #467aff;}

/* footer */
#sp-footer {background: url('../../../images/joomsky/transparent-2.png') no-repeat #dcdcf6;background-size: 100%;background-position: center bottom;}
#sp-footer .js-company-info .js-company-logo {float: left;width: 100%;margin-bottom: 10px;}
#sp-footer .js-company-info .js-company-desc {float: left;width: 100%;padding: 15px 0;line-height: 2;font-weight: 400;color: #4b4b4d;}
#sp-footer .js-company-info .js-company-social-links {float: left;width: 100%;margin-top: 10px;}
#sp-footer .js-company-info .js-company-social-links li {border-bottom: 0;display: inline-block;}
#sp-footer .js-company-info .js-company-social-links li a {display: inline-block;height: 33px;width: 33px;line-height: 30px;text-align: center;border-radius: 5px;font-size: 18px;color: #fff;}
#sp-footer .js-company-info .js-company-social-links li a.facebook {background: #3b5999;}
#sp-footer .js-company-info .js-company-social-links li a.twitter {background: #55acee;}
#sp-footer .js-company-info .js-company-social-links li a.instagram {background: #e4405f;}
#sp-footer .js-company-info .js-company-social-links li a.pinterest {background: #cd201f;}
#sp-footer .js-company-info .js-company-social-links li a.youtube {background: #cd201f;}
#sp-footer .sp-module .sp-module-title {text-transform: uppercase;margin: 20px 0 10px;font-size: 26px;color: #cf3028;}
#sp-footer .sp-module .js-useful-links li {border-bottom: 0;}
#sp-footer .sp-module .js-useful-links li a {font-weight: 400;color: #4b4b4d;-webkit-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;}
#sp-footer .sp-module .js-useful-links li a:hover {color: #cf3028;}
#sp-footer .sp-module .js-useful-links li a::before {content: "";display: inline-block;height: 15px;width: 30px;vertical-align: middle;background: url('../../../images/joomsky/arrow-icon-1.png') no-repeat;background-size: 20px;}
#sp-footer .sp-module .js-useful-links li a:hover::before {background: url('../../../images/joomsky/red-arrow.png') no-repeat;background-size: 21px;}

/* copyright */
#sp-copyright {background: #dcdcf6;border-top: 1px solid #e6e7e8;color: #4b4b4d;font-weight: 400;}
#sp-copyright #sp-copyright-right {padding: 9px 0;text-align: right;}


/* js support ticket plugin */
.site.com-jssupportticket.layout-controlpanel #sp-main-body {padding: 70px 0;background: url('../../../images/joomsky/corner-design.png') left no-repeat, url('../../../images/joomsky/corner-design2.png') right no-repeat, url('../../../images/joomsky/corner-design3.png') center left no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: 10%,auto,auto,auto;background-position: 0 5%,right 35%,2% 90%,0 0;}
.site.com-jssupportticket #sp-main-body > .container {width: 1170px;}
.site.com-jssupportticket .js-support-ticket-cont {float: left;width: 100%;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box {float: left;width: calc(100% / 3 - 20px);margin: 10px 20px 10px 0;padding: 30px 55px 50px;min-height: 400px;text-align: center;background: #f6f6f6;border: 1px solid #e6e6e7;-webkit-box-shadow: 0 6px 6px -4px #C5C2C2;box-shadow: 0 6px 6px -4px #C5C2C2;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box:last-child {margin-right: 0;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box img {display: inline-block;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box .js-support-ticket-title {margin: 25px 0 17px;font-size: 20px;color: #8333fd;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box .js-support-ticket-desc {font-weight: 400;color: #848688;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box .js-support-ticket-btn {display: inline-block;width: 100%;padding: 10px;margin-top: 33px;border-radius: 30px;font-weight: 600;color: #fff;background: #4b4b4d;border-bottom: 3px solid #1f1f1f;}
.site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box .js-support-ticket-btn:hover {background: -webkit-gradient(linear, left top, right top, color-stop(13%, rgba(100, 33, 203, 0.9)), to(rgba(44, 41, 221, 0.8)) );background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 13%, rgba(44, 41, 221, 0.8) );-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
.site.com-jssupportticket div#jsst-header span.jsst-header-tab a.js-cp-menu-link img.cp-menu-link-img,
.site.com-jssupportticket div.js-ticket-detail-wrapper div.js-ticket-action-btn-wrp div.js-ticket-btn-box a.js-button img,
.site.com-jssupportticket div.js-ticket-attachments-wrp div.js_ticketattachment a.js-download-button img.js-ticket-download-img,
.site.com-jssupportticket div.js-ticket-attachments-wrp a.js-all-download-button img.js-ticket-all-download-img,
.site.com-jssupportticket div.js-ticket-error-message-wrapper div.js-ticket-message-image-wrapper img {display: inline-block;}
.site.com-jssupportticket div#jl_pagination div#jl_pagination_box {padding: 7px 0;}
.site.com-jssupportticket div#jl_pagination div#jl_pagination_box select {display: inline-block;}

/* js support ticket color */
.site.com-jssupportticket div#jsst-header,
.site.com-jssupportticket div.js-filter-button-wrp .js-ticket-search-btn,
.site.com-jssupportticket div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a.selected,
.site.com-jssupportticket div#js-tk-sort-wrapper ul#js-tk-sort-manu li.js-tk-sort-manulink a:hover,
.site.com-jssupportticket span#js-attachment-add,
.site.com-jssupportticket div.js-form-submit-btn-wrp input.js-save-button,
.site.com-jssupportticket div.js-ticket-reply-form-button-wrp input.js-ticket-save-button,
.site.com-jssupportticket div.js-ticket-attachments-wrp div.js_ticketattachment a.js-download-button,
.site.com-jssupportticket div.js-ticket-attachments-wrp a.js-all-download-button,
.site.com-jssupportticket span.js-ticket-user-login-btn-wrp a.js-ticket-login-btn {background: #467aff;}
.site.com-jssupportticket div.js-form-submit-btn-wrp,
.site.com-jssupportticket div.js-ticket-reply-form-button-wrp {border-top-color: #467aff;}
.site.com-jssupportticket div.js-ticket-detail-wrapper div.js-ticket-action-btn-wrp div.js-ticket-btn-box a.js-button,
.site.com-jssupportticket div.js-ticket-detail-right div.js-ticket-row div.js-ticket-field-value span.js-ticket-subject-link,
.site.com-jssupportticket div#js-tk-wrapper div.js-middle span.js-tk-value a {color: #467aff;}

/* cookies */
.cadre_alert_cookies .cadre_inner_alert_cookies {background: rgba(0, 0, 0, 0.9) !important;color: #ccc !important;padding: 20px 20px 20px 35px !important;}
.cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies {padding: 0 !important;}
.cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_texte {float: left;width: 85%;text-align: left;}
.cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_texte p {margin: 0;}
.cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton {float: left;width: 15%;}
.cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton .btn {padding: 8px 13px !important;color: #000 !important;}

/* responsive */ 
@media (max-width: 782px){
    /* top menu */
    .sticky-wrapper #sp-header #offcanvas-toggler.visible-xs {display: block !important;}
    .sticky-wrapper #sp-header .sp-megamenu-parent.hidden-xs {display: none;}
    .offcanvas-menu .offcanvas-inner .sp-module ul > li.deeper.parent > a {font-weight: 700;}
    .offcanvas .offcanvas-menu ul.nav-child li span.menu-header {font-weight: 600;color: #4b4b4d;padding: 10px 15px;display: inline-block;border-bottom: 1px solid #e6e7e8;width: 100%;}
    .sticky-wrapper #sp-header .row {padding: 0 15px;}
    .sticky-wrapper #sp-header.js-full-width-menu .logo {padding-left: 0;}
    .sticky-wrapper #sp-header div#sp-menu div.sp-megamenu-wrapper a#offcanvas-toggler i {color: #fff;}
    .sticky-wrapper #sp-header div#sp-menu div.sp-megamenu-wrapper a#offcanvas-toggler i:hover {color: #467aff;}
    .sticky-wrapper.is-sticky #sp-header div#sp-menu div.sp-megamenu-wrapper a#offcanvas-toggler i:hover {color: #fff;}
    .offcanvas-menu .close-offcanvas {line-height: 17px;color: #467aff;border-color: #467aff;}
    .offcanvas-menu .close-offcanvas:hover {color: #fff;background: #467aff;}
    .offcanvas-menu .offcanvas-inner .sp-module._menu .sp-module-title {color: #4b4d4d;border-color: #4b4b4d;}
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a {color: #4b4d4d;font-weight: 400;}
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {color: #467aff;background: #f6f6f6;}

    /* top section */
    .js-section .js-section-top .js-section-cnt {width: 80%;margin: 70px auto;}

    /* 4 featured boxes */
    .js-featured-boxes-wrap .js-featured-box {width: calc(100% / 2 - 10px);}
    .js-product-info-features.js-ticket .js-product-heading, 
    .js-product-info-features.js-learn-manager-system .js-product-heading, 
    .js-product-info-features.js-ticket .js-product-info-features-wrap .js-product-info-features-row, 
    .js-product-info-features.js-learn-manager-system .js-product-info-features-wrap .js-product-info-features-row {float: left;}

    /* product info and features */
    .js-product-info-features .js-section-top .js-section-text {width: 100%;}
    .js-product-info-features.js-ticket .js-section-top .js-section-image,
    .js-product-info-features.js-learn-manager-system .js-section-top .js-section-image,
    .js-product-info-features .js-section-top .js-section-image,
    .js-product-info-features .js-section-top .js-section-text .js-section-cnt {text-align: center;}
    .js-product-info-features .js-section-top .js-section-image {width: 100%;}
    .js-product-info-features.js-jobs .js-product-info-features-wrap,
    .js-product-info-features.js-ticket .js-product-info-features-wrap, 
    .js-product-info-features.js-autoz .js-product-info-features-wrap,
    .js-product-info-features.js-learn-manager-system .js-product-info-features-wrap {background: url('../../../images/joomsky/image-bg.jpg') top repeat;}
    .js-product-info-features-wrap .js-product-heading,
    .js-product-info-features-wrap .js-product-info-features-row {width: 100%;}
    .site.view-registration #sp-main-body > .container {width: 100%;} 

    /* our templates */
    .js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-left {width: 38%;}
    .js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right {width: 62%;}

    /* support ticket page */  
    .site.com-jssupportticket #sp-main-body > .container {width: 100%;padding: 0 15px;} 
    .site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box {padding: 30px 10px 50px;}
    
    /* contact us */
    .js-contact-us-wrp .js-contact-us .js-contact-us-right {width: 53%;}
    .js-contact-us-wrp #sp-contact-us .sp-module-title {margin-top: 20px;}
    .js-contact-us-wrp #sp-contact-us .sp-module-content {width: 52%;}

    /* footer */
    #sp-footer-1 {float: left;width: 100%;margin-bottom: 30px;}
    #sp-footer-2, 
    #sp-footer-3 {float: left;width: 50%;}
    
    /* login */
    .site.com-users.view-login #sp-main-body .col-sm-4.col-sm-offset-4 {margin-left: 25%;width: 58%;}
    .site.com-users.view-profile #sp-main-body > .container {width: 100%;}
    
    /* about us */
    .site #sp-main-body > .container .my-container {width: 100%;padding: 0 15px;}
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.left-right .js-about-section-cnt {width: 100%;padding: 0;}
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.left-right .js-about-section-image {width: 100%;text-align: center;}
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data {min-height: 629px;}
    
}
@media only screen and (min-width: 401px) and (max-width: 600px) {
    /* top menu */
    section#sp-top-header {margin-top: -90px;}
    #sp-header-sticky-wrapper {position: relative;}
    #sp-header-sticky-wrapper.is-sticky {position: absolute;}
    .sticky-wrapper #sp-header.js-full-width-menu {height: 90px;}
    .sticky-wrapper #sp-header.js-full-width-menu .logo {height: 90px;}
    .sticky-wrapper #sp-header .row {padding: 0 15px;}
    .sticky-wrapper #sp-header.js-full-width-menu .logo {padding-left: 0;}

    /* top section */
    .js-section .js-section-top .js-section-cnt {width: 100%;margin: 70px auto;}

    /* featured boxes */
    .js-featured-boxes-wrap .js-featured-box {width: 100%;margin-right: 0;}
    
    /* product info and features */
    .js-product-info-features .js-section-top .js-section-text {width: 100%;}
    .js-product-info-features.js-ticket .js-section-top .js-section-image,
    .js-product-info-features.js-learn-manager-system .js-section-top .js-section-image,
    .js-product-info-features .js-section-top .js-section-image,
    .js-product-info-features .js-section-top .js-section-text .js-section-cnt {text-align: center;}
    .js-product-info-features .js-section-top .js-section-image {width: 100%;}
    .js-product-info-features.js-jobs .js-product-info-features-wrap,
    .js-product-info-features.js-ticket .js-product-info-features-wrap, 
    .js-product-info-features.js-autoz .js-product-info-features-wrap,
    .js-product-info-features.js-learn-manager-system .js-product-info-features-wrap {background: url('../../../images/joomsky/image-bg.jpg') top repeat;}
    .js-product-info-features-wrap .js-product-info-features-row {width: 100%;}

    /* our templates */
    .js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-left {width: 42%;}
    .js-our-plugins-wrap .js-our-plugins-item .js-our-plugins-item-right {width: 58%;}
    .js-our-templates-wrap .js-our-templates-item .js-our-templates-item-image img {display: block !important;margin: auto;}
    .js-our-templates-wrap .js-our-templates-item .js-our-templates-item-image::after {display: block;margin-bottom: 40px;}
    .js-our-templates-wrap.owl-carousel .owl-stage-outer {padding: 0 0 50px;}
    
    /* contact us */
    .js-contact-us-wrp .js-contact-us .js-contact-us-left {width: 100%;margin: 0 0 25px;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right {width: 90%;margin: 0;}
    .js-contact-us-wrp #sp-contact-us .sp-module-title {margin: 5px 0 30px;}
    .js-contact-us-wrp #sp-contact-us .sp-module-content {width: 80%;margin: 0;}
    
    /* support ticket page */  
    .site.com-jssupportticket #sp-main-body > .container {width: 100%;padding: 0 15px;} 
    .site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box {width: calc(100% / 2 - 20px);}

    /* footer */
    #sp-footer-2 {margin-bottom: 10px;} 
    #sp-footer-2, 
    #sp-footer-3 {width: 100%;}
    #sp-copyright #sp-copyright {padding: 0 15px;}
    #sp-copyright #sp-copyright-right p {padding: 0 15px;float: left !important;}
    
    /* login */
    .site.com-users.view-login #sp-main-body .col-sm-4.col-sm-offset-4 {margin-left: 20%;width: 65%;}
    
    /* cookies */
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_texte {float: left;width: 100%;text-align: left;padding-bottom: 25px;}
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton {float: left !important;width: 100%;}
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton .btn_close {text-align: left !important;padding: 0 !important;}
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton .btn_close button {margin: 0 !important;}

    /* about us */
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data {min-height: auto;width: 100%;margin: 0 0 30px;}

}
@media only screen and (max-width: 400px) {
    /* top menu */
    section#sp-top-header {margin-top: -90px;}
    #sp-header-sticky-wrapper {position: relative;}
    #sp-header-sticky-wrapper.is-sticky {position: absolute;}
    .sticky-wrapper #sp-header.js-full-width-menu {height: 90px;}
    .sticky-wrapper #sp-header.js-full-width-menu .logo {height: 90px;}
    .sticky-wrapper #sp-header .row {padding: 0 15px;}
    .sticky-wrapper #sp-header #offcanvas-toggler.visible-xs {line-height: 87px;}
    .sticky-wrapper #sp-header.js-full-width-menu .logo {padding-left: 0;}
    .offcanvas-menu .offcanvas-inner .sp-module ul > li.deeper.parent > a {font-weight: 700;}
    .offcanvas .offcanvas-menu ul.nav-child li span.menu-header {font-weight: 600;color: #4b4b4d;padding: 10px 15px;display: inline-block;border-bottom: 1px solid #e6e7e8;width: 100%;}

    /* top section */
    .js-section .js-section-top .js-section-cnt {width: 100%;margin: 70px auto;}

    /* featured boxes */
    .js-featured-boxes-wrap .js-featured-box {width: 100%;margin-right: 0;}
    
    /* product info and features */
    .js-product-info-features .js-section-top .js-section-text {width: 100%;}
    .js-product-info-features.js-ticket .js-section-top .js-section-image,
    .js-product-info-features.js-learn-manager-system .js-section-top .js-section-image,
    .js-product-info-features .js-section-top .js-section-image,
    .js-product-info-features .js-section-top .js-section-text .js-section-cnt {text-align: center;}
    .js-product-info-features .js-section-top .js-section-image {width: 100%;}
    .js-product-info-features.js-jobs .js-product-info-features-wrap,
    .js-product-info-features.js-ticket .js-product-info-features-wrap, 
    .js-product-info-features.js-autoz .js-product-info-features-wrap,
    .js-product-info-features.js-learn-manager-system .js-product-info-features-wrap {background: url('../../../images/joomsky/image-bg.jpg') top repeat;}
    .js-product-info-features-wrap .js-product-info-features-row {width: 100%;}

    /* our templates */
    .js-our-templates-wrap .js-our-templates-item .js-our-templates-item-image::after {display: block;margin-bottom: 40px;}
    .js-our-templates-wrap.owl-carousel .owl-stage-outer {padding: 0 0 50px;}
    
    /* contact us */
    .js-contact-us-wrp .js-contact-us .js-contact-us-left {width: 100%;margin: 0 0 25px;}
    .js-contact-us-wrp .js-contact-us .js-contact-us-right {width: 100%;margin: 0;}
    .js-contact-us-wrp #sp-contact-us .sp-module-title {margin: 5px 0 30px;}
    .js-contact-us-wrp #sp-contact-us .sp-module-content {width: 86%;margin: 0;}

    /* support ticket page */  
    .site.com-jssupportticket #sp-main-body > .container {width: 100%;padding: 0 15px;} 
    .site.com-jssupportticket .js-support-ticket-cont .js-support-ticket-box {width: 100%;margin-right: 0;}

    /* footer */
    #sp-footer-2 {margin-bottom: 10px;} 
    #sp-footer-2, 
    #sp-footer-3 {width: 100%;}
    #sp-copyright #sp-copyright {padding: 0 15px;}
    #sp-copyright #sp-copyright-right p {padding: 0 15px;float: left !important;}

    /* login */
    .site.com-users.view-login #sp-main-body .col-sm-4.col-sm-offset-4 {margin-left: 8%;width: 86%;}
    .site.com-users.view-profile #sp-main-body > .container,
    .site.com-users.view-registration #sp-main-body > .container,
    .site.com-users.view-remind #sp-main-body > .container,
    .site.com-users.view-reset #sp-main-body > .container {width: 100%;padding: 0 15px;}
    #sp-component form#member-profile .control-label {width: 100%;text-align: left;}
    #sp-component form#member-profile fieldset .controls {margin: 0;}
    #sp-component form#member-profile .controls input,
    #sp-component form#member-profile .controls select {width: 100%;}


    /* cookies */
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_texte {float: left;width: 100%;text-align: left;padding-bottom: 25px;}
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton {float: left !important;width: 100%;}
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton .btn_close {text-align: left !important;padding: 0 !important;}
    .cadre_alert_cookies .cadre_inner_alert_cookies .cadre_inner_texte_alert_cookies .cadre_bouton .btn_close button {margin: 0 !important;}

    /* about us */
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-3 .js-about-section-cnt .js-about-section-data {width: 100%;margin-bottom: 20px;}
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-3 .js-about-section-cnt .js-about-section-data:last-child {margin-bottom: 0px;}
    .site article div.jm-bodyItem .js-about-us-wrp .js-about-section-row.boxes-2 .js-about-section-cnt .js-about-section-data {min-height: auto;width: 100%;margin: 0 0 30px;padding: 25px;}

}



/*customization page*/
.com-jsproductlisting.layout-customization section#sp-top-header {background: url('../../../images/joomsky/banner/login.jpg') no-repeat center center / cover;}
.com-jsproductlisting.layout-customization #sp-main-body {background: url('../../../images/joomsky/corner-design.png') left no-repeat, url('../../../images/joomsky/corner-design2.png') right no-repeat, url('../../../images/joomsky/corner-design3.png') center left no-repeat, url('../../../images/joomsky/image-bg.jpg') top repeat;background-size: 10%,auto,auto,auto;background-position: 0 12%,right 25%,10% 88%,0 0;}
div.js-customization-wrap {width: 40%;margin: 65px auto;background: #e6e7fe;border: 2px solid #e6e7e8;-webkit-transition: .25s border cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s border cubic-bezier(0, 0, 0, 0.2);transition: .25s border cubic-bezier(0, 0, 0, 0.2);}
div.js-customization-wrap div.js-customization-data-wrap {text-align: center;padding: 30px 25px;}
div.js-customization-wrap div.js-customization-data-wrap form div.js-customization-data-txt {text-transform: capitalize;font-weight: 400;color: #4b4b4d;}
div.js-customization-wrap div.js-customization-data-wrap form input.js-customization-field {display: inline-block;text-align: center;width: 100%;height: 50px;margin: 13px 0;font-weight: 400;color: #b3b3b3;border: 1px solid #e6e7e8;border-radius: unset;}
div.js-customization-wrap div.js-customization-data-wrap form .js-customization-btn {width: 100%;padding: 13px !important;color: #fff;border-radius: unset;border: 2px solid #0143ab;font-size: 16px;font-weight: 600;background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(100, 33, 203, 0.9)), to(rgba(44, 41, 221, 0.8)) );background: -webkit-linear-gradient(left, rgba(100, 33, 203, 0.9) 10%, rgba(44, 41, 221, 0.8) );background: -o-linear-gradient(left, rgba(100, 33, 203, 0.9) 10%, rgba(44, 41, 221, 0.8) );background: linear-gradient(90deg, rgba(100, 33, 203, 0.9) 10%, rgba(44, 41, 221, 0.8) );-webkit-transition: .25s background cubic-bezier(0, 0, 0, 0.2);-o-transition: .25s background cubic-bezier(0, 0, 0, 0.2);transition: .25s background cubic-bezier(0, 0, 0, 0.2);}
div.js-customization-wrap div.js-customization-data-wrap form .js-customization-btn:hover {background: #fff;color: #0143ab;}

@media (max-width: 782px){ 
    /* customization */
    div.js-customization-wrap {width: 60%;}    
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
    /* customization */
    div.js-customization-wrap {width: 75%;}    
}

@media (max-width: 782px){ 
    /* customization */
    div.js-customization-wrap {width: 100%;}    
}