html,
body,
body>form {
    height: 100%;
}

table {
    border-collapse: collapse;
}

.resetList>ul,
ol.reset,
ul.reset {
    list-style: none;
}

a>img {
    display: block;
}

html,
body,
form,
h1,
h2,
h3,
h4,
h5,
h6,
.reset,
.resetList>ul {
    border: 0;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 2.0em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1.0em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1em;
    font-weight: normal;
}

img {
    border: 0;
}

html {
    *overflow: auto;
}

input[type=text],
input[type=password] {
    outline: none;
}

input[type=text],
textarea,
input[type=submit],
input[type=button] {
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

address {
    font-style: normal;
}

.wpEditorContent p {
    margin: 0;
    padding: 0;
}

*:focus,
a:focus {
    outline: 0;
}

img {
    -ms-interpolation-mode: bicubic;
}

::-ms-clear {
    display: none;
}

html,
body {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

* {
    margin: 0;
    padding: 0;
}

.abs {
    position: absolute;
}

.auto {
    overflow: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.none {
    display: none !important;
}

.clearAfter:after,
.clear {
    content: "";
    clear: both;
    height: 0;
    display: block;
}

.full {
    width: 100%;
    height: 100%;
}

.fullH {
    height: 100%;
}

.fullW {
    width: 100%;
}

.halfW {
    width: 50%;
}

.oHidden {
    overflow: hidden !important;
}

.noUserSelect,
.noUserSelect *:not(input) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.userSelect,
.userSelect * {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.pointer {
    cursor: pointer;
}

.borderIns {
    border: 1px solid black;
}

.pointer {
    cursor: pointer;
}

.noPadding {
    padding: 0;
}

.noBorder {
    border: 0 !important;
}

.noMargin {
    margin: 0;
}

.center {
    text-align: center !important;
}

.rdfd_ {
    display: none;
}

.txtLeft {
    text-align: left;
}

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}

.highlight {
    color: #29ee5d;
}

.invisibleScroll,
.borderBox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.block {
    display: block;
}

#dp_swf_engine {
    display: none !important;
}

.marginLRAuto {
    margin-left: auto;
    margin-right: auto;
}

#at20mc {
    display: none;
}

.noDecoration {
    text-decoration: none;
}

.scale0 {
    transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
    -moz-transform: scale(0) !important;
    -o-transform: scale(0) !important;
}

.noScale {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

.noContent {
    content: "";
}

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

input.radius3px,
.radius3px {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.radius3pxLeft {
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.radius3pxRight {
    -webkit-border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

input.radius5px,
.radius5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.radius5pxLeft {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.radius5pxRight {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.radius7px {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.radius10px {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.radius15px {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.radiusFull {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
}

.opacity30 {
    opacity: 0.3;
}

.rotate45Deg {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate90Deg {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180Deg {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270Deg {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.opacity0 {
    opacity: 0;
}

.opacity100 {
    opacity: 100;
}

.fullAbs {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bgCover {
    background-size: cover;
}

.bgCenter {
    background-position: center center;
}

.hAuto {
    height: auto !important;
}

.noOverflow {}

.invisible {
    visibility: hidden;
}

.hardInvisible,
.hardInvisible * {
    visibility: hidden !important;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.css3Anim,
.btn,
.infoPopup:before,
#overlay,
#submenu,
#submenu .item .nav a,
#submenu .item .nav a .icn,
.accountNav a .icn,
#submenuMobile,
#topCart,
header#top a,
header#top li.more span,
header#top .cart .cQty,
header#top .cart .icn,
#topCart .tcTtlWrp .currWrp a,
.closeBtn,
.cartWrp .item,
.cartWrp .item .del>a,
header#top .nav li a:after,
header#top .rBlock a:after,
.chartItem .img .hoverBlock,
.shopItem .img .hoverBlock,
#playerWrp .imgTtlWrp .img .hoverBlock,
.itemActions a,
.ttlBlock .viewAll,
.chartItem .img img,
.shopItem .img img,
.nwsItm .img .hoverBlock,
.nwsItm .img .hoverBlock .pauseOrPlay,
.shopItem .img .hoverBlock .play,
.chartItem .img .hoverBlock .play,
#playerWrp .imgTtlWrp .img .hoverBlock .play,
.selectMask,
#playerWrp,
.cssLoader,
#playerWrp .playerActions .buy,
#submenu .item .linksWrp .links a,
.paging>*:after,
#mobSearch,
.chartItem .mobOnly,
#playerWrp #playlist,
#mobSearch .searchWrp .close>*,
header#top .gutter.mobile>a.menu i,
header#top .gutter.mobile>a.menu i span,
#playerWrp .playerActions .fullH.mobOnly i,
#playerWrp #playlist .chartItem,
#playerWrp #mobBtns .buy,
#playerWrp .dummyBg,
#playerWrp .playerActions .fullH.mobOnly,
.infoPopup,
#actionPopup,
.customCheckbox,
.customCheckbox i,
#acSIPopup.infoPopup .loginType a,
.iconWrp,
.following,
.following .icn,
.following:after,
.popoutMore,
.popoutMore .popoutMoreCnt,
.savedOrNot,
.savedOrNot *,
.ttlBlock .lrWrp a,
.srcTabs .tabs a,
.srcTabs .tabs a span,
.srcTabs .tabs a:after,
.topChartItem .buyBtn,
.topChartItem .tciActions:not(.popWrp) i,
.account .accountNav ul li a,
.pg .accountNav ul li a,
.account .accTtlWrp .clean,
.invoiceItem .btns>*,
.fldWrp *,
.btn.canSave .icn,
.followingTags i,
.pg.lniPg .pressBox .dl,
.checkout .accTtlWrp .saveCart,
.cartItem .deleteWrp .delete,
.checkout.cartPg .continueShopping,
.checkout.cartPg .continueShopping i,
.topChartItem,
.reportItem,
.invoiceItem,
.cartItem,
.shopItem.generic .img .hoverBlock .tutorialActions.wishlist,
.customRadioButton,
.customRadioButton:before,
.checkout.paymentPg .paymentTypeWrp>a,
.cartItem.download .download,
.checkout.paymentPg .personalInfo .connect,
.loggedInLinks *,
.reportPg .addNewProduct,
.topChartItem.orders .dlBtn,
.iconWrp.wishlist i,
.itemActions .wishlist i,
.tutorialActions.save,
.tutorialActions.save i,
.adminData,
.owl-controls .owl-dots>div {
    transition: all .3s ease !important;
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
}

.enrolled,
.waitForReveal {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.expandClickArea:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    margin-left: -100%;
    margin-top: -100%;
}

.expandClickArea.double:after {
    top: 100%;
    left: 100%;
    width: 400%;
    height: 400%;
    margin-left: -200%;
    margin-top: -200%;
}

.absoluteCenterInner>* {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

.verticalCenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#main::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

#main::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
}

.customScrollbar {
    overflow: auto;
    overflow-x: hidden;
}

.customScrollbar::-webkit-scrollbar {
    width: 10px;
}

.customScrollbar::-webkit-scrollbar-track {
    background: #000;
}

.customScrollbar::-webkit-scrollbar-thumb {
    background: #d4d4d9;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#mainWrp {
    min-height: 100%;
    width: 100%;
    position: relative;
}

#main {
    padding-bottom: 700px;
    width: 100%;
}

footer#bottom {
    position: relative;
    height: 700px;
    clear: both;
    overflow: hidden;
    margin-top: -700px;
    width: 100%;
    z-index: 2;
}

body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

html {
    background-color: #0a0a0a;

}

.gutter {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
    height: inherit;
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
}

#main:before {
    content: "";
    display: block;
    height: 80px;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}

.signika {
    font-family: 'Signika', sans-serif;
}

.mobOnlyHeader {
    display: none;
}

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

.rf-recommendations,
.darkBg {
    background-color: #0f0f0f !important;
}

.revealAfterSubCheck,
.waitForReveal,
.waitForReveal>*,
.dynCurrPrice {
    visibility: hidden;
}

.waitForReveal .dynCurrPrice {
    visibility: hidden !important;
}

.waitForReveal.addToCart,
.waitForReveal.wishlist {
    visibility: visible;
}

#yith-wcwl-popup-message,
.wishlistHelper {
    display: none !important;
}

header#top .rBlock a.vndrLnk {
    display: none;
}

header#top .rBlock a.subLnk {
    display: none;
}

.add_to_cart_button {
    display: none;
}

.jp-card,
.jp-card .jp-card-front,
.jp-card .jp-card-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
}

body>#userData {
    display: none;
}

*[name=google_conversion_frame] {
    display: none;
}

.playerShown #intercom-container {
    z-index: 9 !important;
}

.playerShown #intercom-container .intercom-launcher-frame {
    bottom: 90px !important;
}

.playerShown #intercom-container .intercom-borderless-frame,
.playerShown #intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame,
.playerShown #intercom-container .intercom-borderless-frame,
.playerShown #intercom-container .intercom-app-launcher-enabled .intercom-borderless-frame {
    bottom: 165px !important;
}

.chartWrp .ajax_add_to_cart {
    display: none;
}

.lity {
    z-index: 999999 !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.nonUSCurrency {
    color: #979797;
    font-family: 'Signika', sans-serif;
    font-size: 14px;
    letter-spacing: 0.9px;
    font-weight: 300;
    text-align: right;
    display: none;
}

.showNonUSCurrencySegments .nonUSCurrency {
    display: block;
}

.showNonUSCurrencySegments .checkout.cartPg .nonUSCurrency {
    position: relative;
    top: -7px;
    line-height: 20px;
}

.showNonUSCurrencySegments .checkout.cartPg #sidebar .cartTotal .total {
    height: 190px;
}

.subscriptionDisclamer {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 28px;
}

.subscriptionDisclamer a {
    color: #fff;
    text-decoration: underline;
}

.subscriptionDisclamer a:hover {
    text-decoration: none;
}

.subscriptionFeatures {
    padding: 75px 0 244px;
    text-align: center;
}

.subscriptionFeatures .sFeat {
    width: 120px;
    height: 120px;
    box-shadow: 0px 0px 20px 0px rgba(1, 75, 255, 1);
    position: relative;
    display: inline-block;
    margin: 0 5.5%;
    position: relative;
}

.subscriptionFeatures .sFeat.h img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.subscriptionFeatures .sFeat img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 35px;
    left: 35px;
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-duration: 0.5s;
}

.subscriptionFeatures .sFeat .cnt {
    position: absolute;
    top: 160px;
    left: -50%;
    width: 200%;
}

.subscriptionFeatures .sFeat .cnt .fTtl {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 20px;
}

.subscriptionFeatures .sFeat .cnt .fDesc {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 16px;
    margin-top: 11px;
}

.subscriptionFeatures .clear {
    display: none;
}

ol.nested {
    counter-reset: item;
    display: inline;
}

ol.nested li {
    display: block;
    margin: 20px 0;
}

ol.nested li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    margin-right: 15px;
}

ol.nested ol li {
    padding-left: 20px;
    margin: 5px 0;
}

.upsellDiscount {
    background-color: #0121ff !important;
    color: #fff;
    padding: 11px !important;
    width: 100%;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    display: none;
}

.upsellDiscount.show {
    display: block;
}

#topCart .upsellDiscount {
    margin-top: 29px;
}

.gutter>.upsellDiscount {
    margin-top: -57px;
}

.upsellDiscount a {
    text-decoration: underline;
}

.upsellDiscount a:hover {
    text-decoration: none;
}

.bannerShadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.99) 1%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.99) 1%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.99) 1%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc000000', endColorstr='#1a000000', GradientType=1);
    z-index: 1;
}

.hero .heroBanner {
    position: absolute;
    margin-left: 7%;
}

.hero img {
    max-width: 100%;
}

.adminData {
    position: fixed;
    top: 0;
    left: -60px;
    width: 60px;
    height: auto;
    min-height: 30px;
    background: #000;
    z-index: 9999999;
    text-align: center;
    line-height: 16px;
    border: 1px solid #014bff;
    padding: 5px 0;
    display: none;
}

.admin-logged-in .adminData {
    display: block;
}

.adminData * {
    color: #fff;
    font-family: 'Signika', sans-serif;
}

.adminData.expanded {
    left: 0;
}

.adminData .expand {
    position: absolute;
    top: -1px;
    right: -30px;
    width: 30px;
    height: 30px;
    background: #000;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    border: 1px solid #014bff;
    border-left: 0;
}

.topSeparator.addedPadding {
    margin-top: 58px !important;
    padding-top: 42px !important;
}

.topSeparator:before {
    content: "";
    width: 94%;
    left: 0;
    top: -34px;
    height: 1px;
    position: absolute;
    background-color: #333;
    display: block;
    margin-left: 3%;
}

#actionPopup {
    width: 160px;
    height: 160px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -80px;
    opacity: 0;
    z-index: -1;
    transform: scale(0);
}

#actionPopup.show {
    animation: bounce .75s;
    z-index: 999999999;
    opacity: 1;
    transform: scale(1);
}

#actionPopup.green .main .lbl,
#actionPopup.green .outer2,
#actionPopup.green .outer1,
#actionPopup.green .main {
    background-color: #20bf00;
}

#actionPopup.blue .main .lbl,
#actionPopup.blue .outer2,
#actionPopup.blue .outer1,
#actionPopup.blue .main {
    background-color: #004cff;
}

#actionPopup.red .main .lbl,
#actionPopup.red .outer2,
#actionPopup.red .outer1,
#actionPopup.red .main {
    background-color: #ff0101;
}

#actionPopup .outer2,
#actionPopup .outer1,
#actionPopup .main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#actionPopup:not(.showText) .main span,
#actionPopup:not(.showText) .main br {
    display: none !important;
}

#actionPopup .outer2 {
    z-index: 1;
    opacity: .25;
}

#actionPopup .outer1 {
    z-index: 2;
    opacity: .5;
}

#actionPopup .main {
    z-index: 3;
    opacity: 1;
}

#actionPopup .outer1 {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

#actionPopup .main {
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    text-align: center;
}

#actionPopup .main>* {
    display: inline-block;
    color: #fff;
}

#actionPopup .main i {
    position: absolute;
    top: 65%;
    left: 65%;
    margin: -20px 0 0 -20px;
}

#actionPopup .main .lbl {
    font-family: 'Raleway', sans-serif;
    font-size: 80%;
    margin-top: 60%;
    padding: 5px;
    width: 200%;
    margin-left: -50%;
    line-height: 18px;
}

#actionPopup.tutSaved .main i {
    margin-left: -19px;
}

#actionPopup .outer2,
#actionPopup .outer1 {
    transform: scale(0);
}

#actionPopup.hide {
    animation: hide .75s;
    transform: scale(0);
}

@keyframes bounce {
    0% {
        transform: scale(0.75);
    }

    50% {
        transform: scale(1.02);
    }

    75% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bounceInner {
    0% {
        transform: scale(0.75);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.75);
    }
}

@keyframes hide {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    25% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(0.75);
        opacity: 0;
    }
}

.userNotice {
    position: fixed;
    top: 90px;
    right: 20px;
    background-color: #0fbd00;
    width: 440px;
    min-height: 71px;
    box-sizing: border-box;
    padding: 16px 20px 14px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #fff;
    z-index: -99;
    opacity: 0;
    line-height: 19px;
    display: block;
}

.userNotice.show {
    z-index: 999999;
    opacity: 1;
}

.userNotice strong {
    font-weight: 600;
}

.userNotice .notWrp {
    width: 75%;
    overflow: hidden;
    position: relative;
}

.userNotice .btnWrp {
    width: 24%;
    font-size: 40px;
    position: relative;
}

.userNotice .btnWrp span {
    display: block;
    border: 2px solid #fff;
    border-radius: 3px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
}

.userNotice .btnWrp span:hover {
    background-color: #fff;
    color: #0fbd00;
}

.userNotice.noLink {
    cursor: default;
}

.userNotice.noLink .notWrp {
    width: 100%;
}

.userNotice.noLink .btnWrp {
    display: none;
}

.breadcrumbs {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    letter-spacing: 0.8px;
}

.breadcrumbs .bc {
    color: #979797;
    text-decoration: none;
}

.breadcrumbs .sep {
    color: #014bff;
    margin: 0 4px;
}

footer#bottom .bottom .botWrp .linksWrp .links a,
a.hero .hbTtl span,
a.slider .hbTtl span,
.cartItem .metaWrp a,
a.animHover {
    text-decoration: none;
    color: inherit;
    background-image: linear-gradient(180deg, transparent 88%, #002bff 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    transition: background-size .4s ease;
}

a.animHover.alwaysHover,
.cartItem .metaWrp a:hover,
footer#bottom .bottom .botWrp .linksWrp .links a:hover,
a.hero:hover .hbTtl span,
a.slider:hover .hbTtl span,
a.animHover:hover {
    text-decoration: underline;
    background-size: 100% 100%;
    cursor: pointer;
    text-decoration: none;
}

.infoPopup,
.infoPopup:before,
#overlay {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; 
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: -1;
}

.infoPopup.show:before,
.navigationInProgress #overlay,
#overlay.show {
    opacity: 1;
    z-index: 999;
}

#overlay .cssLoader {
    position: fixed;
    top: 50%;
    margin-top: -23px;
    opacity: 0;
}

.navigationInProgress #overlay .cssLoader {
    opacity: 1;
}

header#top {
    background-color: #000000;
    height: 81px;
    line-height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}

.admin-bar header#top {
    top: 32px;
}

header#top .gutter {
    padding-right: 0;
}

header#top .gutter.mobile {
    display: none !important;
}

.navigationInProgress header#top {
    z-index: 8;
}

header#top .lBlock {
    width: 601px;
    height: inherit;
    z-index: 2;
    position: relative;
}

header#top .logo {
    width: 115px;
    height: 27px;
    color: #fff;
    font-size: 29px;
}

header#top .nav {
    list-style-type: none;
    margin-left: 27px;
    height: inherit;
}

header#top .nav li {
    float: left;
    letter-spacing: -0.5px;
    height: inherit;
}

header#top .nav li a {
    color: #fff;
    font-family: 'Signika', sans-serif;
    height: inherit;
    display: block;
    margin: 0 7px;
    padding: 0 7px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
}

header#top .nav li a:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #014bff;
    display: block;
    opacity: 0;
}

header#top .nav li.more a {
    padding-left: 14px;
}

header#top .nav li.more a span {
    border: 2px solid #fff;
    width: 5px;
    height: 5px;
    display: block;
    float: left;
    margin: 0 1px;
}

header#top .nav li.more a:hover span {
    border-color: #004afd;
}

header#top .nav li.active a:after {
    opacity: 1;
}

header#top .nav li a:hover:after {
    opacity: 1;
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

#mobSearch .searchWrp,
header#top .searchWrp {
    height: inherit;
    display: block;
    padding: 0 400px 0 541px;
    position: absolute;
    top: 0;
    left: 40px;
    width: 100%;
    z-index: 1;
}

#mobSearch .searchWrp {
    padding: 0;
}

#mobSearch .searchWrp .src,
header#top .searchWrp .src {
    color: #fff;
    background: #111;
    height: inherit;
    border: 0;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    padding-left: 4%;
    width: 100%;
}

#mobSearch .searchWrp .src {
    font-size: 14px;
}

#mobSearch .searchWrp .src {
    padding-left: 13%;
}

.tutSearchWrp input::-webkit-input-placeholder,
#mobSearch .searchWrp .src::-webkit-input-placeholder,
header#top .searchWrp .src::-webkit-input-placeholder,
.tutSearchWrp input:-moz-placeholder,
#mobSearch .searchWrp .src:-moz-placeholder,
header#top .searchWrp .src:-moz-placeholder,
.tutSearchWrp input::-moz-placeholder,
#mobSearch .searchWrp .src::-moz-placeholder,
header#top .searchWrp .src::-moz-placeholder,
.tutSearchWrp input:-ms-input-placeholder,
#mobSearch .searchWrp .src:-ms-input-placeholder,
header#top .searchWrp .src:-ms-input-placeholder {
    color: #949499;
}

#mobSearch .searchWrp .icn,
header#top .searchWrp .icn {
    width: 18px;
    height: 19px;
    color: #fff;
    position: relative;
    float: right;
    margin: -50px 4.2% 0 0;
    font-size: 20px;
    cursor: pointer;
}

#mobSearch .searchWrp .icn {
    right: auto;
    left: 6%;
    float: none;
    position: absolute;
}

#mobSearch .searchWrp .close {
    width: 80px;
    height: inherit;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #292929;
}

#mobSearch {
    display: none;
}

header#top .rBlock {
    width: 400px;
    height: inherit;
    z-index: 2;
    position: relative;
}

header#top .rBlock a {
    color: #fff;
    height: inherit;
    display: block;
    float: right;
    font-family: 'Signika', sans-serif;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
}

header#top .rBlock a:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #014bff;
    display: block;
    opacity: 0;
}

.loggedInLinks a .lozenge,
header#top .rBlock a .lozenge {
    background-color: #09c100;
    border-radius: 0px;
    display: inline-block;
    color: #000;
    font-size: 9px;
    height: 16px;
    line-height: 16px;
    width: 58px;
    text-align: center;
    top: 13px;
    position: absolute;
    right: 21px;
    letter-spacing: 0px;
}

header#top .rBlock a .lozenge.active {
    background-color: #004cff;
}

header#top .rBlock a .lozenge.inactive {
    background-color: #666;
    color: #fff;
}

header#top .cart {
    width: 120px;
    background-color: #024bff;
    position: relative;
    overflow: hidden;
    text-align: center;
}

header#top .cart .icon-cross {
    display: none;
}

header#top .cart.hasItems,
header#top .cart.showQty,
header#top .cart:hover {
    background-color: #20bf00;
    border-color: #20bf00;
}

header#top .cart:hover:after {
    display: none;
}

header#top .cart .icn {
    font-size: 16px;
    position: relative;
    top: -10px;
    left: 1px;
}

header#top .cart .cQty {
    color: #fff;
    font-size: 15px;
    font-family: 'Signika', sans-serif;
    text-align: center;
    height: 30px;
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    line-height: 30px;
}

header#top .cart .prc {
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-left: 1px;
    display: block;
    line-height: 20px;
    margin-top: -40px;
}

header#top .rBlock .signIn {
    margin-left: 24px;
    margin-right: 12px;
}

header#top .rBlock .signIn:before {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #004afd;
    display: block;
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -10px;
}

header#top .rBlock .signIn,
header#top .rBlock .createAccount {
    padding: 0 16px;
}

header#top .rBlock a.active:after {
    opacity: 1;
}

header#top .rBlock a:hover:after {
    opacity: 1;
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

header#top .rBlock .userData {
    height: inherit;
    position: relative;
    margin-right: 120px;
    background-color: #000;
}

header#top .rBlock .userData i {
    color: #024bff;
    font-size: 20px;
    margin-left: 14%;
}

.logged-in header#top .rBlock .userData i {
    color: #024bff;
}

header#top .rBlock .userData .uData {
    height: 33px;
    line-height: 17px;
    margin-left: 6%;
}

header#top .rBlock .userData .uData>* {
    height: auto;
    line-height: auto;
    font-family: 'Signika', sans-serif;
}

header#top .rBlock .userData .uData a {
    color: #fff;
    font-size: 13px;
    float: left;
}

header#top .rBlock .userData .uData a:after {
    display: none;
}

header#top .rBlock .userData .uData a:hover {
    text-decoration: underline;
}

header#top .rBlock .userData .uData span {
    color: #999;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 120px;
}

header#top .rBlock .userData .cartCount {
    background-color: #014bff;
    border-radius: 20px;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    right: -5px;
    top: 50%;
    padding: 0 17px;
    letter-spacing: 0.5px;
    margin: -12px 12% 0;
}

header#top .rBlock .uLogged,
header#top .rBlock .uNotLogged {
    height: inherit;
}

header#top .rBlock .uNotLogged {
    display: none;
}

.loggedInLinks {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #1f1f1f;
    z-index: -1;
    opacity: 0;
    bottom: 10000px;
    transition: opacity .3s ease !important;
    -webkit-transition: opacity .3s ease !important;
    -moz-transition: opacity .3s ease !important;
}

header#top .rBlock .userData:hover .dropdown {
    opacity: 1;
}

.loggedInLinks a {
    padding-left: 60px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-family: 'Signika', sans-serif;
    color: #999;
    font-size: 15px;
    position: relative;
    width: 100%;
}

.loggedInLinks a:after {
    display: none !important;
}

.loggedInLinks a.botSep {
    border-bottom: 1px solid #333;
}

.loggedInLinks a:hover {
    background-color: #333334;
    color: #fff;
}

.loggedInLinks a i {
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -9px;
    font-size: 18px;
    color: #999;
}

.loggedInLinks a i.icn {
    display: none;
}

.loggedInLinks a:hover i {
    color: #fff;
}

.loggedInLinks a:after {
    display: none;
}

.loggedInLinks a .count {
    display: inline-block;
    background-color: #333;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    min-width: 40px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    top: 9px;
    right: 20px;
}

.loggedInLinks a:hover .count {
    background-color: #1f1f1f;
}

.showMLoggedInLinks .mLoggedInLinks,
.mLoggedInLinks {
    display: none;
}

.mLoggedInLinks .loggedInLinks {
    position: relative;
    width: 100%;
    top: auto;
    bottom: 0 !important;
    opacity: 1;
    text-align: left;
    z-index: 99999;
}

.mLoggedInLinks .loggedInLinks a i {
    left: 20px;
}

.logged-in header#top .rBlock .uLogged {
    display: none;
}

.logged-in header#top .rBlock .uNotLogged {
    display: block;
}

.loggedInLinks a.regLink,
header#top .rBlock a.regLink {
    display: none;
}

.vndr-logged-in .loggedInLinks a.vndrLnk,
.vndr-logged-in header#top .rBlock a.vndrLnk {
    display: block;
}

.vndr-logged-in .vCoursesHeaderLnk {
    display: none !important;
}

.admin-logged-in .loggedInLinks a.adminLnk,
.admin-logged-in header#top .rBlock a.adminLnk {
    display: block;
}

.admin-logged-in .vCoursesHeaderLnk {
    display: none !important;
}

.editor-logged-in .loggedInLinks a.editorLnk,
.editor-logged-in header#top .rBlock a.editorLnk {
    display: block;
}

.editor-logged-in .vCoursesHeaderLnk {
    display: none !important;
}

.content-logged-in .loggedInLinks a.contentLnk,
.content-logged-in header#top .rBlock a.contentLnk {
    display: block;
}

.content-logged-in .vCoursesHeaderLnk {
    display: none !important;
}

.sub-logged-in .shopItem.courses .itemActions {
    max-width: 40px;
}

.sub-logged-in .shopItem.courses .itemActions .wishlist {
    width: 100%;
    border-right: 0;
}

.sub-logged-in .shopItem.courses .itemActions .addToCart {
    display: none;
}

#mobSearch .searchWrp .close>*,
header#top .gutter.mobile>a.menu i span {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    position: absolute;
}

#mobSearch .searchWrp .close>* {
    background-color: #999;
    width: 25%;
    margin-left: -6px;
}

#mobSearch .searchWrp .close:hover>* {
    background-color: #fff;
}

#mobSearch .searchWrp .close .t,
header#top .gutter.mobile>a.menu.open i span.t {
    top: -5px;
    -webkit-transform: translateY(9px) translateX(0px) rotate(45deg);
    -moz-transform: translateY(9px) translateX(0px) rotate(45deg);
    -o-transform: translateY(9px) translateX(0px) rotate(45deg);
    transform: translateY(9px) translateX(0px) rotate(45deg);
}

#mobSearch .searchWrp .close .t {
    top: 30px;
    left: 50%;
}

header#top .gutter.mobile>a.menu.open i span.m {
    opacity: 0;
}

#mobSearch .searchWrp .close .b,
header#top .gutter.mobile>a.menu.open i span.b {
    bottom: -3px;
    -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -o-transform: translateY(-6px) translateX(0) rotate(-45deg);
    transform: translateY(-6px) translateX(0) rotate(-45deg);
}

#mobSearch .searchWrp .close .b {
    bottom: 32px;
    left: 50%;
}

#submenuMobile,
#submenu .mobBack {
    display: none;
}

#submenu {
    width: 100%;
    position: fixed;
    top: 80px;
    height: auto;
    left: 0;
    z-index: -1;
    opacity: 0;
}

#submenu.show {
    z-index: 9999;
    opacity: 1;
}

#submenu>.gutter {
    background-color: #0f0f0f;
}

#submenu .item {
    color: #999;
    font-size: 15px;
    font-family: 'Signika', sans-serif;
    padding: 30px 0;
    display: none;
}

#submenu .item .linksWrp {
    width: 17.5%;
}

#submenu .item .linksWrp .links a {
    height: 50px;
    line-height: 50px;
    border: 1px solid #333;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    padding-left: 21%;
    margin-top: -1px;
    position: relative;
    overflow: hidden;
}

#submenu .item .linksWrp .links a .icn {
    width: 23px;
    height: 23px;
    display: inline-block;
    color: #014bff;
    position: relative;
    top: -8px;
    margin-right: 28px;
    font-size: 34px;
}

#submenu .item .linksWrp .links a:first-child {
    margin-top: 0;
}

#submenu .item .linksWrp .links a.active,
#submenu .item .linksWrp .links a:hover {
    background-color: #050505;
    color: #fff;
}

#submenu .item .linksWrp .links .separated {
    margin-top: 20px;
}

#submenu .item.tutorials .linksWrp .links .separated div {
    position: relative;
    top: 6px;
    left: 10px;
}

#submenu .item.courses .linksWrp .links .separated {
    line-height: 20px;
    padding-top: 29px;
}

.sub-logged-in #submenu .item.courses .linksWrp .links .separated {
    display: none;
}

#submenu .item.courses .linksWrp .links .separated i {
    color: #09c100;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    font-size: 24px;
}

#submenu .item .nav {
    width: 75%;
    margin-top: -7px;
    max-height: 500px;
    overflow: overlay;
    position: relative;
    left: -20px;
    padding-left: 20px;
}

#submenu .item .nav a {
    display: block;
    line-height: 28px;
    position: relative;
}

.accountNav a .icn,
#submenu .item .nav a .icn {
    background-color: #014bff;
    width: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -19px;
    margin-top: -1px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    opacity: 0;
}

.accountNav a.active .icn,
.accountNav a:hover .icn,
#submenu .item .nav a.active .icn,
#submenu .item .nav a:hover .icn {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    opacity: 1;
}

.accountNav a.active,
.accountNav a:hover,
#submenu .item .nav a.active,
#submenu .item .nav a:hover {
    color: #fff;
}

#topCart {
    top: 0;
    position: fixed;
    height: auto;
    right: 0;
    z-index: -1;
    opacity: 0;
    background-color: #171717;
    width: 420px;
    height: 100%;
    padding-top: 80px;
    margin-right: -420px;
    overflow: auto;
}

#topCart.show {
    z-index: 99999;
    opacity: 1;
    margin-right: 0;
}

#topCart>.gutter {
    height: auto;
}

#topCart .tcTtlWrp {
    margin-top: 40px;
    height: 35px;
    line-height: 35px;
}

#topCart .tcTtlWrp .tcTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #fff;
    position: relative;
    line-height: 30px;
    margin-top: -8px;
}

#topCart .tcTtlWrp .tcTtl a {
    color: #014bff;
    font-family: 'Signika', sans-serif;
    display: inline;
    font-size: 14px;
    letter-spacing: 0.9px;
    font-weight: 300;
    position: absolute;
    top: 24px;
    left: 0;
    text-decoration: underline;
}

#topCart .tcTtlWrp .tcTtl a:hover {
    text-decoration: none;
}

#topCart .tcTtlWrp .currWrp {
    width: 141px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    border-left: 0;
}

#topCart .tcTtlWrp .currWrp a {
    height: inherit;
    line-height: inherit;
    display: block;
    float: left;
    width: 25%;
    background-color: #1c1c1c;
    text-align: center;
    color: #999;
    font-size: 18px;
    font-family: 'Signika', sans-serif;
}

#topCart .tcTtlWrp .currWrp a:hover,
#topCart .tcTtlWrp .currWrp a.active {
    background-color: #014bff;
    color: #fff;
}

.cartWrp {
    margin-top: 44px;
}

.cartWrp .item {
    height: 51px;
    margin: 40px 0;
    position: relative;
}

.cartWrp .item.placeholder {
    display: none;
}

.cartWrp .item:first-child:before,
.cartWrp .totalWrp:before,
.cartWrp .item:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #333;
    position: absolute;
    left: 0;
}

.cartWrp .item:first-child:before {
    top: -20px;
}

.cartWrp .item:after {
    bottom: -20px;
}

.cartWrp .item>* {
    height: inherit;
}

.cartWrp .item .img {
    width: 15%;
}

.cartWrp .item .ciTtl {
    width: 54%;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    padding: 0 3%;
    letter-spacing: .1px;
}

.cartWrp .item .ciTtl:hover {
    text-decoration: underline;
}

.cartWrp .item .prc {
    width: 19%;
    font-family: 'Signika', sans-serif;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.cartWrp .item .del {
    width: 10.3%;
    margin-left: 1.7%;
}

.closeBtn,
.cartWrp .item .del>a {
    height: 35px;
    width: 100%;
    background-color: #1c1c1c;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 26px;
}

.cartWrp .item .del>a {
    font-size: 16px;
}

.cartWrp .item .del>a i {
    position: relative;
    top: 2px;
}

.closeBtn:hover,
.cartWrp .item .del>a:hover {
    background-color: #024bff;
    border-color: #024bff;
}

.closeBtn.blueColorHover:hover {
    box-shadow: none;
    color: #024bff;
}

.cartWrp .totalWrp {
    padding-top: 15px;
    line-height: 24px;
    position: relative;
    margin-bottom: 29px;
}

.cartWrp .showOnlyWCoupon {
    display: none;
}

#topCart.hasCoupon .cartWrp .showOnlyWCoupon {
    display: block;
}

.cartWrp .subtotalWrp .left,
.cartWrp .totalWrp .left {
    font-family: 'Raleway', sans-serif;
    color: #999;
    font-size: 15px;
    text-align: left;
}

.cartWrp .subtotalWrp .subtotal,
.cartWrp .subtotalWrp .actualSubtotal,
.cartWrp .totalWrp .total {
    font-family: 'Signika', sans-serif;
    color: #fff;
    font-size: 18px;
    text-align: right;
}

.cartWrp .subtotalWrp:before,
.cartWrp .totalWrp:before {
    bottom: -9px;
}

.cartWrp .checkout {
    margin-bottom: 40px;
}

#topCart.hasCoupon .cartWrp .subtotalWrp {
    display: block;
}

#topCart.hasCoupon .cartWrp .subtotalWrp {
    padding-top: 15px;
    line-height: 24px;
    position: relative;
    margin-bottom: 18px;
}

#topCart.hasCoupon .cartWrp .totalWrp {
    line-height: 24px;
    position: relative;
    margin-bottom: 29px;
}

footer#bottom {
    background-color: #0f0f0f;
}

footer#bottom .gutter {
    max-width: 1640px;
    height: auto;
}

footer#bottom .top {
    height: 320px;
    padding-top: 80px;
}

footer#bottom .fFeatures {
    padding-right: 15%;
    margin-left: 36.5%;
}

footer#bottom .fFeatures .icnWrp {
    width: 80px;
    height: 80px;
    margin-left: -110px;
    box-shadow: 0px 0px 20px 0px rgba(1, 75, 255, 1);
    position: relative;
}

footer#bottom .fFeatures .icnWrp .icn {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 28px;
    color: #fff;
    margin: -14px 0 0 -14px;
}

footer#bottom .fFeatures .fTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    letter-spacing: 0.7px;
    position: relative;
    top: -2px;
}

footer#bottom .fFeatures .fDesc {
    color: #fff;
    font-family: 'Signika', sans-serif;
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.1px;
}

footer#bottom .fFeatures .fDesc a {
    color: #fff;
}

footer#bottom .fFeatures .fDesc a:hover {
    text-decoration: underline;
}

footer#bottom .fFeatures.ccardWrp .fTtl {
    margin-bottom: 14px;
}

footer#bottom .fFeatures.ccardWrp img {
    height: 31px;
    width: auto;
    float: left;
    margin: 0 4px 4px 0;
}

footer#bottom .separator {
    width: 100%;
    height: 1px;
    background-color: #1f1f1f;
}

footer#bottom .bottom {
    height: 500px;
}

footer#bottom .bottom .botWrp {
    height: inherit;
    padding-left: 5.2%;
}

footer#bottom .bottom .botWrp .logoWrp {}

footer#bottom .bottom .botWrp .logoWrp .logo {
    font-size: 49px;
    color: #fff;
    margin-top: -12px;
    height: 48px;
}

footer#bottom .bottom .botWrp .logoWrp small {
    color: #999999;
    font-family: 'Signika', sans-serif;
    margin-top: 12px;
    font-size: 11px;
    display: block;
    letter-spacing: 1.1px;
}

footer#bottom .bottom .botWrp .linksWrp {
    padding-top: 119px;
    width: 74.914%;
    padding-right: 1%;
}

footer#bottom .bottom .botWrp .linksWrp .lTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    position: relative;
    letter-spacing: 0.7px;
    font-weight: 600;
}

footer#bottom .bottom .botWrp .linksWrp .lTtl:before {
    content: "";
    height: 20px;
    width: 1px;
    background-color: #004afd;
    display: block;
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -10px;
}

footer#bottom .bottom .botWrp .linksWrp .links {
    list-style-type: none;
    margin-top: 20px;
    padding: 0;
}

footer#bottom .bottom .botWrp .linksWrp .links a {
     color: #f3f3f3;
     font-size: 14px;
     font-weight: 600;
     line-height: 28px;
     letter-spacing: 0.3px;
     font-family: 'Raleway', sans-serif;
}

.topChartItem .buyBtn:hover,
#playerWrp .playerActions .buy:not(.added):hover,
#playerWrp.showPlaylist #mobBtns .buy:hover {
    background-color: #20bf00;
    border-color: #000000;
}


.itemActions .addToCart.streamingOnly:hover {
    background-color: #1c1c1c;
    cursor: default;
}

.selectMask {
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    cursor: pointer;
    border: 1px solid #494949;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #0f0f0f;
}

.selectMask:hover {}

.selectMask .selection {
    font-family: 'Signika', sans-serif;
    display: block;
    width: 80%;
    padding: 0 20px;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    line-height: inherit;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.selectMask>select {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    cursor: pointer !important;
    width: 100%;
    padding: 14px 0;
    line-height: 36px;
    font-family: 'Conv_ProximaNova-Regular';
    outline: none;
    font-family: Arial;
    font-size: 15px;
    width: 100%;
    height: 100%;
    line-height: 50px;
    -webkit-appearance: menulist-button;
}

.selectMask>i {
    color: #004afb;
    position: absolute;
    top: 19px;
    right: 17px;
    font-size: 18px;
}

.selectMask.small {
    height: 34px;
    line-height: 34px
}

.selectMask.small .selection {
    padding: 0 5%;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.selectMask.small>i {
    top: 7px;
    right: 7px;
}

#cntWrp>.gutter {
    padding: 0;
    background-color: #1f1f1f;
}

#cntWrp #cntInnerWrp {
    margin-right: 420px;
    padding-bottom: 50px;
    background-color: #171717;
}

#cntWrp #cntInnerWrp #cnt {
    width: 100%;
}

#cntWrp #cntInnerWrp #sidebar {
    width: 420px;
    margin-right: -420px;
    background-color: #1f1f1f;
    padding-top: 40px;
}

#cntWrp #cntInnerWrp #sidebar.sticky.toTop,
#cntWrp #cntInnerWrp #sidebar.sticky.toBottom,
#cntWrp #cntInnerWrp #sidebar.sticky {
    position: fixed;
    top: 80px;
    left: 50%;
    margin-left: 380px;
}

#cntWrp #cntInnerWrp #sidebar.sticky.toBottom {
    top: auto;
    bottom: 0;
}

#cntWrp #cntInnerWrp #sidebar.courses {
    padding-top: 37px;
}

#cntWrp #cntInnerWrp #sidebar.courses.news {
    padding-top: 60px;
}

#cnt>div {
    padding: 40px 0;
    background-color: #171717;
}

#cnt .shopItemsSlider {
    padding: 0 30px;
    margin-top: 34px;
}

#sidebar.courses.tutorials .separator.generic,
#sidebar .separator {
    background-color: #004cff;
    height: 5px;
    margin: 35px 0;
}

#sidebar .snInfoWrp {
    margin-top: 60px;
    margin-bottom: 20px;
}

#sidebar.courses .separator {
    height: 1px;
    background-color: #333;
    margin: 60px 40px 54px;
}



.btn {
    min-width: 100%;
    padding: 0 25px;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.2px;
    font-size: 17px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    background: #024bff;
}

.btn.fullW {
    width: 100%;
    padding: 0;
}

.btn.blue {
    background-color: #024bff;
}

.btn.blue:hover {
    box-shadow: 0px 0px 20px 0px rgba(1, 75, 255, 1);
}

.btn.black {
    background-color: #000;
}

.btn.black:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
}

.btn.buy {
    background-color: #20bf00;
    padding: 0 21px;
}

.btn.buy:hover {
    box-shadow: 0px 0px 20px 0px rgba(32, 191, 0, 1);
}

.btn.buy i {
    margin-right: 8px;
    margin-left: -2px;
}

.btn.lightGrey {
    background-color: #333;
}

.btn.lightGrey:hover {
    box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 1);
}

.btn.darkGrey {
    background-color: #171717;
}

.btn.darkGrey:hover {
    box-shadow: 0px 0px 20px 0px rgba(23, 23, 23, 1);
}

.btn.loading {
    font-size: 0 !important;
    cursor: not-allowed !important;
}

.btn.disabled,
.btn.disabled:hover {
    background-color: #c2c2cc !important;
    cursor: not-allowed !important;
}

.btn.fb {
    background-color: #4278c0;
}

.btn.tw {
    background-color: #00b0ed;
}

.btn.yt {
    background-color: #fe0000;
}

.btn.hasIcn {
    font-size: 14px;
    text-align: left;
    padding: 0 20px;
}

.btn.hasIcn .icn {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 18px;
    color: #fff;
    margin-top: -9px;
}

.btn.canSave .icon-repeat {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    opacity: 0;
}

.btn.canSave.saving .icn {
    opacity: 0;
}

.btn.canSave.saving .icon-repeat {
    opacity: 1;
}

.btn.subscriptionProduct.enrolled,
.btn.subscriptionProduct.enrolled:hover {
    background-color: #20bf00 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.btn.subscriptionProduct.enrolled:after {
    content: "ED";
}

.btn.tryDemo {
    font-family: 'Signika', sans-serif;
    line-height: 45px;
    height: 45px;
    margin-top: 7px;
    padding: 0 19px;
    margin-right: 22px;
}

.btn.tryDemo i {
    margin-right: 10px;
}

.chartItem {
    padding-bottom: 20px;
    border-bottom: 1px solid #323232;
    margin-bottom: 20px;
    position: relative;
}

.chartItem .img {
    width: 100px;
    height: 100px;
    position: relative;
    z-index: 1;
}

.chartItem .img span {
    position: absolute;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-family: 'proxg', sans-serif;
    background-color: #004bff;
    top: 0;
    left: 0;
    font-size: 14px;
    z-index: 0;
    pointer-events: none;
}

.chartItem.completed .img span {
    background-color: #20bf00;
}

.chartItem .right {
    width: 65%;
}

.chartItem .ciTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin-top: 7px;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 18px;
}

.chartItem .ciBy {
    color: #939393;
    font-family: 'Signika', sans-serif;
    margin-top: 3px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.chartItem .itemActions {
    margin-top: 19px;
 
}

.chartItem.last {
    margin-bottom: 0;
    border: 0;
}

.chartItem.courses {}

.chartItem.courses .img {
    width: 47.06%;
    height: 90px;
}

.chartItem.courses .ciTtl {
    margin-top: 1px;
}

.chartItem.courses .ciBy {
    margin-top: 9px;
}

.chartItem.courses .right {
    width: 50%;
}

.chartItem.courses.software .siSubttl {
    color: #545454;
    font-family: Raleway, sans-serif;
    margin-top: 0px;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

.chartItem .addToCart .addedBlock {
    display: none;
}

.chartItem .addToCart.added .addedBlock {
    display: block;
    text-align: center;
    display: block;
    color: #17c600;
    padding-left: 10px;
}

.chartItem .addToCart.added .addedBlock i {
    margin-right: 10px;
    color: #17c600;
    position: relative;
    top: 2px;
    left: 0;
}

.itemActions {
    border: 1px solid #323232;
    height: 35px;
    line-height: 35px;
    width: 100%;
    overflow: hidden;
}

.itemActions .options,
.itemActions .wishlist {
    width: 18%;
    height: inherit;
    border-right: 1px solid #323232;
    background-color: #1c1c1c;
}

.itemActions .wishlist .icon-heartfull {
    font-size: 0;
}

.itemActions .wishlist.wishlisted .icon-heart {
    font-size: 0;
}

.itemActions .wishlist.wishlisted .icon-heartfull {
    font-size: 16px;
    color: #064afd;
}

.itemActions .addToCart {
    width: 61%;
    height: inherit;
    text-align: right;
    font-family: 'Signika', sans-serif;
    color: #f9f9f9;
    font-size: 14px;
    padding-right: 10px;
    background-color: #1c1c1c;
}

.itemActions .addToCart .icn {
    left: 11%;
}

.itemActions .addToCart:after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    width: 10px;
    height: 100%;
    background-color: inherit;
}

.itemActions a {
    position: relative;
}

.itemActions .icn {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    margin: -9px 0 0 -8px;
    color: #fff;
}

.itemActions.noList .options {
    display: none;
}

.itemActions.noList .addToCart {
    width: 83% !important;
}

.itemActions.noList .addToCart .icn {
    left: 12% !important;
}

.itemActions.noHeartNoList .wishlist,
.itemActions.noHeartNoList .options {
    display: none;
}

.itemActions.noHeartNoList .addToCart {
    width: 100% !important;
}

.itemActions.noHeartNoList .addToCart .icn {
    left: 10% !important;
}

.ttlBlock {
    position: relative;
}

.ttlBlock .tbTtl {
        color: #eaeaea;
    font-family: 'Raleway', sans-serif;
    display: inline;
    font-size: 26px;
    margin-right: 9px;
}

.ttlBlock .tbDesc {
    color: #00ff08;
    font-family: 'Signika', sans-serif;
    display: inline;
    font-size: 21px;
    letter-spacing: 0.9px;
    font-weight: 300;
}

.ttlBlock .tbDesc.pre {
    display: block;
    line-height: 22px;
}

.ttlBlock .viewAll {
    position: absolute;
    top: 0;
    right: 0;
    width: 93px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #333;
     color: #d2d2d2;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    text-align: center;
}

.ttlBlock .lrWrp a:hover,
.ttlBlock .viewAll:hover {
    border: 1px solid #024bff;
    background-color: #024bff;
}

.ttlBlock .sortBy {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    line-height: 35px;
    width: 265px;
}

.ttlBlock .sortBy .sbLbl {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
}

.ttlBlock .sortBy .selectMask.date {
    width: 75%;
}

.ttlBlock .lrWrp {
    position: absolute;
    top: 0;
    right: 102px;
    width: 83px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
}

.ttlBlock .lrWrp a {
    border: 1px solid #333;
    display: block;
    float: left;
    width: 50%;
    height: inherit;
    line-height: inherit;
}

.ttlBlock .lrWrp a.r {
    margin-left: -1px;
}

.ttlBlock .lrWrp.rightAligned {
    right: 0;
}

#cnt .ttlBlock {
    padding-right: 100px;
}

.paging {
    text-align: center;
    padding: 0 !important;
}

.paging>* {
    width: 49px;
    height: 50px;
    line-height: 50px;
    background-color: #171717;
    display: inline-block;
    border: 1px solid #333;
    border-left: 0;
    vertical-align: middle;
    color: #999;
    font-family: 'Signika', sans-serif;
    position: relative;
}

.paging>*:first-child {
    border: 1px solid #333;
}

.paging>a:hover {
    background-color: #1f1f1f;
    color: #fff;
}

.paging>*.current {
    background-color: #014bff;
    color: #fff;
}

.paging>*:after {
    content: "";
    display: block;
    opacity: 0;
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #014bff;
}

.paging>a:hover:after {
    opacity: 1;
}

.paging .more span {
    border: 2px solid #999;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle;
}

.shopItem {
    padding: 0 10px;
    margin-bottom: 36px;
    position: relative;
}

.shopItem .img {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.chartItem .img img,
.shopItem .img img {
    width: 100%;
    height: auto;
}

.nwsItm .hoverBlock,
#playerWrp .imgTtlWrp .img .hoverBlock,
.chartItem .img .hoverBlock,
.shopItem .img .hoverBlock {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.nwsItm .img:hover .hoverBlock,
#playerWrp .imgTtlWrp .img:hover .hoverBlock,
.chartItem .img:hover .hoverBlock,
.shopItem .img:hover .hoverBlock {
    opacity: 1;
}

.nwsItm .img:hover img,
.playableItem .img:hover img,
.chartItem .img:hover img,
.shopItem .img:hover img {}

.nwsItm .hoverBlock:before,
#playerWrp .imgTtlWrp .img .hoverBlock:before,
.chartItem .img .hoverBlock:before,
.shopItem .img .hoverBlock:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .3;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.nwsItm .hoverBlock .playOrPause,
.tutorialActions,
#playerWrp .imgTtlWrp .img .pause,
.chartItem .img .hoverBlock .pause,
.shopItem .img .hoverBlock .pause,
#playerWrp .imgTtlWrp .img .play,
.chartItem .img .hoverBlock .play,
.shopItem .img .hoverBlock .play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    background: #000;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
}

.nwsItm .hoverBlock:hover .playOrPause,
.hoverBlock:hover .tutorialActions,
#playerWrp .imgTtlWrp .img:hover .pause,
.chartItem .img .hoverBlock:hover .pause,
.shopItem .img .hoverBlock:hover .pause,
#playerWrp .imgTtlWrp .img:hover .play,
.chartItem .img .hoverBlock:hover .play {
 
}

.nwsItm .img .hoverBlock .icn,
.tutorialActions .icn,
#playerWrp .imgTtlWrp .img .pause .icn,
.chartItem .img .hoverBlock .pause .icn,
.shopItem .img .hoverBlock .pause .icn,
#playerWrp .imgTtlWrp .img .play .icn,
.chartItem .img .hoverBlock .play .icn,
.shopItem .img .hoverBlock .play .icn {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    margin: -12px 0 0 -9px;
    color: #fff;
}

#playerWrp .imgTtlWrp .img .pause .icn.icon-play,
.chartItem .img .hoverBlock .pause .icn.icon-play,
.shopItem .img .hoverBlock .pause .icn.icon-play {
    font-size: 0 !important;
}

#playerWrp .imgTtlWrp .img .play .icn.icon-pause,
.chartItem .img .hoverBlock .play .icn.icon-pause,
.shopItem .img .hoverBlock .play .icn.icon-pause {
    font-size: 0 !important;
}

.shopItem .siTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin-top: 4px;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 18px;
}

.shopItem.subscriptionSingleItem .siTtl {
    margin-top: 6px;
}

.shopItem .siSubttl {
    color: #545454;
    font-family: 'Raleway', sans-serif;
    margin-top: 0;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 18px;
}

.shopItem .siBy {
    color: #939393;
    font-family: 'Signika', sans-serif;
    margin-top: 4px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.2px;
}

.shopItem .itemActions {
    z-index: 2;
    position: relative;
    margin: 0;
    position: absolute;
    bottom: 0;
    border: 0;
}

.shopItem .new,
.shopItem .sale {
    position: absolute;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    background-color: #000000;
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 16px;
    z-index: 2;
    pointer-events: none;
    width: auto !important;
}

.shopItem .new {
    background-color: #014bff;
}

.chartItem.courses .img .hoverBlock .play .icn,
.shopItem.courses .img .hoverBlock .icn,
.chartItem .img .hoverBlock .pause .icon-pause,
.shopItem .img .hoverBlock .pause .icon-pause {
    margin-left: -11px !important;
}

.nwsItm .img .hoverBlock .icn {
    margin-left: -12px !important;
}

#playerWrp .playlistWrp .img .playOrPause .icon-pause,
#playerWrp .imgTtlWrp .img .playOrPause .icon-pause {
    margin-left: -5px !important;
}

.shopItem .mobOnly {
    display: none;
}

.shopItem.courses .siTtl,
.shopItem.tutorials .siTtl {
    font-size: 15px;
    font-family: 'Signika', sans-serif;
    margin-top: 13px;
    letter-spacing: 0.4px;
}

.shopItem.courses .siBy,
.shopItem.tutorials .siBy {
    color: #989898;
    font-size: 13px;
    letter-spacing: 0.4px;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions .icn {
    margin: -12px 0 0 -11px;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.delete,
.shopItem.tutorials .img .hoverBlock .tutorialActions.save {
    margin-left: -70px;
    background-color: #525252;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.save.saved {
    background-color: #024bff;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.save .icon-starfull {
    font-size: 0;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.save.saved .icon-starfull {
    font-size: 26px;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.save.saved .icon-star {
    font-size: 0;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.delete .icn,
.shopItem.tutorials .img .hoverBlock .tutorialActions.save .icn {
    margin-left: -12px;
}

.shopItem.tutorials .img .hoverBlock .tutorialActions.view {
    margin-left: 10px;
}

.shopItem.tutorials .img img {
    margin: 0 auto;
}

.shopItem.software .tutorialActions .icn {
    margin: -13px 0 0 -12px;
}

.shopItem.masterclass .img {
    max-height: 290px;
}

.shopItem.masterclass .img:after {
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    position: absolute;
    background-color: #014bff;
    display: block;
}

.shopItem.essentials .img {
    max-height: 290px;
}

#playerWrp .playlistWrp .img .playOrPause,
#playerWrp .imgTtlWrp .img .playOrPause {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}

#playerWrp .playlistWrp .img .playOrPause .icn,
#playerWrp .imgTtlWrp .img .playOrPause .icn {
    font-size: 12px;
    margin: -6px 0 0 -4px;
    color: #fff;
}

.hoverBlock .bgLnk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.shopItem.courses .img .hoverBlock.icn,
.shopItem.generic.del .img .hoverBlock.icn {
    margin: -12px 0 0 -11px;
}

.shopItem.courses .img .hoverBlock .wishlist,
.shopItem.courses .img .hoverBlock .delete,
.shopItem.generic.del .img .hoverBlock .delete {
    margin-left: -70px;
    background-color: #525252;
}

.shopItem.courses .img .hoverBlock .wishlist .icn,
.shopItem.courses .img .hoverBlock .delete .icn,
.shopItem.generic.del .img .hoverBlock .delete .icn {
    margin-left: -12px;
}

.shopItem.courses .img .hoverBlock .playOrPause,
.shopItem.generic.del .img .hoverBlock .playOrPause {
    margin-left: 10px;
}

.shopItem .itemActions .addToCart.added>* {
    display: none;
}

.shopItem .itemActions .addToCart .addedBlock {
    display: none;
}

.shopItem .itemActions .addToCart.added .addedBlock {
    display: block;
    text-align: center;
    display: block;
    color: #17c600;
    padding-left: 10px;
}

.shopItem .itemActions .addToCart.added .addedBlock i {
    margin-right: 10px;
    color: #17c600;
    position: relative;
    top: 2px;
    left: 0 !important;
}


#p666tions:hover {
    background-color: #024bff;
}

.shopItem .itemActions .addToCart.added:hover {
    background-color: #00983d;
}

.shopItem .itemActions .addToCart.added {
    cursor: default;
}

.shopItem.software .itemActions {
    display: none;
}

.owl-controls {
    text-align: center;
    padding-top: 6px;
}

.owl-controls .owl-dots>div {
    width: 60px;
    height: 6px;
    background-color: #2f2f2f;
    display: inline-block;
    margin: 0 6px;
}

.owl-controls .owl-dots>div:hover,
.owl-controls .owl-dots>div.active {
    background-color: #024bff;
}

.owl-controls .owl-dots>div:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.snInfoWrp {
    border: 1px solid #333333;
    height: 240px;
    text-align: center;
    overflow: hidden;
    background-color: #000;
}

.snInfoWrp .snInfo {
    width: 50%;
    height: inherit;
    padding: 30px 0;
}

.snInfoWrp .snInfo .sniIcn {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 36px;
}

.snInfoWrp .snInfo .sniCount {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 26px;
    margin-top: 22px;
}

.snInfoWrp .snInfo .sniDesc {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
}

.snInfoWrp .snInfo .btnWrp {
    height: 27px;
    margin-top: 38px;
}

.snInfoWrp .snInfo.fb {
    border-right: 1px solid #333333;
}

.snInfoWrp .snInfo.fb .btnWrp {
    margin-top: 40px;
}

.snInfoWrp .snInfo.fb .sniIcn {
    color: #417bc4;
}

.snInfoWrp .snInfo.yt .sniIcn {
    color: #fa0100;
}

#playerWrp {
    height: 80px;
    width: 100%;
    background-color: #000;
    padding: 15px 0;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9999;
    bottom: -80px;
}

#playerWrp>.gutter>* {
    z-index: 5;
    position: relative;
}

#playerWrp .dummyBg {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 100% !important;
    background-color: inherit;
    z-index: 3;
}

#playerWrp.shown {
    bottom: 0;
}

#playerWrp>.gutter {
    height: inherit;
    background-color: inherit;
}

#playerWrp>.gutter>*,
#playerWrp>.gutter>.imgTtlWrp>*,
#playerWrp .playerActions .buy {
    height: 50px;
}

#playerWrp .imgTtlWrp {
    width: 15%;
    margin-left: 60px;
}

#playerWrp .imgTtlWrp .img {
    width: 50px;
    margin-left: -60px;
    position: relative;
}

#playerWrp .imgTtlWrp .img img {
    width: 100%;
    height: auto;
}

#playerWrp .imgTtlWrp .pTtl {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0px;
    height: 16px;
    letter-spacing: .3px;
    width: 100%;
}

#playerWrp .imgTtlWrp .pDesc {
    color: #989898;
    font-family: 'Signika', sans-serif;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -1px;
    height: 16px;
    letter-spacing: .3px;
    width: 100%;
}

#playerWrp #player {
    width: 52.5%;
  
    background-position: center 0;
    overflow: hidden;
    position: relative;
}

#playerWrp #player>span.cursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: inherit;
    background-color: #fff;
    opacity: 0;
    transition: opacity .25s ease !important;
    z-index: 100;
}

#playerWrp #player>span.cursor.show {
    opacity: 1;
}

#playerWrp #player .waveform,
#playerWrp #player .waveform img,
#playerWrp #player .waveform span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

#playerWrp #player .waveform.loaded {
    background-color: #004bfe;
    opacity: .5;
    z-index: 99;
}

#playerWrp #player .waveform span {
    left: auto;
    right: 0;
    background-color: #000;
    z-index: 2;
}

#playerWrp #player .waveform.played {
    background-color: #004bfe;
}

#playerWrp .playerActions {
    width: 24.3%;
    position: relative;
    z-index: 3;
    background: inherit;
}

#playerWrp .playerActions .buy {
    width: 30.3%;
    text-align: right;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    border: 1px solid #292929;
    line-height: 50px;
    padding: 0 5%;
    position: relative;
}

#playerWrp .playerActions .buy .icn {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    color: #fff;
    margin-top: -9px;
    left: 14%;
    font-size: 18px;
}

#playerWrp .playerActions .fullH {
    margin-top: -15px;
    height: 80px;
    position: relative;
}

#playerWrp .playerActions .fullH>.icn {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    color: #fff;
    margin: -8px 0 0 -8px;
    left: 50%;
    transition: color .25s ease !important;
}

#playerWrp.showPlaylist .playerActions .list .icn,
#playerWrp .playerActions .fullH:hover>.icn {
    color: #014bff;
}

#playerWrp .playerActions .wishlist {
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    width: 18.5%;
    margin-left: 4.5%;
}

#playerWrp .playerActions .wishlist .icon-heartfull {
    font-size: 0;
}

#playerWrp .playerActions .wishlist.wishlisted .icon-heart {
    font-size: 0;
}

#playerWrp .playerActions .wishlist.wishlisted .icon-heartfull {
    font-size: 18px;
    color: #064afd;
}

#playerWrp .playerActions .list {
    border-left: 1px solid #292929;
    width: 8%;
    position: relative;
}

#playerWrp .playerActions .list:after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 100%;
}

#playerWrp .playerActions .prev {
    width: 10%;
    margin-left: 3.5%;
}

#playerWrp .playerActions .playOrPause {
    width: 10%;
}

#playerWrp .playerActions .playOrPause.play .icon-pause {
    font-size: 0;
}

#playerWrp .playerActions .playOrPause.pause .icon-play {
    font-size: 0;
}

#playerWrp .playerActions .playOrPause.pause .icn {
    color: #014bff;
}

#playerWrp .playerActions .next {
    width: 10%;
    margin-right: 3.5%;
}

#playerWrp .playerActions .list .icn {
    margin-left: 16px;
}

#playerWrp .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #004bfe;
    background-color: #000;
    opacity: 0;
    z-index: -1;
    line-height: 80px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
}

#playerWrp .loading .cssLoader {
    margin-top: 17px;
}

#playerWrp.loading .loading {
    opacity: 1;
    z-index: 999;
}

#playerWrp .mobOnly {
    display: none;
}

#playerWrp #playlist {
    width: 100%;
    height: 472px;
    max-width: 420px;
    background-color: #000;
    position: absolute;
    top: 100px;
    right: 0;
    border-bottom: 1px solid #292929;
    padding-top: 27px;
    z-index: 1;
}

#playerWrp #playlist .ttlBlock .tbTtl {
    font-size: 19px;
    margin-right: 0;
    font-weight: 300;
}

#playerWrp #playlist .ttlBlock .viewAll {
    width: 90px;
    top: -4px;
}

#playerWrp #playlist .playlistWrp {
    margin-top: 52px;
    height: 400px;
    overflow: auto;
}

#playerWrp #playlist .playlistWrp::-webkit-scrollbar {
    width: 0px;
}

#playerWrp #playlist .playlistWrp .chartItem.dummy {
    display: none !important;
}

#playerWrp #playlist .playlistWrp .playableItem .img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 40px;
}

#playerWrp #playlist .playlistWrp .snIcons {
    display: none;
}

#playerWrp .chartItem .itemActions {
    display: none;
}

#playerWrp #playlist .chartItem {
    min-height: 70px;
    border-bottom: 0;
    padding: 10px 0;
    margin: 0;
}

#playerWrp #playlist .chartItem:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 5%;
    width: 90%;
    height: 1px;
    background-color: #323232;
}

#playerWrp #playlist .chartItem .ciTtl {
    margin-top: 0;
}

#playerWrp #playlist .chartItem.highlighted .ciTtl a {
    text-decoration: underline;
    background-size: 100% 100%;
    cursor: pointer;
    text-decoration: none;
}

#playerWrp #playlist .chartItem.highlighted .img .hoverBlock {
    opacity: 1;
}

#playerWrp #playlist .closeBtn {
    position: absolute;
    top: 0;
    width: 35px;
    left: 0;
    margin-top: 0;
    line-height: 33px;
    background: transparent;
    border: 0;
    font-size: 18px;
}

#playerWrp #playlist .removeSingleItem {
    left: auto;
    right: 20px;
    top: 50%;
    margin-top: -9px;
}

#playerWrp #playlist .playlistWrp .playableItem .right {
    padding-left: 70px;
    width: 100%;
}

#playerWrp #mobBtns {
    display: none;
}

#playerWrp .clean {
    border: 0;
}

#playerWrp .icon-trash {
    color: #999;
}

#playerWrp .clean .icon-trash {
    margin-left: 10px;
}

#playerWrp #playlist .ttlBlock .viewAll:hover {
    box-shadow: none;
    color: #024bff;
}

#playerWrp .playerActions .buy.addToCart .addedBlock {
    display: none;
}

#playerWrp .playerActions .buy.addToCart.added {
    cursor: default;
}

#playerWrp .playerActions .buy.addToCart.added>* {
    display: none;
}

#playerWrp .playerActions .buy.addToCart.added .addedBlock {
    display: block;
}

#playerWrp .playerActions .buy.addToCart.added,
#playerWrp .playerActions .buy.addToCart.added .icn {
    color: #17c600 !important;
}

.cssLoader {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
    height: 46px;
    text-align: center;
    font-size: 10px;
}

.cssLoader>span {
    background-color: #333;
    height: 100%;
    width: 5px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    background-color: #024bff;
    margin: 0 1px;
}

.cssLoader .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.cssLoader .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.cssLoader .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.cssLoader .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {

    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.catHeader {
    position: relative;
    padding-top: 48px;
}

.catHeader .chTtlWrp {
    position: relative;
    display: inline-block;
    margin-top: -3px;
}

.catHeader .chTtlWrp .chTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 46px;
    letter-spacing: 0.75px;
}

.catHeader .chTtlWrp .chTtl.logoExists {
    font-size: 0;
}

.catHeader .chTtlWrp .chTtl.logoExists img {
    max-width: 150px;
    height: auto;
}

.catHeader .chTtlWrp .following {
    margin: 16px 0 0 14px;
    float: left;
}

.catHeader .chTtlWrp .chDescUnder {
    color: #979797;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    display: block;
    clear: both;
    letter-spacing: 1px;
}

.newsItem {
    width: 100%;
    height: 219px;
    position: relative;
    margin-bottom: 20px;
}

.newsItem .niLead {
    position: absolute;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Signika', sans-serif;
    background-color: #004bff;
    top: 0;
    left: 0;
    font-size: 14px;
    padding: 0 16px;
}

.newsItem .niTtl {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 19px;
    letter-spacing: 0.8px;
    line-height: 24px;
    position: absolute;
    bottom: 27px;
    left: 6%;
    width: 88%;
}

.inputWrp {
    position: relative;
}

.inputWrp input {
    border: 1px solid #4a4a4a;
    background-color: #171717;
    padding: 0 20px;
    margin: 0;
    height: 60px;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    font-weight: 300;
    width: 100%;
    letter-spacing: 1px;
    line-height: normal;
}

.inputWrp input::-webkit-input-placeholder,
.inputWrp input:-moz-placeholder,
.inputWrp input::-moz-placeholder,
.inputWrp input:-ms-input-placeholder {
    color: #999;
}

.inputWrp i {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    color: #fff;
    pointer-events: none;
    font-size: 18px;
}

.inputWrp.err input {
    border-color: #ff0101;
}

.checkboxWrp {
    line-height: 30px;
    cursor: pointer;
}

.checkboxWrp .customCheckbox {
    margin-right: 10px;
    float: left;
}

.checkboxWrp .lbl {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    font-weight: 300;
    float: left;
    letter-spacing: 1px;
}

.customCheckbox {
    width: 30px;
    height: 30px;
    line-height: 35px;
    position: relative;
    cursor: pointer;
    background-color: #171717;
    text-align: center;
    border: 1px solid #333333;
}

.customCheckbox input {
    display: none;
}

.customCheckbox i {
    color: #8b8b8b;
    font-size: 0;
}

.customCheckbox.checked {
    background-color: #252525;
}

.customCheckbox.checked i {
    font-size: 18px;
}

.customRadioButton {
    width: 20px;
    height: 20px;
    border: 1px solid #505050;
    background-color: #333;
    color: #fff;
    display: inline-block;
    position: relative;
}

.customRadioButton:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
}

.customRadioButton.checked {
    background-color: #014bff;
}

.customRadioButton.checked:before {
    opacity: 1;
}

.infoPopup .p {
    max-width: 760px;
    width: 100%;
    background-color: #171717;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -265px 0 0 -380px;
    padding: 33px 0 62px;
    opacity: 0;
    z-index: -99;
    transform: scale(0);
}

.infoPopup.show,
.infoPopup.show .p {
    z-index: 999999;
    opacity: 1;
    transform: scale(1);
}

.infoPopup.show .p {
    animation: bounce .75s;
}

.infoPopup .ipTtlWrp {
    border-bottom: 1px solid #333;
}

.infoPopup .ipTtlWrp .ipTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    letter-spacing: 1.1px;
}

.infoPopup .ipTtlWrp .ipDesc {
    color: #808080;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    margin-top: 2px;
    letter-spacing: 0.8px;
    margin-bottom: 37px;
}

.infoPopup .closeBtn {
    position: absolute;
    top: 5px;
    right: 34px;
    background: transparent;
    border: 0;
    width: 35px;
    font-size: 38px;
}

.infoPopup .ipCntWrp {
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    color: #fff;
    padding-top: 45px;
}

.infoPopup .ipCntWrp strong {
    letter-spacing: 0.7px;
    line-height: 24px;
}

.infoPopup .ipCntWrp .list {
    list-style-type: none;
    margin-top: 13px;
    letter-spacing: 0.7px;
}

.infoPopup .ipCntWrp .list i {
    color: #20bf00;
    margin-right: 14px;
    font-size: 17px;
    position: relative;
    top: 2px;
    left: 1px;
}

.infoPopup .ipCntWrp .list li {
    line-height: 32px;
}

.infoPopup .btn {
    margin: 0 auto;
    max-width: 300px;
    display: block;
    margin-top: 54px;
}

#acSIPopup.infoPopup,
#acCrPopup.infoPopup {
    top: 80px;
}

#acSIPopup.infoPopup.show,
#acCrPopup.infoPopup.show,
#acSIPopup.infoPopup.show .p,
#acCrPopup.infoPopup.show .p {
    z-index: 99999;
}

#acSIPopup.infoPopup.show:before,
#acCrPopup.infoPopup.show:before {
    display: none;
}

#acSIPopup.infoPopup .p,
#acCrPopup.infoPopup .p {
    top: 0;
    margin: 0;
    left: 50%;
    right: auto;
    margin-left: 340px;
    max-width: 460px;
    padding-top: 32px;
    animation: none;
}

#acCrPopup.infoPopup .ipCntWrp {
    padding-top: 21px;
}

#acSIPopup.infoPopup .ipTtlWrp,
#acCrPopup.infoPopup .ipTtlWrp {
    border: 0;
    padding-top: 22px;
}

#acSIPopup.infoPopup .btn,
#acCrPopup.infoPopup .btn {
    margin-top: 31px;
}

#acSIPopup.infoPopup .loginType {
    padding: 13px 0 19px;
    text-align: center;
}

#acSIPopup.infoPopup .loginType span,
#acSIPopup.infoPopup .loginType a {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 5px;
    font-size: 16px;
}

#acSIPopup.infoPopup .loginType a {
    color: #014bff;
    text-decoration: underline;
}

#acSIPopup.infoPopup .loginType a:hover {
    text-decoration: none;
}

#acSIPopup.infoPopup .ipTtlWrp {
    padding-top: 11px;
}

#acSIPopup.infoPopup .ipCntWrp {
    padding-top: 0;
}

#acSIPopup.infoPopup .unameWrp {
    margin-bottom: 10px;
}

#acSIPopup.infoPopup .checkboxWrp {
    margin-top: 20px;
}

#acSIPopup.infoPopup .btn {
    max-width: none;
    margin-top: 20px;
}

#acSIPopup.infoPopup .forgotPass {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    font-weight: 300;
    display: block;
    text-align: center;
    margin: 45px 0 0;
}

#acSIPopup.infoPopup .forgotPass:hover {
    text-decoration: underline;
}

#acSIPopup.infoPopup .p {
    padding-bottom: 42px;
}

#acSIPopup.infoPopup .mobOnly {
    display: none;
}

#acSIPopup.infoPopup .forgotPassBlock {
    display: none;
}

#acSIPopup.infoPopup .info {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    font-weight: 300;
    display: block;
    text-align: left;
    padding: 20px;
}

#acSIPopup.infoPopup .info li {
    padding: 5px 0;
}

#acSIPopup.infoPopup .forgotPass.si {
    margin-top: 10px;
}

#acWlPopup.infoPopup:before {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
}

#acWlPopup.infoPopup .p {
    padding: 0 0 40px;
    animation: none;
}

#acWlPopup.infoPopup .ipTtlWrp {
    padding-top: 34px;
    padding-left: 60px;
    position: relative;
    padding-bottom: 10px;
}

#acWlPopup.infoPopup .ipTtlWrp>.icn {
    position: absolute;
    top: 50%;
    left: 35px;
    color: #fff;
    font-size: 48px;
    margin-top: -26px;
}

#acWlPopup.infoPopup .ipTtlWrp .ipDesc {
    margin-bottom: 27px;
}

#acWlPopup.infoPopup .closeBtn {
    font-size: 36px;
}

#acWlPopup.infoPopup .ipCntWrp {
    padding-top: 40px;
}

#acWlPopup.infoPopup .ipCntWrp .list {
    margin-top: 0;
}

#acWlPopup.infoPopup .ipCntWrp .list li {
    line-height: 24px;
}

#acWlPopup.infoPopup .ipCntWrp .info {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    padding-right: 30px;
}

#acWlPopup.infoPopup .btn {
    margin: 40px 0 0;
}

#acWlPopup.infoPopup .tut,
#acWlPopup.infoPopup .fol {
    display: none;
}

#acWlPopup.infoPopup .wl {
    display: block;
}

#acWlPopup.infoPopup .main.icon-heart {
    display: block;
}

#acWlPopup.infoPopup .main.icon-star,
#acWlPopup.infoPopup .main.icon-check {
    display: none;
}

#acWlPopup.infoPopup.tut .tut {
    display: block;
}

#acWlPopup.infoPopup.tut .fol,
#acWlPopup.infoPopup.tut .wl {
    display: none;
}

#acWlPopup.infoPopup.tut .main.icon-check,
#acWlPopup.infoPopup.tut .main.icon-heart {
    display: none;
}

#acWlPopup.infoPopup.tut .main.icon-star {
    display: block;
}

#acWlPopup.infoPopup.fol .fol {
    display: block;
}

#acWlPopup.infoPopup.fol .tut,
#acWlPopup.infoPopup.fol .wl {
    display: none;
}

#acWlPopup.infoPopup.fol .main.icon-star,
#acWlPopup.infoPopup.fol .main.icon-heart {
    display: none;
}

#acWlPopup.infoPopup.fol .main.icon-check {
    display: block;
}

#cslPopup.infoPopup .p {
    max-width: 90%;
    width: 1030px;
    height: auto;
    padding: 0;
    position: relative;
    margin-left: -515px;
    border: 1px solid #363636;
    background-color: #000;
}

#cslPopup.infoPopup .p .tmp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 10;
    display: none;
    display: block;
    pointer-events: none;
}

#cslPopup.infoPopup .p .topLine,
#cslPopup.infoPopup .p .midLine,
#cslPopup.infoPopup .p .botLine {
    padding: 0 31px 0 42px;
}

#cslPopup.infoPopup .p .topLine {
    margin-top: 29px;
    margin-bottom: 25px;
}

#cslPopup.infoPopup .p .topLine .left {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    letter-spacing: 0.4px;
}

#cslPopup.infoPopup .p .topLine .left i {
    color: #0ba300;
    font-size: 14px;
    margin-right: 13px;
    top: 2px;
    position: relative;
}

#cslPopup.infoPopup .p .topLine .right {
    color: #777777;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    letter-spacing: 0.2px;
}

#cslPopup.infoPopup .p .topLine .right a {
    color: #004df3;
    text-decoration: underline;
}

#cslPopup.infoPopup .p .topLine .right a:hover {
    text-decoration: none;
}

#cslPopup.infoPopup .p .midLine {
    height: 96px;
    margin-bottom: 29px;
}

#cslPopup.infoPopup .p .midLine>.left {
    margin-left: 96px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    padding-left: 20px;
    letter-spacing: 0.2px;
    width: 50%;
}

#cslPopup.infoPopup .p .midLine>.left .pImg {
    position: absolute;
    top: 0;
    left: -96px;
    width: 96px;
    height: 96px;
}

#cslPopup.infoPopup .p .midLine>.left .pTtl {
    color: #fff;
    font-size: 24px;
    margin-top: 13px;
    height: 29px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#cslPopup.infoPopup .p .midLine>.left .pLblWrp {
    color: #5d5d5d;
    margin-top: 5px;
    font-size: 12px;
    height: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#cslPopup.infoPopup .p .midLine>.left .pLblWrp a {
    color: #fff;
}

#cslPopup.infoPopup .p .midLine>.left .pPrc {
    margin-top: 7px;
    font-size: 15px;
    color: #fff;
    height: 19px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#cslPopup.infoPopup .p .midLine>.left .pPrc ins {
    float: left;
    text-decoration: none;
}

#cslPopup.infoPopup .p .midLine>.left .pPrc del {
    color: #5d5d5d;
    font-size: 11px;
    margin-left: 13px;
    text-decoration: line-through;
}

#cslPopup.infoPopup .p .midLine>.right {
    height: 52px;
    line-height: 52px;
    padding-top: 21px;
    width: 39%;
}

#cslPopup.infoPopup .p .midLine>.right .btn {
    height: 52px;
    line-height: 52px;
    min-width: 0;
    width: 190px;
    text-align: center;
    margin: 0;
    font-size: 16px;
}

#cslPopup.infoPopup .p .midLine>.right .total {
    height: 52px;
    line-height: 52px;
    color: #bcbcbc;
    font-family: 'Signika', sans-serif;
    margin-right: 20px;
    font-size: 18px;
}

#cslPopup.infoPopup .p .midLine>.right .total span {
    color: #fff;
    font-family: 'Signika', sans-serif;
}

#cslPopup.infoPopup .p .botLine {
    background-color: #171717;
    padding-top: 19px;
    height: 281px;
}

#cslPopup.infoPopup .p .botLine .feq {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -0.3px;
}

#cslPopup.infoPopup .p .botLine .rf-recommendations {
    background: transparent ! important;
    margin-top: 24px;
    padding-bottom: 17px;
}

#cslPopup.infoPopup .p .botLine .rf-recommendations .rf-recommendation-container {
    margin: 0 !important;
}

#cslPopup.infoPopup .p .botLine .rf-title,
#cslPopup.infoPopup .p .botLine .rf-recommendation-header {
    display: none !important;
}

#subCnclPopup.infoPopup .p {
    max-width: 700px;
    height: auto;
    margin: -167px 0 0 -350px;
    padding: 24px 20px 24px 31px;
}

#subCnclPopup.infoPopup .p .pTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
}

#subCnclPopup.infoPopup .p .pSubTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    margin-top: 17px;
}

#subCnclPopup.infoPopup .p .pCnt {
    color: #a1a1a1;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: -0.1px;
}

#subCnclPopup.infoPopup .p .pCnt a {
    color: #024bff;
    text-decoration: none;
}

#subCnclPopup.infoPopup .p .pCnt a:hover {
    text-decoration: underline;
}

#subCnclPopup.infoPopup .p .btnWrp {
    margin-top: 27px;
}

#subCnclPopup.infoPopup .p .btn {
    margin-top: 0;
    padding: 0;
    text-align: center;
}

#subCnclPopup.infoPopup .p .btn.confimCancellation {
    margin-right: 10px;
    width: 140px;
}

#subCnclPopup.infoPopup .p .btn.denyCancellation {
    margin-right: 10px;
    width: 260px;
}

.navigationInProgress #subCnclPopup.infoPopup {
    z-index: 99;
}

.iconWrp {
    border: 1px solid #222;
    width: 60px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    background-color: #0f0f0f;
    color: #fff;
    font-size: 18px;
    display: block;
}

.iconWrp:hover {
    background-color: #024bff;
}

.iconWrp .icon-play {
    position: relative;
    left: 2px;
}

.iconWrpBlock {
    overflow: hidden;
}

.iconWrpBlock .iconWrp {
    border-radius: 0 !important;
    margin-left: -1px;
}

.iconWrpBlock .iconWrp:first-child {
    margin-left: 0;
}

.lblDescWrp {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.9px;
}

.lblDescWrp .lbl {
    font-family: 'Siginka', sans-serif;
    color: #999;
    float: left;
}

.lblDescWrp .desc {
    color: #fff;
    float: left;
    margin-left: 2px;
}

.lblDescWrp a {
    text-decoration: none;
    color: inherit;
}

.lblDescWrp a:hover {
    text-decoration: underline;
}

.wpContent {
    color: #999;
    font-size: 16px;
    font-family: 'Signika', sans-serif;
    letter-spacing: 0.8px;
    line-height: 26px;
    font-weight: 100;
}

.wpContent p {
    margin-top: 15px;
}

.wpContent p:first-child {
    margin-top: 0;
}

.wpContent a,
.wpContent strong {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.wpContent a:hover {
    text-decoration: underline;
}

.wpContent .ytBlock {
    background-color: #000;
    margin: 36px 0 34px;
}

.wpContent .responsive-video .ytBlock {
    margin: 0;
}

.wpContent .ytBlock>iframe {
    display: block;
    height: 512px;
    margin: 0 auto;
    width: 100%;
}

.wpContent .responsive-video .ytBlock {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.wpContent .responsive-video .ytBlock>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wpContent blockquote {
    padding: 49px 0;
    position: relative;
}

.wpContent blockquote,
.wpContent blockquote p,
.wpContent blockquote p a {
    font-family: 'Georgia', sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
}

.wpContent blockquote p {
    line-height: 38px;
    padding-left: 11%;
    letter-spacing: 1px;
}

.wpContent blockquote p:before {
    content: '"';
    font-family: 'Arial', sans-serif;
    position: absolute;
    top: 116px;
    left: -27px;
    color: #4c4c4c;
    font-size: 200px;
}

.wpContent img {
    max-width: 100%;
}

.wpContent ul {
    list-style-type: none;
    padding-left: 25px;
    margin-bottom: 18px;
}

.wpContent ul li {
    position: relative;
}

.wpContent ul li:before {
    content: "●";
    font-family: 'Arial', sans-serif;
    position: absolute;
    top: 0;
    left: -26px;
    color: #014bff;
    font-size: inherit;
}

ul.check {
    list-style-type: none;
}

ul.check li {
    position: relative;
}

ul.check li:before {
    content: "\63";
    font-family: 'Basic-picto';
    position: absolute;
    top: 0;
    left: -26px;
    color: #1fb801;
    font-size: inherit;
}

.userReview {
    font-family: 'Georgia', sans-serif;
    font-size: 18px;
    color: #ccc;
    font-style: italic;
    text-align: center;
    padding: 70px 0;
}

.userReview>span:before {
    content: '« ';
}

.userReview>span:after {
    content: ' »';
}

.userReview .by {
    color: #7f7f7f;
    font-size: 13px;
    font-family: 'Signika', sans-serif;
    letter-spacing: 0;
    line-height: 20px;
    display: block;
    margin-top: 12px;
    font-style: normal;
}

.popoutMore {
    width: 33px;
    height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #014bff;
    margin-left: 7px;
    text-align: center;
    line-height: 16px;
    position: relative;
    cursor: default;
}

.popoutMore:hover {
    border: 1px solid #fff;
}

.popoutMore .radiusFull {
    border: 2px solid #fff;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle;
}

.popoutMore .popoutMoreCnt {
    width: 260px;
    position: absolute;
    height: auto;
    background-color: #1f1f1f;
    top: 35px;
    left: 50%;
    margin-left: -130px;
    padding: 9px 19px 15px;
    text-align: left;
    z-index: -1;
    opacity: 0;
}

.popoutMore:hover .popoutMoreCnt {
    z-index: 999;
    opacity: 1;
}

.popoutMore .popoutMoreCnt:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 0;
    width: 100%;
    height: 17px;
    z-index: 1;
}

.popoutMore .popoutMoreCnt:after {
    content: "";
    background-color: #1f1f1f;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -7px;
    transform: rotate(45deg);
}

.popoutMore .popoutMoreCnt span,
.popoutMore .popoutMoreCnt a {
    display: block;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 300;
    text-align: left;
    line-height: 30px;
    text-decoration: none;
}

.popoutMore .alsoIncludes {
    display: none;
}

.popoutMore.alsoIncludes {
    width: 100px;
}

.popoutMore.alsoIncludes .radiusFull {
    display: none;
}

.popoutMore.alsoIncludes .alsoIncludes {
    display: block;
    font-size: 9px;
    line-height: 20px;
}

.rf-recommendations {
    margin-top: 84px;
    position: relative;
}

.rf-recommendation-header {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    display: inline;
    margin-right: 15px;
    clear: both;
    text-transform: uppercase;
    display: block;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin-bottom: 30px !important;
    padding: 0 !important;
    letter-spacing: 1.4px;
}

.rf-recommendation-header span {
    color: #979797;
    display: inline;
    font-size: 18px;
    letter-spacing: 0.9px;
    font-weight: 300;
    text-transform: none;
    margin-left: 13px;
}

.rf-recommendation-header:after,
.rf-recommendation-container:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
}

.rf-recommendation-product {
    margin: 0 !important;
}

.rf-photo a {
    display: block;
}

.rf-photo img {
    max-height: 220px !important;
    margin: 0 auto;
    display: block;
}

.rf-title {
    text-align: left;
    padding: 0 12px;
    margin: 21px 0 !important;
}

.rf-title a {
    color: #fff;
    font-size: 15px;
    font-family: 'Signika', sans-serif;
    letter-spacing: 0.3px;
    line-height: 18px;
    display: block;
}

.rf-recommendation-col {
    padding: 0 5px !important;
}

.rf-recommendation-container {
    margin: 20px 0 0 !important;
}

.yotpo-reviews.main {
    padding-top: 50px;
}

.yotpo-reviews.main h2 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    display: inline;
    margin-right: 15px;
    clear: both;
    text-transform: uppercase;
    display: block;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin-bottom: 0 !important;
    letter-spacing: 1.4px;
}

.yotpo-reviews.main .promoted-products-box .yotpo-main-title,
.yotpo-reviews.main .yotpo-label.yotpo-small-box {
    display: none;
}

.yotpo-reviews.main .promoted-products-box .yotpo-promoted-products {
    margin-top: -38px !important;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active span,
.yotpo.yotpo-main-widget .yotpo-bottomline .based-on,
.yotpo .yotpo-modal-dialog .yotpo-bottomline .based-on,
.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
.yotpo .yotpo-comment .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
.yotpo .yotpo-question .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
.yotpo .yotpo-review .yotpo-main .content-title,
.yotpo .yotpo-comment .yotpo-main .content-title,
.yotpo .yotpo-question .yotpo-main .content-title,
.yotpo .yotpo-review .yotpo-main .content-review,
.yotpo .yotpo-comment .yotpo-main .content-review,
.yotpo .yotpo-review .yotpo-footer .y-label:hover,
.yotpo .promoted-products-box .yotpo-long-product-names .yotpo-promoted-product .yotpo-product-name,
.yotpo .promoted-products-box .promoted-products .yotpo-promoted-product .yotpo-product-price,
.yotpo .yotpo-pager .yotpo-page-element.yotpo-active:hover,
.yotpo .yotpo-pager .yotpo-page-element.yotpo-active,
.yotpo .yotpo-question .yotpo-main .content-review {
    color: #fff !important;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
    border-bottom: 2px solid #0041ff !important;
    margin-bottom: 20px;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active span:first-child:before {
    content: "•";
    color: #0041ff;
    margin-right: 5px;
}

.yotpo .yotpo-regular-box {
    border-top: 0 !important;
    border-bottom: 1px solid #333;
    margin: 0 !important;
}

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes {
    border-top: 1px solid #333;
    border-bottom: 0 !important;
}

.yotpo-first-review-content span {
    color: #999 !important;
}

.yotpo .promoted-products-box .yotpo-long-product-names .yotpo-promoted-product .yotpo-product-name {
    max-height: 100% !important;
}

.yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product .yotpo-product-image {
    margin-bottom: 10px;
}

.following {
    border: 1px solid #014bff;
    border-radius: 20px;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    width: 140px;
    text-align: center;
    letter-spacing: 0.5px;
    display: inline-block;
}

.following .icn {
    font-size: 0;
}

.following:after {
    content: "ing";
    font-size: 0;
}

.following.f {
    background-color: #014bff;
}

.following.f .icn {
    font-size: 13px;
    margin-right: 7px;
}

.following.f:after {
    font-size: inherit;
}

#mainSlider {
    height: 340px;
    position: relative;
}

#mainSlider .gutter {
    padding: 0;
}

#mainSlider .lfsWrp {
    height: inherit;
}

#mainSlider .lfsWrp .slider {
    width: 100%;
    height: inherit;
    background-color: #000;
    position: relative;
}

#mainSlider .lfsWrp .slider .owlSlider {
    position: relative;
    z-index: 1;
    height: inherit;
}

#mainSlider .lfsWrp .slider .owlSlider .owl-stage-outer,
#mainSlider .lfsWrp .slider .owlSlider .owl-stage,
#mainSlider .lfsWrp .slider .owlSlider .owl-item,
#mainSlider .lfsWrp .slider .owlSlider .slider,
#mainSlider .lfsWrp .slider .owlSlider .slide {
    height: inherit;
}

#mainSlider .lfsWrp .slider .owlSlider .slider {
    width: 100%;
    height: 100%;
}

#mainSlider .lfsWrp .slider .owlSlider .slide {
    background-position: center center;
}

#mainSlider .lfsWrp .slider .lr {
    border-left: 1px solid rgba(255, 255, 255, .1);
    height: 100%;
    position: absolute;
    right: 0;
    width: 80px;
    top: 0;
    z-index: 2;
}

#mainSlider .lfsWrp .slider .lr>a {
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#mainSlider .lfsWrp .slider .lr .l {
    top: 0;
    bottom: auto;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

#mainSlider .lfsWrp .slider .lr>a .icn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    color: #fff;
    font-size: 20px;
}

.coursesSpecialWrp {
    display: none !important;
}

.coursesSpecial {
    text-align: center;
}

.coursesSpecial .csTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    color: #fff;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.coursesSpecial .csDesc {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
    max-width: 300px;
    margin: 19px auto 0;
}

.coursesSpecial .semiBubble {
    border: 1px solid #333;
    height: 120px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    margin-top: 25px;
    padding: 24px 0;
    position: relative;
}

.coursesSpecial .semiBubble:after {
    content: "";
    width: 1px;
    height: 68%;
    position: absolute;
    top: 17%;
    left: 50%;
    background-color: #333;
}

.coursesSpecial .semiBubble .sbTtl {
    font-family: 'Signika', sans-serif;
    font-size: 32px;
    color: #fff;
}

.coursesSpecial .semiBubble .sbDesc {
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    color: #999;
    margin-top: 5px;
}

.coursesSpecial .list {
    list-style-type: none;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    color: #fff;
    max-width: 285px;
    margin: 19px auto 0;
}

.coursesSpecial .list li {
    text-align: left;
}

.coursesSpecial .list i {
    color: #014bff;
    margin-right: 9px;
    font-size: 17px;
    position: relative;
    top: 1px;
    left: 1px;
}

.coursesSpecial .list li {
    line-height: 28px;
}

.coursesSpecial .otd {
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    color: #999;
    font-style: italic;
    margin-top: 36px;
}

.coursesSpecial .otd span {
    color: #fff;
    font-style: normal;
}

.coursesSpecial .btn {
    margin-top: 16px;
}

.tutorialsSpecial {
    border: 1px solid #333;
    padding: 40px 15px;
    text-align: center;
    background-color: #000;
}

.tutorialsSpecial .tsHdr {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.tutorialsSpecial .tsTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
}

.tutorialsSpecial .tsTtl span {
    font-size: 28px;
    display: block;
    letter-spacing: 1.4px;
}

.tutorialsSpecial .tsTtl img {
    width: 36px;
    height: auto;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.tutorialsSpecial .tsDesc {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #fff;
    margin: 20px auto 35px;
    max-width: 270px;
    line-height: 24px;
}

.tutSearchWrp {
    background-color: #333;
    overflow: hidden;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: relative;
}

.tutSearchWrp input {
    height: inherit;
    line-height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    padding: 0 20px;
    color: #fff;
}

.tutSearchWrp i {
    width: 18px;
    height: 19px;
    color: #fff;
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.rating {
    text-align: center;
}

.rating i {
    display: inline-block;
    color: #014bff;
    font-size: 18px;
    margin: 0 1px;
}

.testimonials {
    padding-bottom: 30px;
}

.testimonials .testimonial {
    position: relative;
    margin-top: 29px;
}

.testimonials .tTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
}

.testimonials .img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.testimonials .img img {
    width: 100%;
    height: auto;
}

.testimonials .tCnt {
    font-family: 'Georgia', sans-serif;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    float: right;
    padding-left: 100px;
    line-height: 22px;
    margin-top: 6px;
}

.testimonials .by {
    clear: both;
    display: block;
    margin-top: 12px;
    line-height: 18px;
}

.testimonials .by i {
    font-size: 14px;
}

.testimonials .by span {
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    color: #999;
    font-style: normal;
    margin-left: 8px;
    vertical-align: top;
}

.lookForSounds {
    margin-left: -420px;
    width: 420px;
    height: inherit;
    background: #000 center center no-repeat;
    padding: 165px 75px 0 80px;
    background-size: cover;
}

.lookForSounds .lfsTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 33px;
    line-height: 34px;
    letter-spacing: 1px;
    margin-bottom: 27px;
}

.lookForSounds .lfsTtl span {
    font-size: 24px;
    letter-spacing: 1.3px;
    display: block;
}

.lookForSounds .synth {
    margin-top: 9px;
}

.lookForSounds .btn {
    margin-top: 20px;
}

#mobLfs {
    display: none;
}

.heroBanner {
    margin: 0 auto;
    max-width: 86%;
    z-index: 2;
}

.heroBanner .hbLbl {
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    color: #fff;
    background-color: #014bff;
    padding: 7px 13px;
    letter-spacing: 1.3px;
    display: inline-block;
}

.heroBanner .hbTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 63px;
    color: #fff;
    font-weight: 800;
    margin-top: 40px;
    letter-spacing: 2.2px;
    line-height: 62px;
}

a .heroBanner .hbTtl {
    color: #fff !important;
}

.heroBanner .hbDesc {
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    color: #9a9a9a;
    margin-top: 7px;
    letter-spacing: 0.2px;
}

.heroBanner.tutorialCategory {
    max-width: 93%;
}

.heroBanner.tutorialCategory .hbTtl {
    margin-top: 0;
}

.heroBanner.tutorialCategory .hbDesc {
    color: #65afbc;
}

.heroBanner.news {
    max-width: 81%;
}

.heroBanner.news .hbTtl {
    font-size: 52px;
    margin-top: 20px;
    letter-spacing: 2.7px;
    line-height: 56px;
}

.heroBanner.news .hbDesc {
    margin-top: 0;
}

.heroBanner.courseCategory {
    max-width: 93%;
}

.heroBanner.courseCategory .hbTtl {
    margin-top: 0;
}

.heroBanner.courseCategory .hbDesc {
    color: #f8824c;
}

.savedOrNot {
    background-color: #000;
    border: 1px solid #014aff;
    width: 170px;
    height: 60px;
    line-height: 60px;
    font-family: 'Signika', sans-serif;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding: 0 20px;
}

.savedOrNot>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
}

.savedOrNot .icn {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.savedOrNot .saved {
    opacity: 0;
}

.savedOrNot .notSaved {
    opacity: 1;
}

.savedOrNot.saved {
    background-color: #014aff;
}

.savedOrNot.saved .notSaved {
    opacity: 0;
}

.savedOrNot.saved .saved {
    opacity: 1;
}

.nwsItm {
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
}

.nwsItm .img {
    position: relative;
    z-index: 1;
}

.nwsItm .img img {
    width: 100%;
    height: auto;
    display: block;
}

.nwsItm .nwsMeta {
    background-color: #000;
    padding: 10px;
    position: relative;
    z-index: 2;
}

.nwsItm .nwsMeta .nwsInner {
    background-color: #1f1f1f;
    padding: 28px 20px 36px;
    margin-top: -40px;
}

.nwsItm .nwsMeta .nwsInner .date {
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    color: #999;
    letter-spacing: 0.4px;
    line-height: 16px;
}

.nwsItm .nwsMeta .nwsInner .niTtl {
    font-family: 'Signika', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-top: 14px;
    line-height: 28px;
    letter-spacing: 0.5px;
}

.nwsItm .nwsMeta .nwsInner .niTtl a {
    color: inherit;
    text-decoration: inherit;
}

.mpu {
    height: auto;
}

.mpu.wide {
    margin: 0 auto;
    padding: 20px 0 !important;
}

#sidebar.courses.single {
    padding-bottom: 40px;
}

#sidebar.courses.single .cssTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    max-width: 310px;
    margin: 25px auto 0;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#sidebar.courses.single .cssDesc {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-top: 19px;
}

#sidebar.courses.single .cssDesc {
    display: none !important;
}

.cssBadge {
    position: relative;
    text-align: center;
}

.cssBadge:before,
.cssBadge:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.cssBadge:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}

.cssBadge:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}

.cssBadge,
.cssBadge:before,
.cssBadge:after {
    background: #ff4100;
    width: 55px;
    height: 55px;
}

.cssBadge span {
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: -1px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    z-index: 2;
}

.crsAddToCartWrp {
    padding: 18px 0 21px;
    background-color: #222;
    margin-top: 22px;
    position: relative;
}

.crsAddToCartWrp .catcTtl {
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.crsAddToCartWrp .catcPrc {
    font-family: 'Signika', sans-serif;
    font-size: 36px;
    color: #fff;
    text-align: center;
    line-height: 56px;
    display: block;
}

.crsAddToCartWrp .catcDesc {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #999;
    text-align: center;
    font-style: italic;
    letter-spacing: -0.6px;
}

.crsAddToCartWrp .check {
    max-width: 226px;
    margin: 0 auto;
}

.crsAddToCartWrp .catcSeparator {
    background-color: #333;
    width: 100%;
    margin: 17px 0 23px;
}

.crsAddToCartWrp .check li {
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
}

.crsAddToCartWrp .btn {
    max-width: 300px;
    margin: 21px auto 0;
    display: block;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0.3px;
}

.crsAddToCartWrp .btn.added {
    cursor: default;
}

.crsAddToCartWrp .btn.added:hover {
    box-shadow: none;
}

.crsAddToCartWrp .btn .addedBlock,
.crsAddToCartWrp .btn.added .icon-shop,
.crsAddToCartWrp .btn.added .lbl {
    display: none;
}

.crsAddToCartWrp .btn.added .addedBlock {
    display: block;
}

.crsAddToCartWrp .btn .icn {
    margin-right: 15px;
}

.crsAddToCartWrp .cssBadge {
    position: absolute;
    bottom: 123px;
    right: 33px;
}

.srcTabs {}

.srcTabs .tabs {
    border-bottom: 1px solid #30343d;
}

.srcTabs .tabs a {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 64px;
    position: relative;
    letter-spacing: 1px;
    margin-right: 67px;
    display: block;
    float: left;
}

.srcTabs .tabs a:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #014bff;
    display: block;
    opacity: 0;
}

.srcTabs .tabs a.active:after,
.srcTabs .tabs a:hover:after {
    opacity: 1;
}

.srcTabs .tabs a.active,
.srcTabs .tabs a:hover,
.srcTabs .tabs a.active span,
.srcTabs .tabs a:hover span {
    color: #fff;
}

.srcTabs .tabs a:hover:after {
    box-shadow: 0px 0px 18px 2px #014bff;
}

.srcTabs .tabs a span {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    position: relative;
    top: -6px;
    margin-left: 8px;
    line-height: normal;
}

.srcTabs .tabCntWrp>* {
    display: none;
    margin: 40px 0;
}

.srcTabs .tabCntWrp .grid.custom {
    width: 12.5%;
}

.topChartItem {
    background-color: #1f1f1f;
    height: 80px;
    line-height: 80px;
    margin-bottom: 2px;
    padding-left: 80px;
    overflow: hidden;
    position: relative;
}

.topChartItem:hover {
    background-color: #171717;
}

.topChartItem>* {
    height: inherit;
    line-height: inherit;
    float: left;
}

.topChartItem .img {
    margin-left: -80px;
    width: 80px;
    height: auto;
    max-height: 80px;
    overflow: hidden;
}

.topChartItem .img img {
    width: 100%;
}

.topChartItem .ordTmp {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Signika', sans-serif;
    background-color: #004bff;
    top: 0;
    left: 0;
    font-size: 14px;
    z-index: 0;
    pointer-events: none;
    display: none;
}

.topChartItem .ord {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 20px;
    text-align: center;
    width: 6%;
    padding-left: 2%;
}

.topChartItem .tciActions.popWrp {
    margin-left: 2%;
}

.topChartItem .tciActions {
    width: 3%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}

.topChartItem .tciActions i {
    color: #fff;
    position: relative;
    top: 2px;
}

.topChartItem .tciActions a {
    margin: 0 auto;
    display: block;
}

.topChartItem .tciActions a.wishlist .icon-heartfull {
    font-size: 0;
}

.topChartItem .tciActions a.wishlist.wishlisted .icon-heart {
    font-size: 0;
}

.topChartItem .tciActions a.wishlist.wishlisted .icon-heartfull {
    font-size: 16px;
    color: #064afd;
}

.topChartItem .tciActions:not(.popWrp) a:hover i {
    color: #014bff;
}

.topChartItem .tciActions .playOrPause {
    background-color: #014bff;
    width: 40px;
}

.topChartItem .tciActions .playOrPause .icon-play {
    left: 4px;
}

.topChartItem .tciActions .playOrPause .icon-pause {
    left: -1px;
}

.topChartItem .tciActions .playOrPause.play .icon-pause,
.topChartItem .tciActions .playOrPause.pause .icon-play {
    font-size: 0 !important;
}

.topChartItem .tciTtl,
.topChartItem .tciBy,
.topChartItem .tciFor {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    text-align: left;
    width: 65%;
    margin-left: 4%;
    letter-spacing: 0.4px;
    line-height: 22px;
}

.topChartItem .tciTtl .ciBy {
    color: #999;
}

.ciBy .hgh {
    color: #fff;
}

.ciBy .clear {
    height: 3px;
}

.topChartItem .tciFor {
    width: 22.5%;
    margin-left: 1.5%;
}

.topChartItem .buyBtn {
    border: 1px solid #525252;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    width: 10.6%;
    margin-left: 2.1%;
}

.topChartItem .buyBtn i {
    color: #fff;
    margin-left: 17px;
}

.topChartItem .buyBtn .price {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    float: right;
    margin-right: 11px;
}

.topChartItem.orders .tciTtl {
    margin-left: 2%;
    width: 70%;
}

.topChartItem.orders .tciBy {
    text-align: left;
    width: 34%;
    margin-left: 4%;
}

.topChartItem.orders .dlBtn {
    background-color: #1053fb;
    height: 40px;
    line-height: 44px;
    margin-top: 20px;
    width: 40px;
    float: right;
    color: #fff;
    margin-right: 20px;
    text-align: center;
}

.topChartItem.orders .dlBtn:hover {
    background-color: #20bf00;
}

.topChartItem.orderSummary .buyBtn {
    float: right;
    margin-right: 20px;
    border: 0;
    cursor: default;
    font-size: 15px;
}

.topChartItem.orderSummary .buyBtn i {
    display: none;
}

.topChartItem.orderSummary .buyBtn:hover {
    background-color: transparent;
}

.topChartItem.software {
    height: 130px;
    line-height: 130px;
}

.topChartItem.software.orders .dlBtn {
    margin-top: 45px;
}

.topChartItem.software .img {
    margin-top: 25px;
}

.topChartItem.courseSummary .img img,
.topChartItem.softwareSummary .img img {
    margin-top: 17px;
}

.invoiceItem {
    background-color: #1f1f1f;
    height: 80px;
    line-height: 80px;
    margin-bottom: 2px;
    overflow: hidden;
}

.invoiceItem:hover {
    background-color: #171717;
}

.invoiceItem>* {
    height: inherit;
    line-height: inherit;
    float: left;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    position: relative;
}

.invoiceItem .no {
    width: 8.5%;
    text-align: center;
}

.invoiceItem .date {
    width: 18%;
    text-align: center;
}

.invoiceItem .status {
    width: 10%;
    margin-left: 3%;
    text-align: center;
}

.invoiceItem .price {
    width: 7%;
    margin-left: 9.5%;
    text-align: center;
}

.invoiceItem .for {
    width: 10%;
}

.invoiceItem .btns {
    float: right;
    width: 206px;
    margin-right: 20px;
}

.invoiceItem .btns>* {
    border: 1px solid #525252;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    display: block;
    float: left;
}

.invoiceItem .btns>*:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.invoiceItem .btns .viewReceipt {
    width: 100%;
    padding: 0 20px;
}

.invoiceItem .btns .pay i,
.invoiceItem .btns .viewReceipt i {
    float: right;
    line-height: inherit;
}

.invoiceItem .btns .pay {
    width: 55%;
    padding: 0 20px;
    background-color: #20bf00;
}

.invoiceItem .btns .pay:hover {
    box-shadow: none;
}

.invoiceItem .btns .view {
    width: 20%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    text-align: center;
}

.invoiceItem .btns .delete {
    width: 20%;
    text-align: center;
}

.invoiceItem .status:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
}

.invoiceItem.completed .status:before {
    background-color: #20bf00;
}

.invoiceItem.pending .status:before {
    background-color: #ff9900;
}

.invoiceItem.cancelled .status:before {
    background-color: #ff0101;
}

.invoiceItem.refunded .status:before {
    background-color: #999;
}

.invoiceItem .showOnMobile {
    display: none;
}

.fldWrp {
    width: 100%;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    position: relative;
    letter-spacing: 0.5px;
    margin-bottom: 24px;
    min-height: 86px;
}

.fldWrp.half {
    width: 49%;
}

.fldWrp>.fldInnerWrp>*,
.fldWrp>* {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    z-index: 2;
    position: relative;
}

.fldWrp label {
    display: block;
    margin-bottom: 8px;
}

.fldWrp .multiSelect select,
.fldWrp textarea,
.fldWrp input {
    border: 1px solid #525252;
    padding: 0 20px;
    margin: 0;
    height: 60px;
    line-height: 60px;
    background-color: #171717;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
    resize: none;
}

.fldWrp .multiSelect select {
    color: #fff;
    height: 220px;
    font-family: 'Signika', sans-serif;
    padding: 0;
    background-color: #292929;
}

.fldWrp .multiSelect select option {
    padding: 5px 15px;
    font-size: 14px;
}

.fldWrp textarea {
    min-height: 220px;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
}

.fldWrp input[readonly] {
    background-color: #333;
    color: #999;
    cursor: not-allowed;
}

.fldWrp .errStr {
    margin-top: -50px;
    z-index: 1;
}

.fldWrp.err {}

.fldWrp.err .multiSelect select,
.fldWrp.err .selectMask,
.fldWrp.err textarea,
.fldWrp.err input {
    background-color: #f49ac1;
    border-color: #ff0101;
}

.fldWrp.err .selectMask .selection,
.fldWrp.err textarea,
.fldWrp.err input,
.fldWrp.err textarea::-webkit-input-placeholder,
.fldWrp.err input::-webkit-input-placeholder {
    color: #fff !important;
}

.fldWrp.err .errStr {
    font-size: 13px;
    background-color: #ff0101;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 42px;
    padding: 0 20px;
    margin-top: -2px;
}

.fldWrp .icon-check {
    opacity: 0;
    color: #01b801;
    position: absolute;
    top: 48px;
    right: 20px;
    pointer-events: none;
    z-index: 3;
}

.fldWrp.ok .icon-check {
    opacity: 1;
}

.fldWrp .selectMask {
    background-color: #171717;
}

.fldWrp .selectMask>i {
    color: #939393;
}

.fldWrp .selectMask .selection {
    font-size: 15px;
    color: #a9a9a9;
}

.fldWrp .fldBtn {
    background-color: #525252;
    position: absolute;
    top: 1px;
    right: 0;
    width: 30%;
    text-align: center;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 59px;
}

.fldWrp .desc {
    font-style: italic;
    padding: 5px;
    color: #a9a9a9;
    font-size: 12px;
}

.followingTags {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
}

.followingTags>* {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-right: 10px;
    float: left;
    padding: 0 20px;
    letter-spacing: 0.6px;
    margin-bottom: 14px;
}

.followingTags .addMore {
    border: 1px solid #014bff;
    padding: 0 22px 0 15px;
}

.followingTags .addMore .icn {
    display: inline-block;
    margin-right: 20px;
}

.followingTags .addMore:hover .icn {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.followingTags .addMore:hover,
.followingTags>span {
    background-color: #014bff;
}

.followingTags>span .icn {
    margin-left: 30px;
    font-size: 12px;
    display: inline-block;
}

.followingTags>span a:hover .icn {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cartItem {
    background-color: #1f1f1f;
    height: 60px;
    line-height: 60px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-left: 90px;
    position: relative;
}

.cartItem.placeholder {
    display: none;
}

.cartItem:hover {
    background-color: #171717;
}

.cartItem>* {
    height: inherit;
    line-height: inherit;
    float: left;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    position: relative;
}

.cartItem .img {
    width: 60px;
    position: absolute;
    top: 0;
    left: 30px;
}

.cartItem .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cartItem.course .img img,
.cartItem.software .img img {
    height: auto;
    top: 50%;
    margin-top: -45px;
}

.cartItem .metaWrp {
    width: 78%;
    margin-left: 4%;
    height: auto;
}

.cartItem .metaWrp .ciTtl {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.4px;
}

.cartItem .metaWrp .ciBy {
    color: #999;
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px;
    letter-spacing: 0.3px;
}

.cartItem .metaWrp .ciBy.ap {
    color: #f93817;
}

.cartItem .metaWrp .ciFormat {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin-top: 27px;
    letter-spacing: 0.3px;
}

.cartItem .price {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.4px;
    text-align: center;
    width: 10%;
}

.cartItem .deleteWrp {
    width: 8%;
    color: #999;
    text-align: center;
    font-size: 20px;
}

.cartItem .deleteWrp .delete {
    position: relative;
    top: 2px;
}

.cartItem .deleteWrp .delete:hover {
    color: #fff;
}

.cartItem.download .metaWrp {
    width: 72%;
}

.cartItem.download .download {
    border: 1px solid #525252;
    height: 40px;
    line-height: 40px;
    display: block;
    width: 20%;
    padding: 0 18px;
}

.cartItem.download .download:hover {
    box-shadow: 0px 0px 18px 2px #014bff;
}

.cartItem.download .download i {
    float: right;
}

.miniSnBlock {
    padding: 30px 0;
    text-align: center;
}

.miniSnBlock .btn {
    display: block;
    float: right;
    width: 170px;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    font-size: 12px !important;
}

.miniSnBlock .btn.hasIcn .icn {
    position: relative;
    top: 2px;
    left: 0;
    font-size: 16px;
    margin-right: 3px;
}

.miniSnBlock .btn.tw {
    margin-right: 0;
}

@media screen and (max-width:1640px) {
    #cntWrp #cntInnerWrp #sidebar.sticky {
        left: auto !important;
        right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (max-width:1620px) {

    #acSIPopup.infoPopup .p,
    #acCrPopup.infoPopup .p {
        left: auto;
        right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width:1600px) {
    #submenu .item .linksWrp .links .separated {
        text-align: center;
        padding-left: 0;
    }

    #submenu .item.tutorials .linksWrp .links .separated {
        line-height: 28px;
        padding-top: 20px;
    }

    #submenu .item.tutorials .linksWrp .links .separated div {
        display: block !important;
        top: 0;
        left: 0;
        margin: 0 auto !important;
    }

    #submenu .item.courses .linksWrp .links .separated i {
        display: none;
    }
}

@media screen and (max-width:1500px) {
    #mainSlider {
        height: 480px;
    }

    .lookForSounds {
        padding-top: 85px;
    }
}

@media screen and (max-width:1400px) {

    #acSIPopup.infoPopup .p,
    #acCrPopup.infoPopup .p {
        left: auto;
        right: 0;
        margin-left: 0;
    }

    #playerWrp #player {
        margin-left: 1.5%;
    }

    .heroBanner {
        max-width: 90% !important;
    }

    .heroBanner .hbTtl {
        font-size: 50px;
        margin-top: 20px;
        line-height: 58px;
    }

    .heroBanner .hbDesc {
        font-size: 26px;
        margin-top: 5px;
    }

    .cartItem .metaWrp {
        width: 70%;
    }

    .cartItem .price {
        width: 14%;
    }

    .cartItem .deleteWrp {
        width: 12%;
    }

    .topChartItem .ordTmp {
        display: block;
    }

    .topChartItem .ord {
        display: none;
    }

    .topChartItem .tciActions {
        width: 5%;
    }
}

@media screen and (max-width:1300px) {
    #submenu .item .linksWrp .links a {
        padding: 0;
        text-align: center;
        font-size: 12px;
        position: relative;
        line-height: 170px;
    }

    #submenu .item .linksWrp .links a .icn {
        position: absolute;
        top: 25px;
        left: 50%;
        margin: 0 0 0 -17px;
    }

    #playerWrp #player {
        margin-left: 1%;
    }

    #playerWrp .playerActions .buy .icn {
        display: none;
    }

    #playerWrp .playerActions .buy {
        padding: 0;
        text-align: center;
    }

    #playerWrp .playerActions .list .icn {
        margin-left: 0;
    }
}

@media screen and (max-width:1200px) {
    .dynCurrPrice del {
        display: none !important;
    }

    #mainSlider {
        height: 385px;
    }

    #mainSlider .lfsWrp {
        margin-left: 360px;
    }

    .lookForSounds {
        margin-left: -360px;
        width: 360px;
        padding: 40px 50px;
    }

    .cartItem .metaWrp {
        width: 60%;
    }

    .cartItem .price {
        width: 19%;
    }

    .cartItem .deleteWrp {
        width: 17%;
    }

    .miniSnBlock {
        padding: 20px;
    }

    .subscriptionFeatures .cnt {
        left: -30%;
        width: 160%;
    }
}

@media screen and (max-width:1100px) {
    footer#bottom .top {
        padding-top: 60px;
    }

    header#top .searchWrp .src {
        font-size: 0;
        padding: 0;
        top: -5px;
        position: relative;
        display: none;
    }

    header#top .searchWrp .icn {
        position: relative;
        margin: -9px 0 0 -9px;
        float: none;
        display: block;
        top: 50%;
        left: 50%;
        right: auto;
    }

    header#top .searchWrp:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    #mobSearch {
        position: fixed;
        top: 0;
        height: 80px;
        width: 100%;
        z-index: 999999;
        display: block;
        background-color: #000;
        left: auto;
        right: -100%;
    }

    #mobSearch.show {
        right: 0;
    }

    .heroBanner .hbTtl {
        font-size: 40px;
        margin-top: 20px;
        line-height: 48px;
    }

    .heroBanner .hbDesc {
        font-size: 20px;
        margin-top: 5px;
    }

    .topChartItem .tciTtl,
    .topChartItem .tciBy,
    .topChartItem .tciFor {
        width: 55%;
    }

    .topChartItem .buyBtn {
        width: 20%;
    }

    .topChartItem .tciActions.popWrp {
        margin-left: 2%;
    }

    .invoiceItem .status:before {
        left: -15px;
    }

    .topChartItem.orders .tciTtl {
        margin-left: 4%;
    }

    .miniSnBlock>a {
        width: 165px !important;
    }

    #cslPopup.infoPopup .p {
        left: 5%;
        margin-left: 0;
    }

    #cslPopup.infoPopup .p .midLine>.right {
        width: 32%;
        padding-top: 6px;
    }
}

@media screen and (max-width:1024px) {
    .rf-photo {
        height: auto !important;
        display: block !important;
    }

    .rf-recommendation-col {
        width: 100% !important;
    }

    .rf-photo-container {
        max-width: 25%;
        float: left;
    }

    .rf-title {
        float: right;
        width: 75%;
        margin: 0 !important;
    }

    .rf-recommendation-header span {
        display: block;
        margin: 0;
    }

    #cslPopup.infoPopup .p .botLine .rf-recommendations .rf-recommendation-col {
        width: 20% !important;
    }

    #cslPopup.infoPopup .p .botLine .rf-recommendations .rf-photo-container {
        max-width: 100% !important;
        float: none !important;
    }

    #cslPopup.infoPopup .p .botLine .rf-recommendations .rf-photo {
        height: 150px !important;
        display: table-cell !important;
    }
}

@media screen and (max-width:1000px) {
    .gutter {
        padding: 0 20px;
    }

    .wpContent .ytBlock>iframe {
        height: 300px;
    }

    header#top .nav li a {
        margin: 0;
        padding: 0 10px;
    }

    header#top .nav {
        margin-left: 7px;
    }

    header#top .lBlock {
        width: 411px;
    }

    header#top .searchWrp {
        height: inherit;
        display: block;
        padding: 0 260px 0 425px;
    }

    header#top .rBlock .signIn,
    header#top .rBlock .createAccount {
        padding: 0;
    }

    header#top .rBlock {
        width: 261px;
    }

    header#top .cart {
        width: 50px;
    }

    header#top .rBlock .signIn {
        margin-left: 20px;
        margin-right: 10px;
    }

    header#top .rBlock .signIn:before {
        left: -11px;
    }

    header#top .rBlock .userData {
        margin-right: 50px;
    }

    header#top .rBlock .userData .cartCount {
        margin-right: 5%;
    }

    header#top .rBlock .userData i {
        margin-left: 10%;
    }

    header#top .cart .prc {
        display: none;
    }

    header#top .cart .icn {
        top: 0;
        left: 0;
    }

    #main {
        padding-bottom: 0;
    }

    footer#bottom {
        height: auto;
        margin: 0;
    }

    footer#bottom .top {
        height: auto;
        padding: 40px 0;
    }

    footer#bottom .fFeatures {
        padding: 0 10px;
        margin: 0;
        text-align: center;
    }

    footer#bottom .fFeatures .icnWrp {
        margin: 0 auto 20px;
        float: none;
    }

    footer#bottom .bottom {
        height: auto;
    }

    footer#bottom .bottom .botWrp {
        padding: 30px 0 50px;
    }

    footer#bottom .bottom .botWrp .logoWrp {
        float: none;
        top: 0;
        transform: none;
        -webkit-transform: none;
        text-align: center;
        clear: both;
    }

    footer#bottom .bottom .botWrp .logoWrp .logo {
        margin: 30px auto;
        display: inline-block;
    }

    footer#bottom .bottom .botWrp .linksWrp {
        width: 100%;
        padding: 10px 0 0 10%;
    }

    #playerWrp #player {
        width: 45%;
        margin-left: 0.5%;
    }

    #playerWrp .playerActions {
        width: 32%;
    }

    #playerWrp #playlist>.gutter {
        padding: 0 40px;
    }

    #cntWrp #cntInnerWrp {
        margin-right: 360px;
    }

    #cntWrp #cntInnerWrp #sidebar {
        width: 360px;
        margin-right: -360px;
    }

    .ttlBlock .tbDesc {}

    .ttlBlock .lrWrp.rightAligned {
        right: 20px;
    }

    .fldWrp.half {
        width: 100%;
    }

    #acWlPopup.infoPopup .ipTtlWrp .gutter {
        padding-left: 40px;
    }

    .subscriptionFeatures .sFeat {
        margin: 0 4.5%;
    }

    .subscriptionFeatures .sFeat .cnt {
        left: -20%;
        width: 140%;
    }
}

@media screen and (max-width:980px) {
    #mainSlider {
        height: 380px;
    }

    #mainSlider .lfsWrp {
        margin-left: 0;
    }

    .lookForSounds {
        margin-left: 0;
        width: 100%;
        float: none;
        display: none;
    }

    #mainSlider .lfsWrp .slider .lr {
        width: 60px;
    }

    #mainSlider .lfsWrp .slider .lr>a .icn {
        margin: -9px 0 0 -9px;
        font-size: 18px;
    }

    #mobLfs {
        display: block;
        padding: 36px 21px 40px;
    }

    .lookForSounds .lfsTtl {
        text-align: center;
    }

    .lookForSounds .lfsTtl span {
        font-size: inherit;
        line-height: inherit;
        display: inline;
    }

    .lookForSounds .selectMask {
        float: left;
        width: 42%;
        margin-top: 0;
    }

    .lookForSounds .btn {
        float: left;
        width: 12%;
        padding: 0;
        font-size: 0;
        margin-top: 0;
        min-width: 0;
        height: 60px;
        line-height: 60px;
    }

    .lookForSounds .btn i {
        right: 50% !important;
        margin: -10px -10px 0 0 !important;
        font-size: 20px !important;
    }

    .lookForSounds .selectMask.synth {
        margin: 0 2%;
    }

    #mobSearch .searchWrp .close {
        width: 60px;
    }

    .topChartItem .tciTtl .ciTtl,
    .topChartItem .tciTtl .ciBy {
        height: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }

    .topChartItem.software .tciTtl .ciBy {
        height: auto;
    }

    .topChartItem .tciTtl,
    .topChartItem .tciBy,
    .topChartItem .tciFor {
        width: 47%;
    }

    .topChartItem .tciActions.popWrp {
        margin-left: 4%;
    }

    .topChartItem .tciActions {
        width: 7%;
    }

    .miniSnBlock>a {
        width: 154px !important;
    }
}

@media screen and (max-width:950px) {
    .gutter>.upsellDiscount {
        margin-top: 0;
    }

    .cartItem.course .img img,
    .cartItem.software .img img {
        margin-top: -22px;
    }
}

@media screen and (max-width:900px) {
    #playerWrp #player {
        width: 43%;
    }

    .shopItem .itemActions .options,
    .shopItem .itemActions .wishlist {
        width: 20%;
    }

    .shopItem .itemActions .addToCart {
        width: 60%;
    }

    .shopItem .itemActions .addToCart .icn {
        left: 15%;
    }

    .ttlBlock .lrWrp {
        right: 91px;
        width: 70px;
    }

    .savedOrNot,
    .miniSnBlock>.btn,
    .miniSnBlock>a {
        font-size: 0 !important;
        width: 31.33% !important;
        margin: 0 1% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .savedOrNot i,
    .miniSnBlock i {
        font-size: 22px !important;
        top: 8px !important;
        margin: 0 !important;
    }

    .subscriptionFeatures .sFeat {
        margin: 0 3.5%;
    }
}

@media screen and (max-width:800px) {
    .infoPopup .p {
        width: 90%;
        margin-left: 0;
        left: 5%;
    }

    .subscriptionFeatures .sFeat {
        margin: 0 10%;
        margin-bottom: 170px;
    }

    .subscriptionFeatures .sFeat .cnt {
        left: -50%;
        width: 200%;
        top: 150px;
    }

    #subCnclPopup.infoPopup .p {
        max-width: none;
        margin-left: 0;
    }
}

@media screen and (max-width:782px) {
    .admin-bar header#top {
        top: 46px;
    }
}



@media screen and (max-width:767px) {
    #rf-search-box {
        display: none !important;
    }

    .right.user i {
        left: 20px;
    }

    #mainWrp {
        min-height: 0;
    }

    #main:before {
        height: 60px;
    }

    .deskOnlyHeader {
        display: none;
    }

    .mobOnlyHeader {
        display: block;
    }

    #mainSlider {
        height: 300px;
    }

    #cnt .shopItemsSlider {
        padding: 0 20px;
    }

    .lookForSounds .lfsTtl {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 14px;
    }

    .lookForSounds .btn {
        height: 40px;
        line-height: 40px;
    }

    .lookForSounds .btn i {
        right: 50% !important;
        margin: -6px -6px 0 0 !important;
        font-size: 12px !important;
    }

    .catHeader.mobOnlyHeader .chDesc {
        padding: 0;
        font-size: 10px;
        line-height: 13px;
        letter-spacing: 0.5px;
    }

    .catHeader.mobOnlyHeader .chTtlWrp .chTtl {
        font-size: 23px;
    }

    .catHeader.mobOnlyHeader .chTtlWrp .chTtl.logoExists {
        font-size: 0;
    }

    .catHeader.mobOnlyHeader .chTtlWrp .following {
        margin: 5px 0 0 10px;
    }

    html.iPhone header#top {
        top: -2px;
    }

    header#top {
        height: 60px;
        line-height: 60px;
    }

    header#top .gutter.desktop {
        display: none !important;
    }

    header#top .gutter.mobile {
        display: block !important;
        padding: 0;
        line-height: inherit;
    }

    header#top .gutter.mobile>div,
    header#top .gutter.mobile>a {
        height: inherit;
        line-height: inherit;
        font-size: 16px;
        text-align: center;
        width: 60px;
        color: #fff;
        position: relative;
        z-index: 2;
    }

    header#top .gutter.mobile>a.search,
    header#top .gutter.mobile>.user {
        border: 1px solid #161616;
        border-top: 0;
        border-bottom: 0;
        border-right: 0;
    }

    .logged-in header#top .gutter.mobile>.user {
        color: #024bff;
    }

    header#top .gutter.mobile>a.logoWrp {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: inherit;
        z-index: 1;
    }

    header#top .gutter.mobile>a.logoWrp i {
        margin: 0 auto;
        width: auto;
        height: auto;
        font-size: 19px;
    }

    header#top .gutter.mobile>a.menu i {
        position: relative;
        width: 12px;
        height: 10px;
        display: block;
        margin: 0 auto;
    }

    header#top .gutter.mobile>a.menu i span.t {
        top: 0;
    }

    header#top .gutter.mobile>a.menu i span.m {
        top: 50%;
        margin-top: -1px;
    }

    header#top .gutter.mobile>a.menu i span.b {
        bottom: 0;
    }

    header#top .gutter.mobile>a.menu.open i {
        width: 14px;
    }

    header#top .gutter.mobile .logo {
        margin: 0 auto;
    }

    header#top .cart.showQty .icon-cross {
        display: inline-block;
    }

    header#top .cart.showQty .icon-shop {
        display: none;
    }

    #submenu {
        position: absolute;
        background-color: #0f0f0f;
        overflow: auto;
        top: 0;
        height: 100%;
        padding-top: 53px;
    }

    #submenu>.gutter {
        max-width: 500px;
    }

    #submenu.subShow {
        z-index: 9999;
        opacity: 1;
    }

    #submenu .item .linksWrp {
        width: 100%;
        margin-bottom: 30px;
    }

    #submenu .item .nav {
        width: 100%;
        margin: 0;
    }

    #submenu .mobBack {
        display: block;
        position: absolute;
        top: 70px;
        left: 15px;
        color: #fff;
        font-size: 30px;
        z-index: 99;
    }

    #submenuMobile {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        display: block;
        background: #000;
        padding: 58px 0 25px;
        overflow: auto;
    }

    #submenuMobile.show {
        z-index: 999;
        opacity: 1;
    }

    #submenuMobile a {
        display: block;
        height: 28px;
        line-height: 28px;
        color: #999;
        font-family: 'Signika', sans-serif;
        border-bottom: 1px solid #161616;
        font-size: 14px;
        letter-spacing: 1.7px;
        position: relative;
    }

    #submenuMobile a.hasSub {
        color: #fff;
    }

    #submenuMobile a .icn {
        position: absolute;
        top: 50%;
        right: -5px;
        color: #fff;
        font-size: 18px;
        margin-top: -9px;
    }

    #submenuMobile .loggedInLinks {
        margin-top: 20px;
    }

    #submenuMobile .loggedInLinks a .liIcn {
        margin-right: 10px;
        position: relative;
        top: 2px;
    }

    #mobSearch {
        height: 60px;
    }

    #mobSearch .searchWrp .icn {
        margin: -8px 0;
        top: 50%;
        font-size: 16px;
        height: 16px;
    }

    #mobSearch .searchWrp .close .t {
        top: 20px;
    }

    #mobSearch .searchWrp .close .b {
        bottom: 22px;
    }

    .selectMask {
        height: 40px;
        line-height: 40px;
    }

    .selectMask .selection {
        font-size: 13px;
    }

    .selectMask>i {
        top: 11px;
        right: 5px;
        font-size: 16px;
    }

    .ttlBlock .tbTtl {
        font-size: 17px;
        margin-right: 10px;
    }

    .ttlBlock .tbDesc {
        font-size: 12px;
        margin-top: 3px;
    }

    .ttlBlock .viewAll {
        top: -5px;
        width: 80px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }

    #cntWrp #cntInnerWrp {
        margin-right: 0;
        padding-bottom: 0;
    }

    #cntWrp #cntInnerWrp #cnt {
        float: none;
    }

    #cntWrp #cntInnerWrp #sidebar {
        width: 100%;
        margin-right: 0;
        float: none;
        padding-top: 37px;
        margin-bottom: 36px;
    }

    #cntWrp #cntInnerWrp #sidebar.sticky.toTop,
    #cntWrp #cntInnerWrp #sidebar.sticky.toBottom,
    #cntWrp #cntInnerWrp #sidebar.sticky {
        position: relative !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
    }

    .stickyHelper {
        display: none !important;
    }

    #sidebar .snInfoWrp {
        margin-top: 44px;
        display: none;
    }

    #sidebar .newsWrp {
        margin-top: 40px;
        display: none;
    }

    #sidebar .separator {
        height: 3px;
        margin: 14px 0 22px;
    }

    #sidebar .ttlBlock .tbDesc {
        display: inline;
        font-size: 13px;
        margin-top: 0;
    }

    .chartWrp .btn {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .chartItem .img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .chartItem .right {
        width: 100%;
        padding-left: 120px;
    }

    .chartItem.courses .img {
        width: 160px;
    }

    .chartItem.courses .img .hoverBlock .bgLnk {
        z-index: 3;
    }

    .chartItem.courses .right {
        width: 100%;
    }

    .newsWrp .btn {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .newsItem .niLead {
        height: 26px;
        line-height: 26px;
        font-size: 10px;
        padding: 0 15px;
    }

    .itemActions {
        height: 32px;
        line-height: 32px;
    }

    .itemActions .options,
    .itemActions .wishlist {
        width: 17%;
    }

    .itemActions .icn {
        font-size: 14px;
        margin: -7px 0 0 -7px;
    }

    .itemActions .addToCart {
        width: 66%;
        font-size: 12px;
        padding-right: 1px;
    }

    .itemActions .addToCart .icn {
        display: none;
        left: 15%;
    }

    .shopItem .mobOnly {
        display: block;
    }

    .shopItem .hoverBlock .itemActions {
        display: none !important;
    }

    .shopItem {
        width: 100%;
        padding-left: 120px;
        padding-bottom: 20px;
        border-bottom: 1px solid #323232;
        margin-bottom: 20px;
        position: relative;
        height:120px;
    }

    .shopItem .img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .shopItem .siTtl {
        margin-top: 9px;
    }

    .shopItem .siBy {
        margin-top: 3px;
    }

    .shopItem .itemActions {
        margin-top: 19px;
 
        position: relative;
        border: 1px solid #323232;
    }

    .shopItem .itemActions .options,
    .shopItem .itemActions .wishlist {
        width: 17%;
    }

    .shopItem .itemActions .addToCart {
        width: 66%;
    }

    .shopItem .new,
    .shopItem .sale {
        height: 18px;
        line-height: 18px;
        font-size: 10px;
        padding: 0 8px;
    }

    .owl-controls {
        padding-top: 3px;
    }

    .owl-controls .owl-dots>div {
        width: 46px;
    }

    #cnt>div {
        padding: 40px 0 45px;
    }

    #cnt .shopItemsSlider {
        margin-top: 25px;
        padding: 0 11px;
    }

    #cnt .shopItemsSlider .owl-stage {
        transform: none !important;
        width: 100% !important;
    }

    #cnt .shopItemsSlider .owl-stage .owl-item {
        margin-right: 0 !important;
        width: 100% !important;
    }

    #cnt .shopItemsSlider .owl-controls {
        display: none !important;
    }

    #playerWrp .imgTtlWrp {
        width: 70%;
        margin-left: 80px;
    }

    #playerWrp>.gutter {
        padding: 0;
    }

    #playerWrp .playerActions {
        display: none;
        width: 30px;
        margin-right: 20px;
    }

    #playerWrp #player>span,
    #playerWrp .playerActions>* {
        display: none;
    }

    #playerWrp #player {
        width: 80%;
        position: absolute;
        top: 0px;
        margin-left: 18.5%;
    }

    #playerWrp .playerActions .fullH.mobOnly {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 32px;
        border: 1px solid #222222;
        color: #fff;
        text-align: center;
        margin-top: 0;
        margin-top: -4px;
    }

    #playerWrp .playerActions .fullH.mobOnly:hover {
        background-color: #333;
    }

    #playerWrp #player .waveform img {
        top: -50%;
    }

    #playerWrp #playlist .playlistWrp {
        height: 260px;
        top: 0;
        margin-top: 0;
    }

    #playerWrp .playerActions .fullH.mobOnly i {
        font-size: 12px;
        top: -1px;
        position: relative;
    }

    #playerWrp.showPlaylist .playerActions .fullH.mobOnly i {
        transform: rotate(180deg) !important;
        -webkit-transform: rotate(180deg) !important;
        -moz-transform: rotate(180deg) !important;
        -o-transform: rotate(180deg) !important;
        display: block;
        position: relative;
        top: 8px;
    }

    #playerWrp .ttlBlock {
        display: none;
    }

    #playerWrp .imgTtlWrp .pTtl {
        margin-top: 4px;
        display: none;
    }

    #playerWrp .imgTtlWrp .pDesc {
        margin-top: 0px;
        display: none;
    }

    #playerWrp.showPlaylist #mobBtns {
        position: absolute;
        top: 61px;
        left: 0;
        width: 100%;
        height: 50px;
        z-index: 9;
        background: inherit;
    }

    #playerWrp.showPlaylist #mobBtns>.gutter {
        padding: 0 10px;
    }

    #playerWrp.showPlaylist #mobBtns a {
        width: 49%;
        margin: 0;
        height: 48px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        font-family: 'Signika', sans-serif;
        border: 1px solid #1b1b1b;
        margin-right: 1%;
        position: relative;
    }

    #playerWrp.showPlaylist #mobBtns .buy {
        text-align: right;
        margin-right: 0;
        margin-left: 1%;
        background-color: #1ca600;
    }

    #playerWrp.showPlaylist #mobBtns .buy .price {
        margin-right: 10px;
        margin-right: 19px;
        font-size: 14px;
    }

    #playerWrp.showPlaylist #mobBtns .buy i {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 22px;
    }

    #playerWrp.showPlaylist #mobBtns {
        display: block;
    }

    #playerWrp.showPlaylist #mobBtns .wishlist .icon-heartfull {
        font-size: 0;
    }

    #playerWrp.showPlaylist #mobBtns .wishlist.wishlisted .icon-heart {
        font-size: 0;
    }

    #playerWrp.showPlaylist #mobBtns .wishlist.wishlisted .icon-heartfull {
        font-size: 16px;
        color: #064afd;
    }

    #playerWrp.showPlaylist #mobBtns .addToCart.added>* {
        display: none;
    }

    #playerWrp.showPlaylist #mobBtns .addToCart .addedBlock {
        display: none;
    }

    #playerWrp.showPlaylist #mobBtns .addToCart.added .addedBlock {
        text-align: center;
        display: block;
        color: #17c600;
        background-color: #000;
        height: 100%;
    }

    #playerWrp.showPlaylist #mobBtns .addToCart.added .addedBlock i {
        margin-right: 10px;
        color: #17c600;
        position: relative;
        top: 2px;
        left: 0;
    }

    #playerWrp.showPlaylist #mobBtns .addToCart.added:hover {
        background-color: #1c1c1c;
    }

    #playerWrp.showPlaylist #mobBtns .addToCart.added {
        cursor: default;
    }

    #playerWrp .loading {
        height: 95%;
    }

    #playerWrp.showPlaylist.items0 .dummyBg {
        height: 200% !important;
    }

    #playerWrp.showPlaylist {
        top: auto;
    }

    #playerWrp #playlist .closeBtn {
        display: none;
    }

    #playerWrp #playlist .removeSingleItem {
        display: block;
    }

    #playerWrp #playlist .chartItem:before {
        width: 100%;
        left: 0;
    }

    #playerWrp #playlist>.gutter {
        padding: 0 20px;
    }

    #playerWrp #playlist {
        max-width: none;
    }

    #playerWrp .imgTtlWrp .img .hoverBlock {
        opacity: 1 !important;
    }

    #playerWrp .imgTtlWrp .img .pause {
        background-color: #0042ff !important;
    }

    footer#bottom .top {
        padding: 40px 0 8px;
    }

    footer#bottom .bottom .botWrp .linksWrp {
        display: none;
    }

    footer#bottom .fFeatures {
        padding: 0;
        margin-left: 19.5%;
        text-align: left;
        padding-right: 3%;
        margin-bottom: 15px;
    }

    footer#bottom .fFeatures .icnWrp {
        float: left;
        margin-left: -55px;
        width: 40px;
        height: 40px;
    }

    footer#bottom .fFeatures .icnWrp .icn {
        font-size: 14px;
        margin: -7px 0 0 -7px;
    }

    footer#bottom .fFeatures .fTtl {
        font-size: 12px;
        letter-spacing: 0.4px;
        top: -1px;
    }

    footer#bottom .fFeatures.ccardWrp .fTtl {
        margin-bottom: 5px;
    }

    footer#bottom .fFeatures.ccardWrp img {
        height: 25px;
    }

    footer#bottom .fFeatures .fDesc {
        margin-top: 4px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: -0.2px;
    }

    footer#bottom .bottom .botWrp .logoWrp .logo {
        font-size: 33px;
        margin: 10px 0;
    }

    footer#bottom .bottom .botWrp .logoWrp small {
        margin-top: -3px;
        font-size: 9px;
        letter-spacing: 0.8px;
    }

    .wpContent {
        font-size: 14px;
        font-family: 'Signika', sans-serif;
        letter-spacing: 0.6px;
        line-height: 24px;
    }

    .wpContent p {
        margin-top: 7px;
    }

    .wpContent .ytBlock {
        background-color: #000;
        margin: 22px 0 24px;
    }

    .wpContent .ytBlock>iframe {
        height: 229px;
    }

    .wpContent blockquote {
        padding: 25px 0;
    }

    .wpContent blockquote,
    .wpContent blockquote p,
    .wpContent blockquote p a {
        font-size: 12px;
    }

    .wpContent blockquote p {
        line-height: 24px;
        letter-spacing: .5px;
    }

    .wpContent blockquote p:before {
        top: 56px;
        left: -13px;
        font-size: 100px;
    }

    .infoPopup .p {
        top: 0;
        left: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
    }

    .infoPopup .closeBtn {
        top: -6px;
    }

    #subCnclPopup.infoPopup .p {
        margin-top: 100px;
        height: auto;
    }

    .following {
        font-size: 11px;
        height: 22px;
        line-height: 22px;
        width: 100px;
    }

    .following.f .icn {
        font-size: 11px;
        margin-right: 5px;
        top: 1px;
        position: relative;
    }

    .rf-recommendations {
        margin-top: 40px;
    }

    .rf-recommendation-container {
        margin: 40px 20px 0 !important;
    }

    .rf-recommendation-header span {
        line-height: 26px;
    }

    .rf-recommendation-col,
    .rf-recommendation-product {
        width: 100%;
        display: block;
        clear: both;
    }

    .rf-photo {
        margin: 10px 0;
    }

    .rf-title {
        margin-top: 20px !important;
    }

    .yotpo-reviews.main h2 {
        line-height: 26px;
    }

    .yotpo-reviews.main:before {
        margin-bottom: 40px;
    }

    .topSeparator.addedPadding {
        margin-top: 20px !important;
        padding-top: 20px !important;
    }

    .topSeparator:before {
        display: none;
    }

    .playableItem.tutorials {
        padding: 0 0 20px;
        margin-bottom: 20px;
    }

    .playableItem.tutorials .img {
        width: 100%;
        left: 0;
        height: auto;
        position: relative;
        max-width: 400px;
        margin: 0 auto;
    }

    .playableItem.tutorials .img img {
        max-height: none;
    }

    .playableItem.tutorials .img .hoverBlock {
        left: 0;
    }

    .playableItem.tutorials .itemActions,
    .playableItem.tutorials .img .hoverBlock .tutorialActions {
        display: none !important;
    }

    .playableItem.tutorials .siTtl,
    .playableItem.tutorials .siBy {
        text-align: center;
    }

    .srcTabs .tabs a {
        width: 33.33%;
        margin: 0;
        text-align: center;
    }

    .ttlBlock .lrWrp {
        display: none;
    }

    #cntWrp #cntInnerWrp #sidebar.courses {
        padding-top: 37px;
        margin-bottom: 0;
    }

    .userReview {
        padding: 35px 0;
    }

    .topChartItem {
        height: auto;
        line-height: 90px;
        padding-left: 0;
        max-width: 300px;
        margin: 20px auto;
    }

    .topChartItem .tciTtl,
    .topChartItem .tciBy,
    .topChartItem .tciFor {
        font-size: 13px;
        letter-spacing: 0.4px;
        line-height: 18px;
        width: 100%;
        margin: 0;
        text-align: center;
        height: 90px;
    }

    .topChartItem.orders .dlBtn {
        height: 30px;
        line-height: 34px;
        margin-top: 30px;
        width: 30px;
        font-size: 14px;
    }

    .topChartItem .tciActions {
        margin-top: 25px;
    }

    .topChartItem .img {
        margin-left: 0;
        width: 100%;
        height: auto;
        min-height: 240px;
        position: relative !important;
        left: 0 !important;
        float: none;
        display: inline !important;
    }

    .topChartItem .tciActions {
        width: 33.33%;
        margin: 10px 0 !important;
    }

    .topChartItem .buyBtn {
        width: 80%;
        margin: 10px auto;
        display: block;
        position: relative;
        float: none;
        clear: both;
    }

    .invoiceItem {
        padding: 10px 20px;
        height: auto;
        line-height: normal;
    }

    .invoiceItem>* {
        margin: 5px 0 !important;
    }

    .invoiceItem>*:after {
        margin-right: 10px;
        float: left;
        color: #999;
    }

    ¸.invoiceItem .no {
        width: 100%;
        text-align: left;
    }

    .invoiceItem .no:after {
        content: "Order no:";
    }

    .invoiceItem .date {
        width: 100%;
        text-align: left;
    }

    .invoiceItem .date:after {
        content: "Date:";
    }

    .invoiceItem .status {
        width: 100%;
        text-align: left;
    }

    .invoiceItem .status:after {
        content: "Status:";
        margin-right: 20px;
    }

    .invoiceItem .status:before {
        left: 50px;
    }

    .invoiceItem .price {
        width: 100%;
        text-align: left;
    }

    .invoiceItem .price:after {
        content: "Price:";
    }

    .invoiceItem .for {
        width: 100%;
        text-align: left;
    }

    .invoiceItem .for:after {
        content: "For:";
    }

    .invoiceItem .btns {
        width: 100%;
    }

    .invoiceItem .btns>*,
    .invoiceItem .btns .viewReceipt {
        margin-top: 0;
    }

    .invoiceItem .btns>*,
    .invoiceItem .btns .viewReceipt {
        border-radius: 0 !important;
    }

    .invoiceItem .btns .view {
        margin: 0 !important;
        border-left: 0;
        border-right: 0;
    }

    .invoiceItem .btns .pay {
        width: 60%;
    }

    .paging>* {
        display: none;
    }

    .paging>*.prev,
    .paging>*.next {
        display: inline-block;
    }

    .showMLoggedInLinks .mLoggedInLinks {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        padding-top: 60px;
        overflow: auto;
    }

    #acWlPopup.infoPopup .ipCntWrp .info {
        margin-top: 20px;
    }

    #acSIPopup.infoPopup .mobOnly {
        display: block;
        margin-top: 20px;
        border-top: 1px solid #212121;
        padding-top: 10px;
        margin-bottom: 60px;
    }

    #acSIPopup.infoPopup {
        top: 0 !important;
    }

    #acSIPopup.infoPopup.show .p {
        padding-top: 80px !important;
    }

    #acSIPopup.infoPopup .p {
        max-width: none;
    }

    .gutter>.upsellDiscount {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .topChartItem.software {
        height: auto;
    }

    .topChartItem.software .tciTtl,
    .topChartItem.software .tciBy,
    .topChartItem.software .tciFor {
        height: 120px;
    }

    .topChartItem.courseSummary .img img,
    .topChartItem.softwareSummary .img img {
        margin-top: 0;
    }

    .cartItem.course .img img,
    .cartItem.software .img img {
        margin-top: -17px;
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .playableItem .img .hoverBlock {
        left: -120px;
        opacity: 1;
    }

    .playableItem.courses .img .hoverBlock {
        width: 120px;
    }

    .playableItem .img .hoverBlock:before {
        display: none;
    }

    .playableItem .img {
        position: absolute;
        top: 0;
        left: 120px;
        overflow: visible;
    }

    .shopItem,
    .playableItem .right {
        padding-left: 240px;
        width: 88%;
    float: left;
    }

    .playableItem.courses .right {
        padding-left: 300px;
        min-height: 90px;
    }

    #playerWrp #playlist .playlistWrp .playableItem .img .hoverBlock {
        left: -60px;
        opacity: 1;
    }

    #playerWrp #playlist .playlistWrp .playableItem .img .hoverBlock:before {
        display: none;
    }

    #playerWrp #playlist .playlistWrp .playableItem .img {
        position: absolute;
        top: 0;
        left: 80px;
        overflow: visible;
    }

    #playerWrp #playlist .playlistWrp .playableItem .right {
        padding-left: 120px;
        width: 100%;
    }

    .shopItem.courses .img .hoverBlock .wishlist {
        display: none;
    }

    .shopItem.courses .img .hoverBlock .playOrPause {
        margin-left: -25px;
    }

    .shopItem.playableItem.courses .img img {
        height: 56px;
        position: absolute;
        top: 50%;
        margin-top: -28px;
        left: 0;
    }
}

@media screen and (min-width:481px) and (max-width:550px) {
    .playableItem .img .hoverBlock {
        left: -100px;
    }

    .playableItem.courses .img .hoverBlock {
        width: 100px;
    }

    .playableItem .img {
        left: 100px;
    }

    .shopItem,
    .playableItem .right {
        padding-left: 210px;
        width: 88%;
    }

    .playableItem.courses .right {
        padding-left: 280px;
    }
}

@media screen and (max-width:650px) {
    .subscriptionFeatures .sFeat .cnt {
        left: -30%;
        width: 160%;
    }
}

@media screen and (max-width:600px) {
    .srcTabs .tabs a {
        width: 100%;
        clear: both;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        float: none;
    }

    .admin-bar header#top {
        top: 0;
    }

    .userNotice {
        width: 94%;
        right: 3%;
    }

    .userNotice .btnWrp span {
        overflow: hidden;
    }
}

@media screen and (max-width:568px) {
    .heroBanner .hbLbl {
        font-size: 10px !important;
        padding: 5px 10px !important;
        letter-spacing: 0.6px !important;
    }

    .heroBanner .hbTtl {
        font-size: 20px !important;
        margin-top: 10px !important;
        letter-spacing: 1.1px !important;
        line-height: 28px !important;
    }

    .heroBanner .hbDesc {
        font-size: 12px !important;
        margin-top: 4px !important;
        letter-spacing: 0.1px !important;
    }

    .heroBanner.tutorialCategory .hbLbl,
    .heroBanner.courseCategory .hbLbl {
        padding: 0 !important;
    }

    #subCnclPopup.infoPopup .p .btn {
        width: auto;
        margin: 10px auto !important;
        padding: 0 20px;
        float: none;
    }
}

@media screen and (max-width:500px) {
    .subscriptionFeatures .sFeat {
        display: block;
        margin: 0 auto 180px;
    }
}

@media screen and (max-width:480px) {
    #topCart {
        width: 100%;
    }

    #playerWrp .imgTtlWrp {
        width: 62%;
        margin-left: 80px;
    }

    #playerWrp .imgTtlWrp .img {
        margin-left: -68px;
    }

    #playerWrp .playerActions {
        margin-right: 10px;
    }

    #playerWrp #playlist .playlistWrp .playableItem .img {
        left: 20px;
    }

    .chartItem .img .hoverBlock .pause .icon-pause,
    .shopItem .img .hoverBlock .pause .icon-pause {
        margin-left: -5px !important;
    }

    .tutorialActions,
    .chartItem .img .hoverBlock .playOrPause,
    .shopItem .img .hoverBlock .playOrPause {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
    }

    .tutorialActions .icn,
    .chartItem .img .hoverBlock .playOrPause .icn,
    .shopItem .img .hoverBlock .playOrPause .icn {
        font-size: 12px;
        margin: -6px 0 0 -4px;
        color: #fff;
    }

    .chartItem.courses .img {
        width: 110px;
        height: 62px;
    }

    .chartItem.courses .img .hoverBlock .play .icn {
        margin-left: -5px !important;
    }

    #mainSlider {
        height: 200px;
    }

    .itemActions .options,
    .itemActions .wishlist {
        width: 17%;
    }

    .itemActions .addToCart {
        width: 66%;
    }

    .shopItem.courses .img .hoverBlock * {
        display: none;
    }

    .shopItem.courses .img .hoverBlock .bgLnk {
        display: block;
    }

    .shopItem.courses .img:hover .hoverBlock {
        opacity: 0.1;
    }
}

@media screen and (max-width:480px) {
    .playerShown #intercom-container {
        z-index: 2147483647 !important;
    }
}

.grid {
    float: left;
}

.grid.right {
    float: right;
}

.grid100 {
    width: 100%;
}

.grid70 {
    width: 70%;
}

.grid65 {
    width: 65%;
}

.grid60 {
    width: 60%;
}

.grid50 {
    width: 50%;
}

.grid45 {
    width: 45%;
}

.grid40 {
    width: 40%;
}

.grid30 {
    width: 30%;
}

.grid33 {
    width: 33.33%;
}

.grid25 {
    width: 25%;
}

.grid20 {
    width: 20%;
}

.grid16 {
    width: 16.66%;
}

.itemActions #jp-progress {
    margin-top: -7px !important;


}

.generic #jp-progress {
    height: 43px !important;
    -webkit-mask-box-image-source: none !important;
    -webkit-mask-size: 103% 64px !important;
    margin-top: -7px !important;
}




@media screen and (min-width:1401px) {
    .sjj_nav {
        display: none
    }

    #djsiejj {
        display: none
    }

    .grid20 {
        height: 268px;
    }

    .grid {
        clear: none;
    }

    .grid100,
    .grid33:nth-child(3n+1),
    .grid25:nth-child(4n+1),
    .grid20:nth-child(5n+1),
    .grid16:nth-child(6n+1) {
        clear: both;
    }
}

@media screen and (max-width:1400px) {
    .sjj_nav {
        display: none
    }

    #djsiejj {
        display: none
    }

    .grid20 {
        height: 282px;
    }

    .grid1400px100 {
        width: 100%;
    }

    .grid1400px50 {
        width: 50%;
    }

    .grid1400px33 {
        width: 33.33%;
    }

    .grid1400px25 {
        width: 25%;
    }

    .grid1400px20 {
        width: 20%;
    }
}

@media screen and (min-width:1301px) and (max-width:1400px) {

    .grid1400px100,
    .grid1400px50:nth-child(2n+1),
    .grid1400px33:nth-child(3n+1),
    .grid1400px25:nth-child(4n+1),
    .grid1400px20:nth-child(5n+1) {
        clear: both;
    }
}

@media screen and (max-width:1300px) {
    .sjj_nav {
        display: none
    }

    #djsiejj {
        display: none
    }

    #jjjjp {
        display: none
    }

    .grid20 {
        height: 300px;
    }

    .grid20 {
        height: 318px;
    }

    .grid1300px100 {
        width: 100%;
    }

    .grid1300px50 {
        width: 50%;
    }

    .grid1300px33 {
        width: 33.33%;
    }

    .grid1300px25 {
        width: 25%;
    }

    .grid1300px20 {
        width: 20%;
    }
}

@media screen and (min-width:1201px) and (max-width:1300px) {

    .grid1300px100,
    .grid1300px50:nth-child(2n+1),
    .grid1300px33:nth-child(3n+1),
    .grid1300px25:nth-child(4n+1),
    .grid1300px20:nth-child(5n+1) {
        clear: both;
    }
}

@media screen and (max-width:1200px) {
    .sjj_nav {
        display: none
    }

    #djsiejj {
        display: none
    }

    #jjjjp {
        display: none
    }

    .grid1200px100 {
        width: 100%;
    }

    .grid1200px50 {
        width: 50%;
    }

    .grid1200px33 {
        width: 33.33%;
    }

    .grid1200px25 {
        width: 25%;
    }

    .grid1200px20 {
        width: 20%;
    }
}

@media screen and (min-width:1101px) and (max-width:1200px) {

    .grid1200px100,
    .grid1200px50:nth-child(2n+1),
    .grid1200px33:nth-child(3n+1),
    .grid1200px25:nth-child(4n+1),
    .grid1200px20:nth-child(5n+1) {
        clear: both;
    }
}

@media screen and (max-width:1100px) {
    .grid1100px100 {
        width: 100%;
    }

    .grid1100px50 {
        width: 50%;
    }

    .grid1100px33 {
        width: 33.33%;
    }

    .grid1100px25 {
        width: 25%;
    }

    .grid1100px20 {
        width: 20%;
    }
}

@media screen and (min-width:1025px) and (max-width:1100px) {

    .grid1100px100,
    .grid1100px50:nth-child(2n+1),
    .grid1100px33:nth-child(3n+1),
    .grid1100px25:nth-child(4n+1),
    .grid1100px20:nth-child(5n+1) {
        clear: both;
    }
}

@media screen and (max-width:1024px) {
    .grid1024px100 {
        width: 100%;
    }

    .grid1024px50 {
        width: 50%;
    }

    .grid1024px33 {
        width: 33.33%;
    }

    .grid1024px25 {
        width: 25%;
    }

    .grid1024px20 {
        width: 20%;
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {

    .grid1024px100,
    .grid1024px50:nth-child(2n+1),
    .grid1024px33:nth-child(3n+1),
    .grid1024px25:nth-child(4n+1),
    .grid1024px20:nth-child(5n+1) {
        clear: both;
    }
}

@media screen and (max-width:768px) {
    .tGrid100 {
        width: 100%;
    }

    .tGrid50 {
        width: 50%;
    }

    .tGrid33 {
        width: 33.33%;
    }

    .tGrid25 {
        width: 25%;
    }

    .tGrid20 {
        width: 20%;
    }
}

@media screen and (min-width:768px) and (max-width:768px) {

    .tGrid100,
    .tGrid50:nth-child(2n+1),
    .tGrid33:nth-child(3n+1),
    .tGrid25:nth-child(4n+1),
    .tGrid20:nth-child(5n+1) {
        clear: both;
    }
}

@media screen and (max-width:767px) {
    #zzzzzzzz {
        display: none
    }

    .sjj_nav {
        display: block
    }

    #sjj_nav {
        display: none
    }

    .itemActions del {
        margin-top: 2px !important;
    }

    #playerWrp .imgTtlWrp .img {
        border: 1px solid #4a4a4a;
    }

    .jp-play-bars {
        border-right: 0px solid rgb(255, 255, 255) !important;
    }

    #ss {
        margin-top: 2px !important;
    }

    #MusicBox #jp-progress {
        height: 31px !important;
        -webkit-mask-box-image-source: none !important;
        -webkit-mask-size: 100% 35px !important;
        margin-top: -4px !important;
    }

    #pffhhhh {
        display: none
    }

    #djsiejj {
        display: block;
    }

    #jjjjp {
        display: none
    }

    .globalChDesc {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .grid20 {
        height: 120px;
    }

    .mGrid100 {
        width: 100%;
    }

    .mGrid50 {
        width: 50%;
    }

    .mGrid33 {
        width: 33.33%;
    }

    .mGrid25 {
        width: 25%;
    }

    .mGrid20 {
        width: 20%;
    }

    .mGrid100,
    .mGrid50:nth-child(2n+1),
    .mGrid33:nth-child(3n+1),
    .mGrid25:nth-child(4n+1),
    .mGrid20:nth-child(5n+1) {
        clear: both;
    }
}

@font-face {
    font-family: 'Basic-picto';
    src: url('../fonts/basic-picto.eot');
    src: url('../fonts/basic-picto.eot') format('embedded-opentype'), url('../fonts/basic-picto.ttf') format('truetype'), url('../fonts/basic-picto.woff') format('woff'), url('../fonts/basic-picto.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'Basic-picto' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-rewind:before {
    content: "\22";
}

.icon-play:before {
    content: "\27";
}

.icon-pause:before {
    content: "\28";
}

.icon-simply-left:before {
    content: "\3c";
}

.icon-menu:before {
    content: "\3d";
}

.icon-simply-right:before {
    content: "\3e";
}

.icon-rearward:before {
    content: "\42";
}

.icon-file:before {
    content: "\46";
}

.icon-heartfull:before {
    content: "\48";
}

.icon-lock:before {
    content: "\4c";
}

.icon-paypal:before {
    content: "\50";
}

.icon-starfull:before {
    content: "\53";
}

.icon-simply-up:before {
    content: "\5e";
}

.icon-speech-bubble:before {
    content: "\62";
}

.icon-check:before {
    content: "\63";
}

.icon-inbox:before {
    content: "\64";
}

.icon-eye:before {
    content: "\65";
}

.icon-heart:before {
    content: "\68";
}

.icon-head:before {
    content: "\6a";
}

.icon-mail:before {
    content: "\6d";
}

.icon-paper:before {
    content: "\6f";
}

.icon-power:before {
    content: "\71";
}

.icon-star:before {
    content: "\73";
}

.icon-trash:before {
    content: "\74";
}

.icon-outbox:before {
    content: "\75";
}

.icon-cross:before {
    content: "\78";
}

.icon-search:before {
    content: "\7a";
}

.icon-circle-check:before {
    content: "\a2";
}

.icon-creditcard:before {
    content: "\a5";
}

.icon-simply-down:before {
    content: "\a8";
}

.icon-arrange:before {
    content: "\ae";
}

.icon-circle-plus:before {
    content: "\b1";
}

.icon-arrow-down:before {
    content: "\d4";
}

.icon-repeat:before {
    content: "\e0";
}

.icon-ticket:before {
    content: "\ea";
}

.icon-expand:before {
    content: "\ee";
}

.icon-caution:before {
    content: "\23b";
}

.icon-circle-cross:before {
    content: "\2044";
}

.icon-shop:before {
    content: "\20ac";
}

.icon-cloud-download:before {
    content: "\2206";
}

.icon-liste:before {
    content: "\2260";
}

.icon-arrow-left:before {
    content: "\2264";
}

.icon-arrow-right:before {
    content: "\2265";
}

.icon-logo:before {
    content: "\e900";
}

.icon-boxes:before {
    content: "\e901";
}

.icon-labels:before {
    content: "\e902";
}

.icon-sounds:before {
    content: "\e903";
}

.icon-facebook:before {
    content: "\e904";
}

.icon-youtube:before {
    content: "\e905";
}

.icon-twitter:before {
    content: "\e906";
}

.icon-format:before {
    content: "\e907";
}

.icon-mic:before {
    content: "\e908";
}

.icon-mix:before {
    content: "\e909";
}

.icon-music:before {
    content: "\e90a";
}

.icon-software:before {
    content: "\e90b";
}

.icon-blocked:before {
    content: "\ea0e";
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.adsrIdx #cnt .ttlBlock {
    padding-right: 200px;
}

.adsrIdx #cntWrp #cntInnerWrp {
    padding-bottom: 0;
}

@media screen and (max-width:1000px) {
    .adsrIdx #cnt .shopItemsSlider {
        padding: 0 15px;
    }
}

@media screen and (max-width:767px) {
    .adsrIdx #mainSlider {
        height: 150px;
    }

    .adsrIdx .lookForSounds .lfsTtl {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 14px;
    }

    .adsrIdx .lookForSounds .btn {
        height: 40px;
        line-height: 40px;
    }

    .adsrIdx .lookForSounds .btn i {
        right: 50% !important;
        margin: -6px -6px 0 0 !important;
        font-size: 12px !important;
    }

    .adsrIdx #cnt .ttlBlock {
        padding-right: 100px;
    }
}

.adsrCat .catHeader .selectMask.genre {
    background-color: transparent;
    width: 81.5%;
}

.adsrCat .catHeader .selectMask.date {
    background-color: transparent;
    width: 18.5%;
    border-left: 0;
}

.adsrCat .catHeader .selectMask.genre,
.adsrCat .catHeader .selectMask.date {
    margin-top: 72px;
}

.adsrCat .catHeader.hasHero .selectMask.genre,
.adsrCat .catHeader.hasHero .selectMask.date {
    margin-top: 40px;
}

.adsrCat .chartWrp .btn {
    display: none !important;
}

.adsrCat .hero {
    width: 100%;
    height: auto !important;
    position: relative;
    background: #000;
}

.adsrCat .hero img {
    width: 100%;
}

.adsrCat .hero .lfsWrp {
    margin: 0;
}

.adsrCat #cnt .shopItemsSlider {
    margin-top: 0;
}

.adsrCat.shop .catHeader .selectMask.genre,
.adsrCat.shop .catHeader .selectMask.date {
    width: 50%;
}

.adsrCat.shop .catHeader .selectMask.genre.fullW {
    width: 100%;
}

.adsrCat .snInfoWrp,
.adsrCat .newsWrp {
    display: none;
}

.adsrCat.noMatch #cntWrp #cntInnerWrp {
    margin-right: 0;
}

.adsrCat.noMatch #sidebar,
.adsrCat.noMatch .stickyHelper {
    display: none;
}

.adsrCat.noMatch .catHeader .chTtlWrp {
    display: block;
}

.adsrCat.noMatch .catHeader .chTtlWrp .chTtl {
    text-align: center;
    width: 100%;
    display: block;
    padding: 50px 0;
}

.adsrCat.noMatch .injectReferrer {
    text-decoration: underline;
}

.adsrCat .chSubttl {
    color: #ddd;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
}

@media screen and (max-width:1200px) {
    .adsrCat .catHeader .selectMask.genre {
        width: 65%;
    }

    .adsrCat .catHeader .selectMask.date {
        width: 35%;
    }
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:767px) {
    .adsrCat .hero {
        margin-top: 0;
        padding: 0 0px;
        margin-bottom: 30px;
    }

    .adsrCat .catHeader .chTtlWrp {
        display: block;
    }

    .adsrCat .catHeader .chTtlWrp .chTtl {
        text-align: center;
        float: none;
        width: 100%;
        display: block;
    }

    .adsrCat .catHeader .chTtlWrp .following {
        float: none;
        margin: 20px auto 5px;
        display: block;
    }

    .adsrCat .mobOnlyHeader {
        padding: 34px 0 30px;
    }

    .adsrCat .catHeader.hasHero .selectMask.genre,
    .adsrCat .catHeader.hasHero .selectMask.date {
        margin-top: 0;
    }

    .adsrCat #cnt .catHeader {
        padding-top: 0;
    }

    .adsrCat #cnt>div {
        padding-bottom: 20px;
    }

    .adsrCat #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .adsrCat #cntWrp #cntInnerWrp #sidebar {
        margin-top: 40px;
        margin-bottom: 0;
    }
}

.adsrSinProd #sinProdHeader {}

.adsrSinProd #sinProdHeader>.gutter {
    background: #000;
    padding: 80px 80px 100px 40px;
}

.adsrSinProd #sinProdHeader .hero {
    padding-left: 480px;
}

.adsrSinProd #sinProdHeader .hero .img {
    width: 400px;
    height: auto;
    position: absolute;
    left: 80px;
}

.adsrSinProd #sinProdHeader .hero .img img {
    width: 100%;
    height: auto;
    border: 1px solid #333;
}

.adsrSinProd #sinProdHeader .hero .topBar {
    position: relative;
}

.adsrSinProd #sinProdHeader .hero .topBar .iconWrp {
    position: absolute;
    top: 0;
    left: 0;
}

.adsrSinProd #sinProdHeader .hero .topBar .sphTtl {
    font-size: 32px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    letter-spacing: 1.7px;
    line-height: 37px;
    top: 0px;
    position: relative;
}

.adsrSinProd #sinProdHeader .hero .topBar .sphDesc {
    margin-top: 29px;
}

.adsrSinProd #sinProdHeader .hero .topBar .sphDesc .lblDescWrp {
    margin-right: 28px;
}

.adsrSinProd #sinProdHeader .hero .sphWaveform {
    width: 100%;
    height: 164px;
    position: relative;
    margin: 33px 0 38px;
    overflow: hidden;
}

.adsrSinProd #sinProdHeader .hero .sphWaveform img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.adsrSinProd #sinProdHeader .hero .buy {
    margin-left: 21px;
    padding: 0;
    width: 180px;
}

.adsrSinProd #sinProdHeader .hero .buy.added .addedBlock,
.adsrSinProd #sinProdHeader .hero .buy .price {
    font-size: 24px;
    font-family: 'Siginka', sans-serif;
    line-height: 58px;
    float: right;
    margin-right: 20px;
}

.adsrSinProd #sinProdHeader .hero .buy.added .addedBlock {
    font-size: 18px;
    line-height: 60px;
}

.adsrSinProd #sinProdHeader .hero .buy i {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 22px;
}

.adsrSinProd #sinProdHeader .hero .buy .addedBlock {
    display: none;
}

.adsrSinProd #sinProdHeader .hero .buy.added {
    cursor: default;
}

.adsrSinProd #sinProdHeader .hero .buy.added .icon-shop,
.adsrSinProd #sinProdHeader .hero .buy.added .price {
    display: none;
}

.adsrSinProd #sinProdHeader .hero .buy.added .addedBlock {
    display: block;
}

.adsrSinProd #sinProdHeader .hero .oldPrice {
    font-size: 18px;
    color: #999;
    position: relative;
    font-family: 'Siginka', sans-serif;
    line-height: 58px;
    margin-left: 20px;
    display: block;
}

.adsrSinProd #sinProdHeader .hero .oldPrice>* {
    text-decoration: line-through;
}

.adsrSinProd #sinProdHeader .hero .buy .price,
.adsrSinProd #sinProdHeader .hero .oldPrice>* {
    font-family: 'Signika', sans-serif;
}

.adsrSinProd #sinProdHeader .playSingleItem.pause .icon-play {
    font-size: 0;
}

.adsrSinProd #sinProdHeader .playSingleItem.play .icon-pause {
    font-size: 0;
}

.adsrSinProd #cntWrp #cntInnerWrp #sidebar {
    padding-top: 47px;
}

.adsrSinProd #cntWrp #cntInnerWrp #sidebar .following {
    margin-top: 14px;
    margin-bottom: 3px;
    width: 120px;
}

.adsrSinProd #cnt>div {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 52px;
}

.adsrSinProd .chartWrp {
    padding-bottom: 20px;
}

.adsrSinProd .iconWrpBlock .iconWrp.wishlist .icon-heartfull {
    font-size: 0;
}

.adsrSinProd .iconWrpBlock .iconWrp.wishlist.wishlisted .icon-heartfull {
    font-size: 18px;
    color: #064afd;
}

.adsrSinProd .iconWrpBlock .iconWrp.wishlist.wishlisted .icon-heart {
    font-size: 0;
}

.adsrSinProd .iconWrpBlock .iconWrp.wishlist.wishlisted:hover {
    background-color: #222;
}

.adsrSinProd .mobOnlyHeader,
.adsrSinProd .snInfoWrp,
.adsrSinProd .newsWrp {
    display: none;
}

.adsrSinProd.pSoftware #sinProdHeader>.gutter {
    padding: 58px 75px 0 40px;
}

.adsrSinProd.pSoftware #sinProdHeader .hero {
    padding-left: 0 !important;
    float: right;
    width: 60%;
}

.adsrSinProd.pSoftware #sinProdHeader .hero .img {
    width: 760px;
}

.adsrSinProd.pSoftware #sinProdHeader .breadcrumbs {
    margin-bottom: 36px;
}

.adsrSinProd.pSoftware #sinProdHeader .hero .topBar .sphDesc {
    margin-top: 4px;
}

.adsrSinProd.pSoftware #sinProdHeader .heroImg {
    float: left;
    width: 33%;
    margin-bottom: 25px;
}

.adsrSinProd.pSoftware #sinProdHeader .heroImg img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.adsrSinProd.pSoftware #sinProdHeader .heroContent {
    margin-top: 8px;
}

.adsrSinProd.pSoftware #sinProdHeader .heroContent .heroTtl {
    font-family: 'Siginka', sans-serif;
    color: #999;
    font-size: 19px;
    letter-spacing: 1px;
}

.adsrSinProd.pSoftware #sinProdHeader .heroContent .heroDesc {
    color: #fff;
    font-family: 'Siginka', sans-serif;
    font-size: 17px;
    letter-spacing: 0.5px;
    margin-top: 12px;
    line-height: 27px;
    font-weight: 100;
}

.adsrSinProd.pSoftware #sinProdHeader .hero .buy {
    margin-left: 0;
}

.adsrSinProd.pSoftware #sinProdHeader .hero .botBar {
    width: 106%;
    margin-top: 25px;
    padding-bottom: 25px;
}

.adsrSinProd.pSoftware #sinProdHeader .platforms {
    margin-top: 18px;
}

.adsrSinProd.pSoftware #sinProdHeader .platforms .pl {
    margin-left: 12px;
    float: right;
    display: block;
    width: 30px;
    height: 30px;
}

.adsrSinProd.pSoftware #sinProdHeader .platforms .pl img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.adsrSinProd.pSoftware #cnt .sphTtl {
    color: #fff;
    font-size: 45px;
    font-family: 'Raleway', sans-serif;
    margin-top: -4px;
}

.adsrSinProd.pSoftware #cnt .sphSubttl {
    color: #979797;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
}

.adsrSinProd.pSoftware #cnt .srcTabs {
    margin-top: 18px;
}

.adsrSinProd.pSoftware #cnt .featuresSoundPacks {
    width: 110%;
    margin-left: -5%;
    background-color: transparent;
}

.adsrSinProd.pSoftware .swWrp img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.adsrSinProd.pSoftware .tabCnt .wpContent.screenshots .scrWrp {
    margin-bottom: 20px;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    letter-spacing: 0.9px;
}

.adsrSinProd.pSoftware .tabCnt .wpContent.screenshots .scrWrp img {
    width: 100%;
    height: auto;
}

.adsrSinProd.pSoftware .tabCnt .wpContent.screenshots .scrWrp .scrTtl {
    color: #fff;
    font-weight: 600;
    padding-left: 15px;
}

.adsrSinProd.pSoftware .tabCnt .wpContent.screenshots .scrWrp .scrOvr {
    color: #999;
    padding-left: 15px;
}

.adsrSinProd.pSoftware #sinProdHeader .hero .buyBlock {
    display: none;
}

.adsrSinProd.pSoftware #sinProdHeader .hero .buyBlock.outOfStock {
    font-size: 18px;
    color: #999;
    font-family: 'Siginka', sans-serif;
}

@media screen and (max-width:1500px) {
    .adsrSinProd.pSoftware #sinProdHeader .hero .img {
        left: 40px;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero {
        padding-left: 810px;
    }

    .adsrSinProd.pSoftware .srcTabs .tabs a {
        margin-right: 32px;
    }
}

@media screen and (max-width:1400px) {
    .adsrSinProd.pSoftware #sinProdHeader .platforms .pl {
        float: none;
        display: inline-block;
        margin: 0 6px;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero .tryDemo,
    .adsrSinProd.pSoftware #sinProdHeader .hero .buy,
    .adsrSinProd.pSoftware #sinProdHeader .hero .oldPrice {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 10px;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero .botBar {
        margin-top: 30px;
    }

    .adsrSinProd.pSoftware #sinProdHeader .breadcrumbs {
        margin-bottom: 10px;
    }

    .adsrSinProd.pSoftware #sinProdHeader>.gutter {
        padding: 50px 40px 0;
    }
}

@media screen and (max-width:1350px) {
    .adsrSinProd.pSoftware .srcTabs .tabs a {
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        float: none;
    }
}

@media screen and (max-width:1300px) {
    .adsrSinProd.pSoftware #sinProdHeader .hero {
        padding-left: 65%;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero .img {
        width: 55%;
    }
}

@media screen and (max-width:1250px) {
    .adsrSinProd #sinProdHeader .hero .img {
        width: 30%;
        left: 40px;
    }

    .adsrSinProd #sinProdHeader .hero {
        padding-left: 36%;
    }

    .adsrSinProd #sinProdHeader>.gutter {
        padding: 60px 40px;
    }
}

@media screen and (max-width:1075px) {
    .adsrSinProd #cnt>div {
        padding-left: 40px;
        padding-right: 40px;
    }

    .adsrSinProd #sinProdHeader .hero .buy,
    .adsrSinProd #sinProdHeader .hero .oldPrice {
        margin-left: 10px;
    }

    .adsrSinProd #sinProdHeader .snBlock {
        display: none;
    }
}

@media screen and (max-width:1000px) {
    .adsrSinProd.pSoftware #sinProdHeader .hero .img {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        left: 0;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero {
        padding-left: 0;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero .botBar {
        width: 100%;
    }

    .adsrSinProd.pSoftware #cnt .featuresSoundPacks .ttlBlock .lrWrp {
        display: none;
    }

    .adsrSinProd.pSoftware .buyBlock,
    .adsrSinProd.pSoftware .plBlock {
        width: 100% !important;
        text-align: center;
    }

    .adsrSinProd.pSoftware #sinProdHeader .platforms {
        margin-top: 35px;
    }
}

@media screen and (max-width:850px) {
    .adsrSinProd .popoutMore .popoutMoreCnt {
        left: auto;
        right: 0;
    }

    .popoutMore .popoutMoreCnt:after {
        left: auto;
        right: 8px;
    }
}

@media screen and (max-width:767px) {
    .adsrSinProd #cntWrp #cntInnerWrp #sidebar {
        padding-top: 20px;
        margin-bottom: 0;
    }

    .adsrSinProd #sinProdHeader .hero {
        padding: 0;
        width: 100%;
    }

    .adsrSinProd #sinProdHeader .hero .img {
        position: relative;
        left: 0px;
        float: left;
        width: 25%;
    }

    .adsrSinProd #sinProdHeader .hero .topBar,
    .adsrSinProd #sinProdHeader .snBlock,
    .adsrSinProd #sinProdHeader .hero .sphWaveform {
        display: none;
    }

    .adsrSinProd #sinProdHeader .hero .img {
        width: 100%;
        margin: 0 auto;
        float: none;
        max-width: 220px;
    }

    .adsrSinProd .mobOnlyHeader {
        display: block;
        font-size: 18px;
        color: #fff;
        font-family: 'Raleway', sans-serif;
        text-align: center;
        padding-top: 26px;
        letter-spacing: 0.9px;
        background-color: #000;
    }

    .adsrSinProd .mobOnlyHeader.label {
        font-size: 12px;
        font-weight: 600;
        padding-top: 10px;
        letter-spacing: 0.7px;
    }

    .adsrSinProd.pSoftware #sinProdHeader>.gutter,
    .adsrSinProd #sinProdHeader>.gutter {
        padding-top: 17px;
        padding-bottom: 0px;
    }

    .adsrSinProd #sinProdHeader .buyBlock {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 18px;
        padding-bottom: 30px;
    }

    .adsrSinProd #sinProdHeader .iconWrpBlock {
        float: none;
        display: inline-block;
    }

    .adsrSinProd #sinProdHeader .iconWrpBlock .iconWrp {
        border: 0;
        margin: 0 10px !important;
        background-color: transparent;
        -webkit-border-radius: 100% !important;
        -moz-border-radius: 100% !important;
        -khtml-border-radius: 100% !important;
        border-radius: 100% !important;
        font-size: 20px;
        line-height: 64px;
    }

    .adsrSinProd #sinProdHeader .iconWrpBlock .iconWrp.playSingleItem {
        background-color: #0042ff;
        font-size: 24px;
    }

    .adsrSinProd #sinProdHeader .hero .oldPrice,
    .adsrSinProd #sinProdHeader .hero .buy {
        margin: 25px auto 0;
        float: none;
        width: 100%;
        max-width: 210px;
        display: block;
    }

    .adsrSinProd #sinProdHeader .hero .buy i {
        margin-top: -11px;
        left: 48px;
        font-size: 22px;
    }

    .adsrSinProd #sinProdHeader .hero .buy .price {
        font-size: 22px;
        line-height: 64px;
        margin-right: 42px;
    }

    .adsrSinProd #sinProdHeader .hero .oldPrice {
        margin-top: 4px;
        font-size: 13px;
        line-height: 26px;
    }

    .adsrSinProd #sidebar .ttlBlock .tbDesc {
        display: block;
    }

    .adsrSinProd #cnt>div {
        padding: 24px 21px;
    }

    .adsrSinProd #cntWrp #cntInnerWrp #sidebar,
    .adsrSinProd .rf-recommendations {
        display: none !important;
    }

    .adsrSinProd #cnt>div {
        overflow: hidden;
    }

    .adsrSinProd .botBar .iconWrp .icon-play {
        left: 4px;
    }

    .adsrSinProd.pSoftware #cnt .featuresSoundPacks {
        width: 100%;
        margin-left: 0;
    }

    .adsrSinProd.pSoftware #sinProdHeader .platforms {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .adsrSinProd.pSoftware #sinProdHeader .hero,
    .adsrSinProd.pSoftware #sinProdHeader .heroImg {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width:480px) {}

.crsCat .hero {
    margin-top: 0px;
    width: 100%;
    position: relative;
}

.crsCat .hero img {
    width: 100%;
}

.crsCat #cnt .shopItemsSlider {
    margin-top: 16px;
}

.crsCat #cnt>div {
    padding-bottom: 60px;
}

.crsCat #cntWrp #cntInnerWrp {
    padding-bottom: 130px;
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:767px) {
    .crsCat #cnt>div {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .crsCat .catHeader.hasHero {
        padding-top: 0;
    }

    .crsCat .paging {
        margin-bottom: 40px;
    }

    .crsCat #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }
}

@media screen and (max-width:568px) {}

.crs #cnt .shopItemsSlider {
    margin-top: 35px;
}

.crs #cnt>div {
    padding-bottom: 60px;
    position: relative;
}

.crs #cntWrp #cntInnerWrp {
    padding-bottom: 130px;
}

.crs .hero {
    width: 100%;
    height: auto;
    position: relative;
}

.crs .lookForSounds {
    padding-top: 175px;
}

@media screen and (max-width:1500px) {
    .crs .lookForSounds {
        padding-top: 120px;
    }
}

@media screen and (max-width:1200px) {
    .crs .lookForSounds {
        padding: 73px 40px 0;
    }
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:980px) {
    .crs .lookForSounds .selectMask.courses {
        width: 86%;
    }

    .crs .lookForSounds .btn {
        margin-left: 2%;
    }
}

@media screen and (max-width:850px) {}

@media screen and (max-width:767px) {
    .crs #cnt>div {
        padding-bottom: 0;
    }
}

@media screen and (max-width:480px) {}

.adsrCrsSub .waitForRevealSub {
    display: none !important;
}

.adsrCrsSub .cntHead {
    padding: 66px 40px 0 !important;
}

.adsrCrsSub .cntHead .cntLead {
    color: #979797;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.adsrCrsSub .cntHead .cntTtl {
    font-size: 32px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    letter-spacing: 1.7px;
    position: relative;
    margin-bottom: 22px;
}

.adsrCrsSub .cntHead .topBar {
    margin-bottom: 32px;
}

.adsrCrsSub .cntHead .nd2 {
    margin-left: 30px;
}

.adsrCrsSub .cntHead .nd2.noM {
    margin-left: 0;
}

.adsrCrsSub .cntHead .watchLater {
    height: 30px;
    display: inline-block;
    border: 1px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    margin-top: -9px;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0.7px;
    color: #fff;
    padding: 0 13px;
}

.adsrCrsSub .cntHead .watchLater .lbl {
    margin-left: 4px;
}

.adsrCrsSub .cntHead .watchLater>* {
    float: none;
    display: inline;
}

.adsrCrsSub .cntHead .watchLater:hover,
.adsrCrsSub .cntHead .watchLater.on {
    border: 1px solid #014bff;
    background-color: #014bff;
}

.adsrCrsSub .cntHead .clear {
    display: none;
}

.adsrCrsSub .cntHead .watchLater .lbl.lblOff {
    display: inline-block;
}

.adsrCrsSub .cntHead .watchLater .lbl.lblOn {
    display: none;
}

.adsrCrsSub .cntHead .watchLater.on .lbl.lblOff {
    display: none;
}

.adsrCrsSub .cntHead .watchLater.on .lbl.lblOn {
    display: inline-block;
}

.adsrCrsSub .cntVideo {
    position: relative;
    padding: 56.35% 0 0 0 !important;
    width: 100%;
    z-index: 9;
}

.adsrCrsSub .cntVideo>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.adsrCrsSub .cntVideo.idle:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 10000;
    cursor: pointer;
}

.adsrCrsSub .prevNextLinks {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.9px;
    padding: 0 !important;
}

.adsrCrsSub .prevNextLinks .prev,
.adsrCrsSub .prevNextLinks .next {
    padding: 40px 0 10px;
    display: none;
}

.adsrCrsSub .prevNextLinks .prev {
    float: left;
}

.adsrCrsSub .prevNextLinks .next {
    float: right;
}

.adsrCrsSub .prevNextLinks .lbl {
    color: #999;
    display: inline;
}

.adsrCrsSub .prevNextLinks .desc {
    color: #fff;
}

.adsrCrsSub .cntVideoMeta {
    padding: 40px 40px 35px !important;
}

.adsrCrsSub .cntVideoMeta .producerInfo {
    height: 80px;
}

.adsrCrsSub .cntVideoMeta .producerInfo .producerImg {
    float: left;
    width: 80px;
    height: inherit;
}

.adsrCrsSub .cntVideoMeta .producerInfo .producerMeta {
    float: left;
    height: inherit;
    margin-left: 20px;
    letter-spacing: 0.5px;
}

.adsrCrsSub .cntVideoMeta .producerInfo .producerMeta .pName {
    font-size: 18px;
    color: #fff;
    font-family: 'Signika', sans-serif;
    margin-top: 18px;
}

.adsrCrsSub .cntVideoMeta .producerInfo .producerMeta .pJob {
    font-size: 13px;
    color: #979797;
    font-family: 'Signika', sans-serif;
    margin-top: 4px;
}

.adsrCrsSub .cntVideoMeta .border {
    height: 1px;
    width: 100%;
    background-color: #333333;
    margin-top: 39px;
}

.adsrCrsSub .cntVideoMeta .producerInfo {
    height: 40px;
}

.adsrCrsSub .cntVideoMeta .producerInfo .producerImg,
.adsrCrsSub .cntVideoMeta .producerInfo .producerMeta .pJob {
    display: none;
}

.adsrCrsSub .cntVideoMeta .producerInfo .producerMeta {
    margin-left: 0;
}

.adsrCrsSub #cntWrp #cntInnerWrp #sidebar {
    overflow: hidden;
}

.adsrCrsSub #sidebar .ttlBlock {
    margin-top: 11px;
}

.adsrCrsSub #sidebar .otherCourses {
    max-height: 1010px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 10px;
    padding-top: 10px;
}

.adsrCrsSub #sidebar .otherCourses::-webkit-scrollbar-track {
    background: #1f1f1f;
}

.adsrCrsSub #sidebar .otherCourses::-webkit-scrollbar-thumb {
    background: #979797;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem {
    padding-bottom: 0px;
    border-bottom: 0;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem>.left,
.adsrCrsSub #sidebar .chartItem.subscriptionItem>.right {
    z-index: 2;
    position: relative;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .img {
    width: 41.18%;
    height: 80px;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .ciLead {
    color: #979797;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
    width: 54%;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .ciTtl {
    margin-top: 8px;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem.last {
    margin-bottom: 20px;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .subFavStar {
    color: #979797;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    font-size: 16px;
    width: 16px;
    height: 19px;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .subFavStar>* {
    position: absolute;
    top: 0;
    left: 0;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .subFavStar .icon-starfull {
    font-size: 0;
    color: #ff4203;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .subFavStar.faved .icon-star {
    font-size: 0;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .subFavStar.faved .icon-starfull {
    font-size: 16px;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .subFavStar:hover {
    color: #ff4203;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .playingBg {
    opacity: 0;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem.playing .playingBg {
    opacity: 1;
    background-color: #171717;
    position: absolute;
    top: -10px;
    left: -12%;
    width: 124%;
    height: 119%;
    height: calc(100% + 15px);
    z-index: 1;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .watchedProgress {
    width: 100%;
    height: 3px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 3px;
    left: 0;
    opacity: 0;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem.playing .watchedProgress {
    opacity: 1;
}

.adsrCrsSub #sidebar .chartItem.subscriptionItem .watchedProgress .progress {
    background-color: #014bff;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
}

.adsrCrsSub #sidebar .ttlBlock.mainTtlBlock .tbDesc.pre {
    display: none !important;
}

.adsrCrsSub #sidebar .ttlBlock.associatedFiles {
    margin-top: 17px;
}

.adsrCrsSub #sidebar .ttlBlock.associatedFiles .tbDesc {
    font-size: 13px;
    font-weight: 600;
}

.adsrCrsSub #sidebar .ttlBlock.associatedFiles .lnkWrp {
    margin-top: 2px;
}

.adsrCrsSub #sidebar .ttlBlock.associatedFiles .lnkWrp span {
    color: #004cff;
    display: inline-block;
    margin-right: 10px;
}

.adsrCrsSub #sidebar .ttlBlock.associatedFiles .lnkWrp a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 18px;
}

@media screen and (max-width:1200px) {
    .adsrCrsSub .cntHead .clear {
        display: block;
    }

    .adsrCrsSub .cntHead .watchLater,
    .adsrCrsSub .cntHead .nd2 {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1000px) {}

@media screen and (max-width:767px) {
    .adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
        padding-left: 0;
    }

    .adsrCrsSub #sidebar .chartItem.subscriptionItem .img,
    .adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
        width: 39%;
        height: auto;
    }

    .adsrCrsSub #sidebar .otherCourses {
        max-height: none;
        overflow: hidden;
        padding-right: 0;
    }

    .adsrCrsSub .prevNextLinks {
        padding: 10px 0 !important;
    }

    .adsrCrsSub .prevNextLinks .next {
        float: left;
    }

    .adsrCrsSub .prevNextLinks .prev,
    .adsrCrsSub .prevNextLinks .next {
        float: none !important;
        text-align: center;
        padding: 10px 0;
    }

    .adsrCrsSub .cntVideoMeta,
    .adsrCrsSub .cbRC {
        display: none;
    }

    .adsrCrsSub .ttlBlock .tbTtl {
        display: block;
    }
}

@media screen and (max-width:700px) {

    .adsrCrsSub #sidebar .chartItem.subscriptionItem .img,
    .adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
        width: 37%;
    }
}

@media screen and (max-width:600px) {

    .adsrCrsSub #sidebar .chartItem.subscriptionItem .img,
    .adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
        width: 35%;
    }
}

@media screen and (max-width:550px) {

    .adsrCrsSub #sidebar .chartItem.subscriptionItem .img,
    .adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
        width: 37%;
    }
}

@media screen and (max-width:480px) {
    .adsrCrsSub .cntVideoMeta .producerInfo {
        height: auto;
    }

    .adsrCrsSub .cntVideoMeta .producerInfo .producerMeta,
    .adsrCrsSub .cntVideoMeta .producerInfo .producerImg {
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .adsrCrsSub #sidebar .chartItem.subscriptionItem .right {
        width: 57%;
    }
}

.sft #cnt .shopItemsSlider {
    margin-top: 35px;
}

.sft #cnt>div {
    padding-bottom: 60px;
    position: relative;
}

.sft #cntWrp #cntInnerWrp {
    padding-bottom: 130px;
}

.sft .hero {
    width: 100%;
    height: auto;
    position: relative;
}

.sft .lookForSounds {
    padding-top: 175px;
}

@media screen and (max-width:1500px) {
    .sft .lookForSounds {
        padding-top: 120px;
    }
}

@media screen and (max-width:1200px) {
    .sft .lookForSounds {
        padding: 73px 40px 0;
    }
}

@media screen and (max-width:1000px) {}

@media screen and (max-width:980px) {
    .sft .lookForSounds .selectMask.courses {
        width: 86%;
    }

    .sft .lookForSounds .btn {
        margin-left: 2%;
    }
}

@media screen and (max-width:850px) {}

@media screen and (max-width:767px) {
    .sft #cnt>div {
        padding-bottom: 0;
    }
}

@media screen and (max-width:480px) {}

.tuts #cnt .shopItemsSlider {
    margin-top: 35px;
}

.tuts #cnt>div {
    padding-bottom: 60px;
    position: relative;
}

.tuts #cntWrp #cntInnerWrp {
    padding-bottom: 130px;
}

.tuts .hero {
    width: 100%;
    height: auto;
}

.tuts .lookForSounds {
    padding-top: 175px;
}

.tuts .tutSearchWrpOuter {
    padding: 40px 40px 0 !important;
}

.tuts #sidebar .relatesSoundPacks {
    display: none;
}

.tuts #sidebar .newCourses {
    margin-top: 55px;
    padding-bottom: 40px;
}

@media screen and (max-width:1500px) {
    .tuts .lookForSounds {
        padding-top: 120px;
    }
}

@media screen and (max-width:1200px) {
    .tuts .lookForSounds {
        padding: 73px 40px 0;
    }
}

@media screen and (max-width:1000px) {
    .tuts .tutSearchWrpOuter {
        padding: 40px 20px 0 !important;
    }
}

@media screen and (max-width:980px) {
    .tuts .lookForSounds .selectMask.courses {
        width: 86%;
    }

    .tuts .lookForSounds .btn {
        margin-left: 2%;
    }
}

@media screen and (max-width:850px) {}

@media screen and (max-width:767px) {
    .tuts #cnt>div {
        padding-bottom: 0;
    }
}

@media screen and (max-width:480px) {}

.tutsCat .tutSearchWrpOuter {
    padding: 0 40px 0 !important;
}

.tutsCat #cnt>div {
    padding: 0 0 56px;
    position: relative;
}

.tutsCat #cnt .shopItemsSlider {
    margin-top: 50px;
}

.tutsCat .relatesSoundPacks {
    display: none;
}

.tutsCat .newCourses {
    margin-top: 55px;
    padding-bottom: 40px;
    display: block;
}

.tutsCat .slider {
    width: 100%;
    height: auto;
    padding-bottom: 0 !important;
    margin-bottom: 60px;
    position: relative;
}

.tutsCat .slider img {
    width: 100%;
}

.tutsCat .heroBanner.tutorialCategory {
    position: absolute;
    left: 5%;
}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1100px) {}

@media screen and (max-width:1000px) {
    .tutsCat .tutSearchWrpOuter {
        padding: 0 20px 0 !important;
    }
}

@media screen and (max-width:700px) {}

@media screen and (max-width:568px) {}

.tutSngl #cnt>div {
    position: relative;
    padding: 0 40px 80px;
}

.tutSngl .ytBlock {
    background-color: #000 !important;
    padding: 0 40px !important;
    margin-bottom: 59px;
}

.tutSngl .ytBlock>iframe {
    display: block;
    height: 690px;
    margin: 0 auto;
    width: 100%;
}

.tutSngl .ytBlock>img {
    height: auto;
}

.tutSngl #cnt>div.relatedVideos {
    padding: 40px;
}

.tutSngl .tutDesc {
    color: #858585;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
}

.tutSngl .tutDesc a {
    text-decoration: underline;
}

.tutSngl .tutDesc a:hover {
    text-decoration: none;
}

.tutSngl .tutTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    letter-spacing: 1px;
    letter-spacing: 1.7px;
    margin-top: 4px;
}

.tutSngl .wpContent {
    margin-top: 35px;
}

.tutSngl .relatedVideos,
.tutSngl .comments {
    margin-top: 75px;
    padding-bottom: 50px;
}

.tutSngl .comments .ttlBlock {
    margin-bottom: 20px;
}

.tutSngl #cnt .shopItemsSlider {
    padding: 0;
    width: 102%;
    margin-left: -1%;
}

.tutSngl #cntWrp #cntInnerWrp {
    padding-bottom: 0;
}

.tutSngl #cnt .ttlBlock {
    padding-right: 0;
}

.tutSngl #sidebar {
    padding-bottom: 40px;
}

.tutSngl #sidebar .ttlBlock .tbTtl {
    margin: 0;
}

.tutSngl #sidebar .ttlBlock {
    text-align: center;
}

.tutSngl #sidebar .relatesSoundPacks {
    margin-top: 55px;
    padding-bottom: 40px;
}

.tutSngl #sidebar .newCourses {
    display: none;
}

@media screen and (max-width:1500px) {
    .tutSngl .ytBlock>iframe {
        height: 550px;
    }
}

@media screen and (max-width:1300px) {
    .tutSngl .ytBlock {
        padding: 0 20px !important;
    }
}

@media screen and (max-width:1200px) {
    .tutSngl .ytBlock {
        padding: 0 !important;
    }

    .tutSngl .ytBlock>iframe {
        height: 400px;
    }
}

@media screen and (max-width:1100px) {
    .tutSngl .ytBlock {
        padding: 0 !important;
    }

    .tutSngl .ytBlock>iframe {
        height: 300px;
    }
}

@media screen and (max-width:1000px) {

    .tutSngl .relatedVideos,
    .tutSngl .comments {
        padding-top: 40px;
        margin-top: 40px;
    }

    .tutSngl .wpContent>.gutter {
        padding: 0;
    }
}

@media screen and (max-width:980px) {}

@media screen and (max-width:850px) {}

@media screen and (max-width:767px) {
    .tutSngl .comments {
        padding: 0;
        border: 0;
        padding-bottom: 40px;
    }

    .tutSngl #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .tutSngl #cntWrp #cntInnerWrp #sidebar.courses {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .tutSngl #cnt>div {
        padding: 0 20px;
    }
}

.nwsSngl #cnt>div {
    position: relative;
    padding: 0 40px;
}

.nwsSngl .ytBlock {
    background-color: #000 !important;
    padding: 0 40px !important;
}

.nwsSngl .ytBlock.img {
    padding: 0 !important;
}

.nwsSngl .ytBlock>img,
.nwsSngl .ytBlock>iframe {
    display: block;
    height: 640px;
    margin: 0 auto;
    width: 100%;
}

.nwsSngl .ytBlock>img {
    height: auto !important;
}

.nwsSngl .ytBlock a.hero {
    width: 100%;
    height: auto;
    position: relative;
}

.nwsSngl #cnt>div.relatedVideos {
    padding: 40px;
}

.nwsSngl .tutDesc {
    color: #858585;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    padding-right: 80px;
}

.nwsSngl .tutTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    letter-spacing: 1px;
    letter-spacing: 1.7px;
    margin-top: 4px;
    padding-right: 80px;
}

.nwsSngl .savedOrNot {
    position: absolute;
    top: 0;
    right: 40px;
}

.nwsSngl .wpContent {
    margin-top: 35px;
}

.nwsSngl .miniSnBlock .btn {
    float: none;
    display: inline-block;
}

.nwsSngl .relatedVideos,
.nwsSngl .comments {
    margin-top: 75px;
}

.nwsSngl .comments .ttlBlock {
    margin-bottom: 20px;
}

.nwsSngl #cnt .shopItemsSlider {
    padding: 0;
    width: 102%;
    margin-left: -1%;
}

.nwsSngl #cntWrp #cntInnerWrp {
    padding-bottom: 124px;
    padding-bottom: 0;
}

.nwsSngl #cnt .ttlBlock {
    padding-right: 0;
}

.nwsSngl #sidebar .ttlBlock .tbTtl {
    margin: 0;
    display: block;
    text-align: left;
}

.nwsSngl #sidebar .ttlBlock {
    text-align: center;
}

.nwsSngl #sidebar .relatesSoundPacks {
    margin-top: 55px;
    padding-bottom: 40px;
}

.nwsSngl .newCourses {
    margin-top: 55px;
    padding-bottom: 40px;
    display: block;
}

@media screen and (max-width:1500px) {

    .nwsSngl .ytBlock>img,
    .nwsSngl .ytBlock>iframe {
        height: 550px;
    }
}

@media screen and (max-width:1300px) {
    .nwsSngl .ytBlock {
        padding: 0 20px !important;
    }
}

@media screen and (max-width:1200px) {
    .nwsSngl .ytBlock {
        padding: 0 !important;
    }

    .nwsSngl .ytBlock>img,
    .nwsSngl .ytBlock>iframe {
        height: 400px;
    }
}

@media screen and (max-width:1100px) {
    .nwsSngl .ytBlock {
        padding: 0 !important;
    }

    .nwsSngl .ytBlock>img,
    .nwsSngl .ytBlock>iframe {
        height: 300px;
    }
}

@media screen and (max-width:1000px) {

    .nwsSngl .relatedVideos,
    .nwsSngl .comments {
        padding-top: 40px;
        margin-top: 40px;
    }

    .nwsSngl .wpContent>.gutter {
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    .nwsSngl .comments {
        padding: 0;
        border: 0;
        padding-bottom: 40px;
    }

    .nwsSngl #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .nwsSngl #cntWrp #cntInnerWrp #sidebar.courses {
        display: none;
    }

    .nwsSngl .tutDesc,
    .nwsSngl .tutTtl {
        padding-right: 0;
    }
}

@media screen and (max-width:480px) {
    .nwsSngl #cnt>div {
        padding: 0 20px;
    }
}

.nws #cnt>div {
    padding: 0 0 56px;
    position: relative;
}

.nws #cnt .shopItemsSlider {
    margin-top: 20px;
}

.nws .relatesSoundPacks {
    display: none;
}

.nws .newCourses {
    margin-top: 55px;
    padding-bottom: 40px;
    display: block;
}

.nws .slider {
    width: 100%;
    height: 640px;
    padding-bottom: 0 !important;
    margin-bottom: 30px;
    position: relative;
}

.nws .paging {
    margin: 40px 0;
}

@media screen and (max-width:1400px) {
    .nws .slider {
        height: 500px;
    }
}

@media screen and (max-width:1100px) {
    .nws .slider {
        height: 450px;
    }
}

@media screen and (max-width:767px) {
    .nws #cnt>div {
        padding: 0;
    }
}

@media screen and (max-width:700px) {
    .nws .slider {
        height: 350px;
    }
}

@media screen and (max-width:568px) {
    .nws .slider {
        height: 300px;
    }
}

.crsSngl #cnt>div {
    position: relative;
    padding: 0 40px;
}

.crsSngl .topBlock {
    background-color: #0f0f0f !important;
    padding: 0 !important;
}

.crsSngl .hero {
    width: 100%;
    height: 500px;
    position: relative;
}

.crsSngl .topBlock .scDesc {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.9px;
}

.crsSngl .topBlock .scTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    margin-top: 9px;
    letter-spacing: 2.3px;
}

.crsSngl .topBlock .wpContent {
    margin-top: 40px;
}

.crsSngl .mainBlock .CourseStrap,
.crsSngl .mainBlock .CourseStrap>*,
.crsSngl .mainBlock .scmbTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 58px;
    text-align: center;
}

.crsSngl .mainBlock .CourseHeader,
.crsSngl .mainBlock .CourseHeader>*,
.crsSngl .mainBlock .mbTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: 800;
    margin-bottom: 15px;
}

.crsSngl .mainBlock .gutter {
    margin-top: 35px;
}

.crsSngl .mainBlock .gutter {
    margin-top: 35px;
}

.crsSngl .mainBlock img {
    width: 100%;
    height: auto;
}

.crsSngl .mainBlock .left,
.crsSngl .mainBlock .right {
    width: 48%;
}

.crsSngl .mainBlock .left {
    clear: both;
}

.crsSngl .aboutBlock {
    background-color: #0f0f0f !important;
    padding: 44px 80px 59px !important;
}

.crsSngl .aboutBlock .abTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
}

.crsSngl .aboutBlock .wpContent {
    margin-top: 25px;
}

.crsSngl .yotpoWrp {
    padding: 0 80px !important;
}

.crsSngl .yotpoWrp .yotpo-reviews.main:before {
    display: none;
}

.crsSngl .vidWrp {
    margin-bottom: 20px;
}

.crsSngl .heroBanner .hbTtl {
    margin-top: 0;
}

.crsSngl .wpContent {
    padding-top: 57px;
}

.crsSngl .row {
    margin-right: -15px;
    margin-left: -15px;
    clear: both;
}

.crsSngl .hidden-xs {
    display: block !important;
}

.crsSngl .col-md-4 {
    width: 33.33333333333333%;
    margin-bottom: 30px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.crsSngl .col-md-6 {
    width: 50%;
    margin-bottom: 30px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.crsSngl .quote {
    font-family: 'Georgia', sans-serif;
    font-size: 18px;
    color: #ccc;
    font-style: italic;
    text-align: center;
    padding: 10px 0;
}

.crsSngl .crsAddToCartWrp .catcPrc .pmavg {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #999;
    text-align: center;
    letter-spacing: -0.6px;
}

@media screen and (max-width:1300px) {
    .crsSngl .mainBlock .gutter {
        padding: 0;
    }
}

@media screen and (max-width:1200px) {
    .crsSngl .topBlock .grid {
        float: none;
        width: 100%;
        margin-top: 40px;
        padding: 0 !important;
    }

    .crsSngl .mainBlock .scmbTtl {
        margin-bottom: 0;
    }

    .crsSngl .mainBlock .left,
    .crsSngl .mainBlock .right {
        width: 100%;
        float: none;
        margin: 30px 0;
    }

    .crsSngl .mainBlock .gutter {
        margin-top: 25px;
    }

    .crsSngl .userReview {
        padding: 35px 0;
    }

    .crsSngl .yotpoWrp {
        padding: 0 40px !important;
    }

    .crsSngl .col-md-6,
    .crsSngl .col-md-4 {
        width: 100%;
    }
}

@media screen and (max-width:1000px) {
    .crsSngl .hero {
        height: 400px;
    }

    .crsSngl .aboutBlock {
        padding: 40px 40px !important;
    }
}

@media screen and (max-width:767px) {
    .crsSngl .hero {
        height: 300px;
        display: block !important;
    }

    .crsSngl .topBlock .scDesc {
        font-size: 11px;
        line-height: 14px;
        letter-spacing: 0.4px;
    }

    .crsSngl .topBlock .scTtl {
        font-size: 32px;
        line-height: 37px;
        letter-spacing: 1.5px;
        margin-top: 2px;
    }

    .crsSngl .topBlock .grid {
        margin-top: 30px;
    }
}

@media screen and (max-width:568px) {
    .crsSngl .hero {
        height: 200px;
    }
}

.lbls .catHeader {
    padding: 0;
    height: 320px;
}

.lbls .catHeader .chTtlWrp {
    margin: 0;
    display: block;
    z-index: 2;
}

.lbls .catHeader .chTtlWrp .chTtl {
    font-weight: 800;
    display: block;
    float: none;
    font-size: 60px;
    letter-spacing: 0;
}

.lbls .catHeader .chTtlWrp .following {
    float: none;
    margin: 0;
    position: relative;
    clear: both;
    margin-top: 18px;
}

.lbls .lblBanner {
    padding-bottom: 0 !important;
}

.lbls .lblBanner img {
    width: 100%;
    height: auto;
    display: block;
}

.lbls .chartWrp .btn {
    display: none !important;
}

.lbls #cnt .shopItemsSlider {
    margin-top: 0;
}

.lbls .snInfoWrp,
.lbls .newsWrp {
    display: none;
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:767px) {
    .lbls .catHeader .chTtlWrp .chTtl {
        font-size: 40px;
    }

    .lbls #cnt .catHeader {
        padding-top: 0;
        height: 240px;
    }

    .lbls #cnt>div {
        padding-bottom: 20px;
    }

    .lbls #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .lbls #cntWrp #cntInnerWrp #sidebar {
        margin-top: 40px;
        margin-bottom: 0;
    }
}

.adsrSrc #cnt>div {
    position: relative;
    padding: 0 40px;
}

.adsrSrc .searchedTerm {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.6px;
    padding-top: 78px;
}

.adsrSrc .resultsFound {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 5px;
}

.adsrSrc .tutSearchWrp {
    margin: 48px 0;
}

.adsrSrc .loading {
    margin-top: 45px;
    display: none;
    clear: both;
}

.adsrSrc .srcTabs .tabCntWrp .grid.custom {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}

@media screen and (max-width:1400px) {
    .adsrSrc .srcTabs .tabCntWrp .grid.custom {
        width: 16.6%;
    }
}

@media screen and (max-width:1200px) {
    .adsrSrc .srcTabs .tabCntWrp .grid.custom {
        width: 20%;
    }
}

@media screen and (max-width:1000px) {
    .adsrSrc .srcTabs .tabCntWrp .grid.custom {
        width: 25%;
    }
}

@media screen and (max-width:767px) {
    .adsrSrc .srcTabs .tabCntWrp .grid.custom {
        width: 100%;
    }

    .adsrSrc .searchedTerm {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 1.5px;
        padding-top: 35px;
    }

    .adsrSrc .resultsFound {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.7px;
        margin-top: 0;
    }

    .adsrSrc .tutSearchWrp {
        margin: 25px 0;
    }

    .adsrSrc .srcTabs .tabCntWrp .grid.custom:last-child .shopItem {
        border: 0;
    }
}

.adsrTopCharts #cnt>div {
    position: relative;
    padding: 0 40px;
}

.adsrTopCharts .tcTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.6px;
    margin-top: -3px;
    margin-bottom: 70px;
    padding-top: 84px;
}

.adsrTopCharts .loading {
    margin-top: 45px;
    display: none;
}

.adsrTopCharts .topChartItem:hover .buyBtn {
    background-color: #1ca600;
    border-color: #1ca600;
}

.adsrTopCharts.topPresets .topChartItem .ord {
    display: none;
}

.adsrTopCharts.topPresets .topChartItem .tciTtl {
    width: 71%;
}

@media screen and (max-width:1400px) {
    .adsrTopCharts.topPresets .topChartItem .tciTtl {
        width: 65%;
    }
}

@media screen and (max-width:1150px) {}

@media screen and (max-width:767px) {
    .adsrTopCharts.topPresets .topChartItem .tciTtl {
        width: 100%;
    }
}

@media screen and (max-width:600px) {}

.account {}

.account #cnt>div {
    padding: 0 40px;
}

.account #cntWrp #cntInnerWrp {
    margin-right: 0;
    margin-left: 0;
}

.account #cntWrp #cntInnerWrp #sidebar {
    margin-right: 0;
    width: 0;
    margin-left: 0;
}

.account .accountNav {
    padding: 0 20px 70px;
}

.account .accountNav ul {
    list-style-type: none;
    margin-top: 35px;
}

.account .accountNav ul li {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 1px;
}

.account .accountNav ul li a {
    position: relative;
}

.account .accountNav .count {
    display: inline-block;
    background-color: #333;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    margin-left: 8px;
    min-width: 40px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
}

.account .accTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.6px;
    margin-top: 78px;
}

.account .accDesc {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 5px;
}

.account .accDescSnd {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin-top: 49px;
    letter-spacing: 1.2px;
    margin-bottom: 19px;
}

.account .accTtlWrp {
    position: relative;
}

.account .accTtlWrp .clean {
    position: absolute;
    top: 11px;
    right: 40px;
    width: 112px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #525252;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    text-align: center;
}

.account .accTtlWrp .clean i {
    margin-left: 15px;
    position: relative;
    top: 1px;
}

.account .accTtlWrp .clean:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.account.savedTutorialsPg .stWrp {
    padding: 50px 30px !important;
}

.account.savedTutorialsPg .tabCntWrp {
    margin-top: 30px;
}

.account.savedTutorialsPg .tryEnr {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-top: 29px;
    line-height: 26px;
    letter-spacing: 0.4px;
}

.account.savedTutorialsPg .tryEnr a {
    color: #fff;
}

.account.wishlistPg .wlWrp {
    margin-top: 35px;
    padding: 0 30px !important;
}

.account.wishlistPg .srcTabs .tabs {
    margin: 0 10px;
}

.account.ordersPg .oWrp {
    margin-top: 35px;
}

.account.detailsPg .detWrp {
    max-width: 900px;
}

.account.detailsPg .detWrp .saveChanges {
    margin-top: 27px;
    max-width: 300px;
    font-size: 12px;
}

.account.detailsPg .accTtl,
.account.detailsPg .accDesc {
    width: 100% !important;
}

.account.detailsPg .enableDiscoveryWrp {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height: 30px;
}

.account.detailsPg .enableDiscoveryWrp .lbl {
    position: absolute;
    top: -2px;
    left: 40px;
    width: 160px;
    text-align: left;
}

.account.contactPg .contWrp {
    max-width: 900px;
}

.account.contactPg .accDescSnd {
    margin-bottom: 28px;
}

.account.contactPg .fldWrp {
    min-height: 60px;
    margin-bottom: 20px;
}

.account.contactPg .contWrp .saveChanges {
    margin-top: 48px;
    max-width: 300px;
    font-size: 12px;
}

.account.contactPg .fldWrp .icon-check {
    top: 23px;
}

.account.contactPg .accTtl,
.account.contactPg .accDesc {
    width: 100% !important;
}

.account.followingPg .folWrp {
    margin-top: 35px;
    padding: 0 30px !important;
}

.account.followingPg .srcTabs .tabs {
    margin: 0 10px;
}

.account.followingPg .folTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    margin: 10px 0 27px 10px;
    letter-spacing: 1px;
}

.account.followingPg .followingTags {
    margin: 0 10px;
    max-width: 1100px;
}

.account.followingPg .folTtl.newProd {
    margin: 34px 0 17px 10px;
}

.account.followingPg .accTtl,
.account.followingPg .accDesc {
    width: 100% !important;
}

.account.viewOrderPg .woocommerce-MyAccount-navigation,
.account.viewOrderPg .woocommerce header,
.account.viewOrderPg .woocommerce .shop_table.customer_details,
.account.viewOrderPg .woocommerce address {
    display: none;
}

.account.contactPg.contentIngOverride .fldWrp .errStr {
    margin-top: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

.account.contactPg.contentIngOverride .fldWrp.err .errStr {
    margin-top: 0;
    top: -2px;
    position: relative;
}

.account.contactPg.contentIngOverride .fldWrp .icon-check {
    top: 22px;
}

.account.contactPg.contentIngOverride .fldWrp label {
    margin-bottom: 0px;
}

.account.contactPg.contentIngOverride .fldWrp .desc {
    margin-bottom: 8px;
    padding: 5px 0;
}

.account.contactPg.contentIngOverride .fldInnerWrp {}

.account.contactPg.contentIngOverride .productAdded {
    font-family: 'Signika', sans-serif;
    color: #a9a9a9;
    border: 1px solid #09c100;
    height: 67px;
    line-height: 67px;
    padding: 0 20px;
    max-width: 900px;
    margin-top: 55px;
}

.account.contactPg.contentIngOverride .productAdded .icon-check {
    color: #09c100;
}

.account.contactPg.contentIngOverride .productAdded strong {
    color: #fff;
    margin-left: 10px;
}

.account.contactPg.contentIngOverride .productAdded a {
    color: #0121ff;
    text-decoration: underline;
}

.account.contactPg.contentIngOverride .productAdded a:hover {
    text-decoration: none;
}

.account.contactPg.contentIngOverride .accTtl {
    margin-top: 60px;
}

.account.contactPg.contentIngOverride .b4btn {
    min-height: 0;
    margin-bottom: 0;
}

.account.contactPg.contentIngOverride .b4btn .desc {
    font-size: 18px;
}

.subsPg .subCnt {
    color: #fff;
    font-family: 'Signika', sans-serif;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 20px;
}

.subsPg .subCnt ul {
    margin-top: 16px;
    line-height: 25px;
}

.subsPg .subCnt .buy:hover {
    text-decoration: none;
}

.subsPg .subCnt .subscriptionDisclamer {
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
    margin-top: 30px;
}

.subsPg .subCnt ul a:hover {
    text-decoration: none;
}

.subsPg .miniFeature {
    color: #fff;
    vertical-align: middle;
    float: left;
    padding: 15px 0;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.5px;
    margin-right: 57px;
    margin-right: 30px;
}

.subsPg .miniFeature i {
    color: #0033ff;
    margin-right: 20px;
    font-size: 28px;
    float: left;
}

.subsPg .subscriptionFeatures {
    padding: 82px 0 160px;
}

.subsPg .miniSidebar {
    margin-left: -460px;
    width: 460px;
    background-color: #333;
    padding: 62px 80px;
    box-sizing: border-box;
    text-align: center;
}

.subsPg .miniSidebar .msTtl {
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
}

.subsPg .miniSidebar .msMain {
    font-size: 46px;
    margin-top: 36px;
    letter-spacing: 0.1px;
}

.subsPg .miniSidebar .msDesc {
    margin-top: 27px;
}

.subsPg .miniSidebar .btn {
    margin-top: 36px;
    font-weight: 600;
    max-width: 300px;
    text-decoration: none;
}

.subsPg .miniSidebar .btn:hover {
    text-decoration: none;
}

.subsPg .msFWrp {
    margin-top: 33px;
    vertical-align: middle;
    text-align: center;
    width: 150%;
    margin-left: -25%;
    line-height: 25px;
}

.subsPg .msFWrp .msf {
    color: #999;
    display: inline-block;
    font-size: 16px;
    margin: 0 20px;
}

.subsPg .msFWrp .msf i {
    margin-right: 10px;
    font-size: 24px;
    top: 5px;
    position: relative;
}

.subsPg .subEnded,
.subsPg .noSub,
.subsPg .onTrial {
    margin-left: 460px;
}

.subsPg .sMainCnt {
    width: 95%;
}

.subsPg .sMainCnt .top {
    margin-top: 66px;
    font-family: 'Raleway', sans-serif;
    font-size: 38px;
    line-height: 44px;
}

.subsPg .sMainCnt .top strong {
    font-weight: 800;
}

.subsPg .sMainCnt .mid {
    color: #999;
    font-weight: 500;
    font-size: 18px;
    margin-top: 29px;
    line-height: 26px;
    letter-spacing: 0.4px;
}

.subsPg .sMainCnt .mid span {
    color: #fff;
}

.subsPg .sMainCnt .bot {
    padding: 30px 0;
}

.subsPg .onTrial .miniSidebar {
    padding: 62px 80px 31px;
}

.subsPg .onTrial .daysLeft {
    float: right;
    font-size: 35px;
    margin-top: 23px;
}

.subsPg .onTrial .daysLeft strong {
    font-weight: 800;
}

.subsPg .onTrial .progress {
    background-color: #363636;
    height: 3px;
    width: 100%;
    margin-top: 15px;
    position: relative;
}

.subsPg .onTrial .progress .current {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #20bf00;
}

.subsPg .onTrial .cnclWrp {
    text-align: right;
    margin-top: 25px;
}

.subsPg .onTrial .cnclWrp a {
    color: #999;
    text-decoration: underline;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.subsPg .onTrial .cnclWrp a:hover {
    color: #fff;
}

.subsPg .onTrial .sMainCnt .mid a {
    text-decoration: none;
}

.subsPg .subEnded .miniSidebar {
    padding: 62px 80px 31px;
    background-color: #014bff;
}

.subsPg .subEnded .msFWrp .msf {
    color: #b8c3fe;
}

.subsPg .subEnded .sMainCnt .mid a {
    color: #014bff;
    text-decoration: underline;
}

.subsPg .subEnded .sMainCnt .mid a.ovr {
    color: #fff;
}

.subsPg .subEnded .sMainCnt .mid a:hover {
    text-decoration: none;
}

.subsPg .onSub {
    margin-right: 460px;
}

.subsPg .onSub .miniSidebar {
    margin-right: -460px;
}

.subsPg .onSub .miniSidebar {
    background-color: #014bff;
}

.subsPg .onSub .currMem {
    font-size: 25px;
    margin-top: 62px;
    margin-left: 10px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.subsPg .onSub .currMem span {
    color: #ccc;
    font-weight: 100;
}

.subsPg .onSub .subDetail {
    font-size: 14px;
    margin-top: 10px;
    margin: 10px 0 0 10px;
}

.subsPg .onSub .subDetail.first {
    margin-top: 38px;
}

.subsPg .onSub .subDetail span {
    color: #999;
}

.subsPg .onSub .btnWrp {
    margin-left: 10px;
    margin-top: 70px;
    padding-bottom: 50px;
}

.subsPg .onSub .btnWrp .btn {
    min-width: 298px;
    display: block;
    float: left;
    margin-right: 20px;
}

.subsPg .onSub .btnWrp .btn:hover {
    text-decoration: none;
}

.subsPg .onSub .btnWrp .btn.lightGrey {
    min-width: 180px;
}

@media screen and (max-width:1500px) {}

@media screen and (min-width:1350px) {
    .subsPg .subscriptionFeatures .sFeat {
        width: 145px;
        height: 145px;
    }

    .subsPg .subscriptionFeatures .sFeat img {
        width: 64px;
        height: 64px;
        top: 40px;
        left: 40px;
    }

    .subsPg .subscriptionFeatures .sFeat .cnt {
        top: 180px;
    }
}

@media screen and (max-width:1350px) {
    .subsPg .sMainCnt .top {
        line-height: 40px;
    }

    .subsPg .sMainCnt .top strong {
        display: block;
    }
}

@media screen and (max-width:1200px) {
    .account .srcTabs .tabs a {
        margin-right: 20px;
    }
}

@media screen and (max-width:1000px) {
    .account .srcTabs .tabs a {
        width: 100%;
        clear: both;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        float: none;
    }

    .subsPg .onSub,
    .subsPg .subEnded,
    .subsPg .noSub,
    .subsPg .miniSidebar,
    .subsPg .onTrial {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .subsPg .miniSidebar {
        margin: 0 auto !important;
        float: none;
    }

    .subsPg .sMainCnt {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:980px) {}

@media screen and (max-width:768px) {
    .account.ordersPg .oWrp {
        padding: 0 !important;
    }

    .account.ordersPg .srcTabs .tabs {
        margin: 0 40px !important;
    }
}

@media screen and (max-width:767px) {

    .account #cntWrp #cntInnerWrp,
    .account #cntWrp #cntInnerWrp #sidebar {
        width: 100%;
        margin: 0;
    }

    .account #cnt>div {
        padding: 0 20px;
    }

    .account.ordersPg .srcTabs .tabs {
        margin: 0 20px !important;
    }

    .account .accTtl {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: 2px;
        padding-top: 40px;
        margin: 0;
    }

    .account .accDesc {
        font-size: 12px;
        line-height: 11px;
        letter-spacing: 1px;
        padding-top: 6px;
        margin: 0;
    }

    .account .srcTabs .tabs a {
        max-width: none;
    }

    .account .srcTabs .tabCntWrp>* {
        margin-bottom: 0;
    }

    .account.detailsPg .detWrp,
    .account.contactPg .contWrp {
        padding-bottom: 50px !important;
    }

    .account .selectMask {
        height: 60px;
        line-height: 60px;
    }

    .account .selectMask>i {
        top: 19px;
        right: 17px;
        font-size: 18px;
    }

    .account.wishlistPg .shopItem .img .hoverBlock .playOrPause {
        display: none;
    }

    .account.wishlistPg .shopItem .img .hoverBlock .delete {
        margin-left: -25px;
    }

    .account.wishlistPg .shopItem.playableItem.courses .img img {
        height: 56px;
        position: absolute;
        top: 50%;
        margin-top: -28px;
        left: 0;
    }

    .account.wishlistPg .shopItem.subscriptionSingleItem {
        padding-bottom: 30px;
    }

    .account.wishlistPg .shopItem.subscriptionSingleItem .img {
        height: 55px;
    }

    .subsPg .onSub .btnWrp .btn {
        margin: 10px auto;
        float: none;
        max-width: 300px;
    }
}

@media screen and (max-width:550px) {
    .subsPg .miniSidebar {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .subsPg .msFWrp .msf {
        display: block;
        margin: 10px 0;
    }
}

@media screen and (max-width:480px) {
    .account.wishlistPg .shopItem .img .hoverBlock * {
        display: none;
    }

    .account.wishlistPg .shopItem .img .hoverBlock .bgLnk {
        display: block;
    }

    .account.wishlistPg .shopItem .img:hover .hoverBlock {
        opacity: 0.1;
    }

    .account.contactPg.contentIngOverride .submitForm {
        height: auto;
        line-height: 20px;
        padding: 20px;
    }
}

.pg {}

.page-template-default .pg .accTtlWrp a {
    font-weight: 600;
    background-image: linear-gradient(180deg, transparent 65%, #002bff 0);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.page-template-default .pg .accTtlWrp a:hover {
    text-decoration: none;
    background-size: 0 100%;
    color: #999;
}

.page-template-default .pg .accTtlWrp h4 {
    margin-top: 15px;
    color: #fff;
}

.pg #cnt>div {
    padding: 0 40px;
}

.pg #cntWrp #cntInnerWrp {
    margin-right: 0;
    margin-left: 0;
}

.pg #cntWrp #cntInnerWrp #sidebar {
    margin-right: 0;
    width: 0;
    margin-left: 0;
}

.pg .accTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.6px;
    margin-top: 78px;
}

.pg .accDesc {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 5px;
}

.pg .accDescSnd {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin-top: 49px;
    letter-spacing: 1.2px;
    margin-bottom: 19px;
}

.pg .accTtlWrp {
    position: relative;
}

.pg .accTtlWrp .clean {
    position: absolute;
    top: 11px;
    right: 40px;
    width: 112px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #525252;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    text-align: center;
}

.pg .accTtlWrp .clean i {
    margin-left: 15px;
    position: relative;
    top: 1px;
}

.pg .accTtlWrp .clean:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.pg.contactPg #cnt .gutter {
    max-width: 900px;
    margin: 0;
}

.pg.contactPg .problemWithOrder {
    background-color: #000;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    padding: 0 20px;
    margin: 56px 0 45px;
    letter-spacing: 0.9px;
}

.pg.contactPg .problemWithOrder a {
    color: #014bff;
}

.pg.contactPg .problemWithOrder a:hover {
    text-decoration: underline;
}

.pg.contactPg .accDescSnd {
    margin-top: 0;
    margin-bottom: 26px;
}

.pg.contactPg .fldWrp {
    min-height: 60px;
    margin-bottom: 20px;
}

.pg.contactPg .contWrp .send {
    margin-top: 37px;
    max-width: 300px;
    font-size: 12px;
}

.pg.contactPg .fldWrp .icon-check {
    top: 23px;
}

.pg.contactPg .map {
    height: 500px;
    margin-top: 80px;
    padding: 0 !important;
}

.pg.contactPg .map iframe {
    height: 100%;
    width: 100%;
    border: 0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
}

.pg.lniPg .colWrp,
.pg.lniPg .pressBox {
    max-width: 820px;
}

.pg.lniPg .pressBox {
    border: 1px solid #4e4e4e;
    height: 220px;
    position: relative;
    overflow: hidden;
}

.pg.lniPg .pressBox .pbInner {
    margin: 0 auto;
    text-align: center;
}

.pg.lniPg .pressBox .pbInner span {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    letter-spacing: 14px;
    display: block;
    text-align: center;
    position: relative;
    left: 7px;
}

.pg.lniPg .pressBox .dl {
    position: absolute;
    bottom: -1px;
    right: -1px;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #4e4e4e;
    text-align: center;
}

.pg.lniPg .pressBox .dl:hover {
    color: #014bff;
}

.pg.lniPg .pressBox img {
    max-width: 250px;
}

.pg.lniPg .pressBox.kit img {
    max-width: 180px;
    margin-bottom: 10px;
}

.pg.lniPg .accDescSnd {
    margin-top: 59px;
    margin-bottom: 7px;
}

.pg.lniPg .accDescSnd.col {
    margin-top: 46px;
    margin-bottom: 20px;
}

.pg.lniPg .accDesc {
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    margin-top: 0;
    line-height: 18px;
    letter-spacing: 0.3px;
    margin-bottom: 25px;
}

.pg.lniPg .colWrp {
    margin-left: -10px;
    max-width: 840px;
}

.pg.lniPg .color {
    height: 220px;
    margin: 0 10px;
    position: relative;
}

.pg.lniPg .color * {
    font-family: 'Signika', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
}

.pg.lniPg .color .name {
    position: absolute;
    top: 16px;
    left: 16px;
}

.pg.lniPg .color .colCode {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 15px;
}

.pg.lniPg .accDescSnd.pk {
    margin-top: 46px;
    margin-bottom: 8px;
}

.pg.termsPg .accTtl {
    margin-bottom: 38px;
}

.pg.termsPg .wpContent {
    max-width: 1150px;
}

.pg.privacyPg .accTtl {
    margin-bottom: 38px;
}

.pg.privacyPg .wpContent {
    max-width: 1150px;
}

@media screen and (max-width:1500px) {}

@media screen and (max-width:1200px) {
    .pg .srcTabs .tabs a {
        margin-right: 20px;
    }
}

@media screen and (max-width:1000px) {
    .pg .srcTabs .tabs a {
        width: 100%;
        clear: both;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width:980px) {}

@media screen and (max-width:850px) {}

@media screen and (max-width:767px) {

    .pg #cntWrp #cntInnerWrp,
    .pg #cntWrp #cntInnerWrp #sidebar {
        width: 100%;
        margin: 0;
    }

    .pg .selectMask {
        height: 60px;
        line-height: 60px;
    }

    .pg .selectMask>i {
        top: 19px;
        right: 17px;
        font-size: 18px;
    }
}

@media screen and (max-width:480px) {}

.woocommerce-checkout:not(.woocommerce-order-received) #main {
    padding-bottom: 240px;
}

.woocommerce-checkout:not(.woocommerce-order-received) footer#bottom {
    height: 240px;
    margin-top: -240px;
}

.woocommerce-checkout:not(.woocommerce-order-received) footer#bottom .bottom,
.woocommerce-checkout:not(.woocommerce-order-received) footer#bottom .separator,
.woocommerce-checkout:not(.woocommerce-order-received) header#top .gutter.mobile>.left,
.woocommerce-cart header#top .gutter.mobile>.left,
.woocommerce-checkout:not(.woocommerce-order-received) header#top .gutter.mobile>.right,
.woocommerce-cart header#top .gutter.mobile>.right,
.woocommerce-checkout:not(.woocommerce-order-received) header#top .nav,
.woocommerce-cart header#top .nav,
.woocommerce-checkout:not(.woocommerce-order-received) #mobSearch .searchWrp,
.woocommerce-cart #mobSearch .searchWrp,
.woocommerce-checkout:not(.woocommerce-order-received) header#top .searchWrp,
.woocommerce-cart header#top .searchWrp,
.woocommerce-checkout:not(.woocommerce-order-received) header#top .rBlock .cart,
.woocommerce-cart header#top .rBlock .cart {
    display: none;
}

.woocommerce-checkout:not(.woocommerce-order-received) header#top .rBlock,
.woocommerce-cart header#top .rBlock {
    width: 280px;
}

.woocommerce-checkout:not(.woocommerce-order-received) header#top .rBlock .userData,
.woocommerce-cart header#top .rBlock .userData {
    margin-right: 0;
}

.woocommerce-checkout:not(.woocommerce-order-received) header#top .lBlock,
.woocommerce-cart header#top .lBlock {
    border: 0;
}

.checkout {}

.checkout #cnt>div {
    padding: 0 40px;
}

.checkout .checkoutNav {
    padding: 0 20px 70px;
}

.checkout .checkoutNav ul {
    list-style-type: none;
    margin-top: 35px;
}

.checkout .checkoutNav ul li {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 1px;
}

.checkout .checkoutNav ul li a {
    position: relative;
}

.checkout .checkoutNav .count {
    display: inline-block;
    background-color: #333;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    margin-left: 8px;
    min-width: 40px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
}

.checkout .accTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.6px;
    margin-top: 78px;
    width: 65%;
}

.checkout .accDesc {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 5px;
    width: 65%;
}

.checkout .accDesc a {
    color: #0a33ff;
    text-decoration: underline;
}

.checkout .accDesc a:hover {
    text-decoration: none;
}

.checkout .accDescSnd {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin-top: 49px;
    letter-spacing: 1.2px;
    margin-bottom: 19px;
}

.checkout .accTtlWrp {
    position: relative;
}

.checkout .accTtlWrp .saveCart {
    position: absolute;
    top: 11px;
    right: 40px;
    width: 213px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #525252;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    text-align: center;
}

.checkout .accTtlWrp .saveCart i {
    margin-left: 15px;
    position: relative;
    top: 1px;
}

.checkout .accTtlWrp .saveCart:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.checkout #sidebar .cartTotal {
    margin-bottom: 80px;
}

.checkout #sidebar .cartTotal .ctTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin-top: 52px;
    letter-spacing: 1px;
    margin-bottom: 38px;
}

.checkout #sidebar .cartTotal .subTotal,
.checkout #sidebar .cartTotal .voucher,
.checkout #sidebar .cartTotal .discount,
.checkout #sidebar .cartTotal .total {
    height: 71px;
    line-height: 71px;
    border-top: 1px solid #333;
    padding: 0 10px;
    padding: 0 20px;
}

.checkout #sidebar .cartTotal .total {
    height: 80px;
    line-height: 80px;
    background-color: #333;
    margin-bottom: 19px;
}

.checkout #sidebar .cartTotal .left,
.checkout #sidebar .cartTotal .right {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    letter-spacing: 0.8px;
}

.checkout #sidebar .cartTotal .total .left,
.checkout #sidebar .cartTotal .total .right {
    font-size: 18px;
}

.checkout #sidebar .cartTotal .voucher {
    min-height: 62px;
    line-height: 62px;
    height: auto;
    cursor: pointer;
}

.checkout #sidebar .cartTotal .voucher .customCheckbox {
    margin-top: 17px;
}

.checkout #sidebar .cartTotal .couponApplied {
    color: #30bf00;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    line-height: 44px;
    letter-spacing: 0.7px;
    margin-bottom: 12px;
}

.checkout #sidebar .cartTotal .fldWrp {
    min-height: 60px;
    margin-bottom: 0px;
}

.checkout #sidebar .cartTotal .fldWrp.err {
    padding-bottom: 10px;
}

.checkout #sidebar .cartTotal .voucherBox {
    display: none;
}

.checkout #sidebar .cartTotal .couponApplied,
.checkout #sidebar .cartTotal .discount {
    display: none;
}

.checkout #sidebar .cartTotal.hasCoupon .couponApplied,
.checkout #sidebar .cartTotal.hasCoupon .discount {
    display: block;
}

.checkout .checkoutProcess {
    border-bottom: 1px solid #313131;
    margin: 93px 0 88px;
    padding-bottom: 17px;
}

.checkout .checkoutProcess .cp {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    float: left;
    letter-spacing: 1px;
    margin-right: 73px;
    position: relative;
}

.checkout .checkoutProcess .cp>span {
    background-color: #333333;
    display: block;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

.checkout .checkoutProcess .cp:after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -18px;
    left: 0;
    background-color: #014bff;
    display: block;
    opacity: 0;
}

.checkout .checkoutProcess .cp.active {
    color: #fff;
}

.checkout .checkoutProcess .cp.active>span {
    background-color: #014bff;
}

.checkout .checkoutProcess .cp.active:after {
    opacity: 1;
}

.checkout.cartPg .cartWrp {
    margin-top: 68px;
}

.checkout.cartPg .cartWrp .cssLoader {
    margin: 30px 0;
}

.checkout.cartPg .continueShopping {
    background-color: #1f1f1f;
    height: 80px;
    line-height: 80px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.4px;
}

.checkout.cartPg .continueShopping i {
    margin-right: 20px;
}

.checkout.cartPg .continueShopping:hover,
.checkout.cartPg .continueShopping:hover i {
    color: #fff;
}

.checkout.cartPg .rf-recommendations {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
    margin-top: 60px !important;
    background-color: #171717 !important;
}

.checkout.cartPg #cntWrp #cntInnerWrp {
    padding-bottom: 0;
}

.checkout.cartPg #sidebar .cartTotal .total {
    height: 170px;
}

.checkout.paymentPg #cnt .ttlBlock {
    padding-right: 0;
}

.checkout.paymentPg .accTtl {
    margin: 30px 0 40px;
    width: 100%;
}

.checkout.paymentPg .paymentTypeWrp {}

.checkout.paymentPg .paymentTypeWrp>a {
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 18px;
    background-color: #171717;
    border: 1px solid #333333;
    padding: 0 40px;
    letter-spacing: 0.5px;
}

.checkout.paymentPg .paymentTypeWrp>a:hover,
.checkout.paymentPg .paymentTypeWrp>a.checked {
    background-color: #333;
}

.checkout.paymentPg .paymentTypeWrp>a i {
    font-size: 35px;
    position: relative;
    top: 9px;
    margin-right: 30px;
}

.checkout.paymentPg .checkoutProcess {
    margin-bottom: 40px;
}

.checkout.paymentPg #cnt .ccardWrp {
    margin-top: 39px;
    display: none;
}

.checkout.paymentPg #cnt .ccardWrp .anyMajorCard {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    line-height: 26px;
    margin-top: 3px;
    letter-spacing: 0.6px;
}

.checkout.paymentPg #cnt .ccardWrp .anyMajorCard img {
    height: 26px;
    width: auto;
    float: right;
}

.checkout.paymentPg #cnt .ccardWrp .jp-card-container {
    width: 430px;
    height: 250px;
}

.checkout.paymentPg #cnt .ccardWrp .jp-card-container,
.checkout.paymentPg #cnt .ccardWrp .jp-card-container * {
    font-family: "Courier New" !important;
}

.checkout.paymentPg #cnt .ccardWrp .jp-card .jp-card-front,
.checkout.paymentPg #cnt .ccardWrp .jp-card .jp-card-back {
    background: url(../images/ccard-bg.png);
}

.checkout.paymentPg #cnt .ccardWrp .jp-card.jp-card-identified .jp-card-front:before,
.checkout.paymentPg #cnt .ccardWrp .jp-card.jp-card-identified .jp-card-back:before {
    background: none !important;
}

.checkout.paymentPg #cnt .ccardWrp>.grid {
    padding: 0 30px;
}

.checkout.paymentPg #cnt .ccardWrp .ccardFlds {
    margin-top: 37px;
    max-width: 380px;
}

.checkout.paymentPg #cnt .ccardWrp .ccardFlds .fldWrp {
    min-height: 60px;
    margin-bottom: 20px;
}

.checkout.paymentPg #cnt .ccardWrp .ccardFlds .cvcWrp {
    margin-left: 10px;
}

.checkout.paymentPg #cnt .ccardWrp .securePayment {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    text-align: center;
    margin-top: 21px;
    letter-spacing: 0.6px;
}

.checkout.paymentPg #cnt .ccardWrp .securePayment i {
    margin-right: 10px;
}

.checkout.paymentPg .personalInfo {
    margin: 63px 0;
    padding: 35px 40px !important;
}

.checkout.paymentPg .personalInfo .grid {
    position: relative;
}

.checkout.paymentPg .personalInfo .piTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    margin: 33px 0 21px;
    letter-spacing: 0.8px;
}

.checkout.paymentPg .personalInfo .connect {
    width: 100%;
    max-width: 280px;
    height: 220px;
    border: 1px solid #525252;
    position: relative;
    background-color: #171717;
}

.checkout.paymentPg .personalInfo .connect:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.checkout.paymentPg .personalInfo .connect .disc {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    margin: -50px 0 0 -30px;
    background-color: #014bff;
    font-size: 20px;
    color: #fff;
    top: 50%;
    left: 50%;
}

.checkout.paymentPg .personalInfo .connect .disc i {
    display: inline;
}

.checkout.paymentPg .personalInfo .connect .disc span {
    display: block;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    position: absolute;
    bottom: -67px;
    left: 0;
    width: 100%;
}

.checkout.paymentPg .personalInfo .fldWrp,
.checkout.paymentPg .personalInfo .createAccountWrp {
    min-height: 60px;
    margin-bottom: 20px;
}

.checkout.paymentPg .personalInfo .createAccountWrp {
    background-color: #171717;
    line-height: 60px;
    padding: 0 10px;
    border: 1px solid #525252;
    cursor: pointer;
}

.checkout.paymentPg .personalInfo .createAccountWrp .customCheckbox {
    top: 14px;
}

.checkout.paymentPg .personalInfo .createAccountWrp .lbl {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    margin-left: 20px;
}

.checkout.paymentPg .personalInfo .createAccountWrp .lbl span {
    color: #999;
    font-style: italic;
}

.checkout.paymentPg .personalInfo .createAccountHidden {
    display: none;
}

.checkout.paymentPg .personalInfo .or {
    position: absolute;
    top: 77px;
    right: -22px;
    width: 40px;
    height: 220px;
}

.checkout.paymentPg .personalInfo .or span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 800;
    border: 1px solid #525252;
    z-index: 2;
    background-color: #171717;
    text-align: center;
    margin-top: -20px;
}

.checkout.paymentPg .personalInfo .or:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #525252;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
}

.checkout.paymentPg .orderSummary {}

.checkout.paymentPg .orderSummary .osTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    margin: 20px 0 34px;
    letter-spacing: 1px;
}

.checkout.paymentPg #cntWrp #cntInnerWrp {
    padding-bottom: 121px;
}

.checkout.paymentPg .subDisclamer {
    color: #979797;
    font-family: 'Signika', sans-serif;
    font-size: 14px;
    margin: 30px 0;
    letter-spacing: 1px;
}

.checkout.paymentPg .subDisclamer a {
    color: #fff;
    text-decoration: underline;
}

.checkout.paymentPg .subDisclamer a:hover {
    text-decoration: none;
}

.checkout.paymentPg #sidebar .txtWrp {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 18px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.checkout.paymentPg #sidebar .txtWrp .twTtl {
    line-height: 30px;
    display: none;
}

.checkout.paymentPg #sidebar .txtWrp .twTtl i {
    font-size: 26px;
    float: left;
    margin-right: 10px;
}

.checkout.paymentPg #sidebar .txtWrp .wpContent {
    font-size: 15px;
}

.checkout.paymentPg .fldWrp .icon-check {
    top: 23px;
}

.checkout.paymentPg.subInCart .createAccountWrp .createAccount,
.checkout.paymentPg.subInCart .createAccountWrp .left.lbl {
    display: none;
}

.checkout.paymentPg.subInCart .createAccountWrp {
    padding: 0;
    border: 0;
    background-color: transparent;
}

.checkout.downloadPg .accTtl,
.checkout.downloadPg .accDesc {
    margin: 30px 0 40px;
    width: 95%;
}

.checkout.downloadPg .accDesc.crsSpec {
    margin-top: 0;
}

.checkout.downloadPg .accDesc.crsSpec a {
    color: #fff;
    text-decoration: none;
}

.checkout.downloadPg .checkoutProcess {
    margin-bottom: 40px;
}

.checkout.downloadPg .cartWrp {
    margin-top: 40px;
}

.checkout.downloadPg .downloadAll {
    background-color: #014bff;
    height: 80px;
    line-height: 80px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.4px;
}

.checkout.downloadPg .downloadAll i {
    margin-right: 20px;
}

.checkout.downloadPg .downloadAll:hover,
.checkout.downloadPg .downloadAll:hover i {
    color: #fff;
}

.checkout.downloadPg #cntWrp #cntInnerWrp {
    padding-bottom: 120px;
}

.checkout.downloadPg .cartItem.download .download {
    background-color: #024bff;
    border: 0;
}

.checkout.downloadPg .cartItem.download .download:hover {
    box-shadow: none;
    background-color: #20bf00;
}

.checkout.paymentPg #cnt .ccardWrp .ccardFlds .zipWrp {
    width: 36%;
}

.checkout.paymentPg #cnt .ccardWrp .ccardFlds .zipLblWrp {
    width: 60%;
    margin-left: 10px;
    position: relative;
}

.checkout.paymentPg #cnt .ccardWrp .ccardFlds .zipLblWrp .zipLbl {
    color: #999;
    font-family: 'Signika', sans-serif;
    line-height: 20px;
    letter-spacing: -0.3px;
    position: absolute;
    top: 9px;
    left: 0;
    width: 120%;
}

@media screen and (max-width:1550px) {
    .checkout.paymentPg .personalInfo .or {
        right: -32px;
    }
}

@media screen and (max-width:1500px) {
    .checkout.paymentPg .personalInfo .or {
        right: -40px;
    }
}

@media screen and (max-width:1470px) {
    .checkout.paymentPg .personalInfo .or {
        display: none;
    }
}

@media screen and (max-width:1350px) {
    .checkout .checkoutProcess .cp {
        margin-right: 20px;
    }

    .checkout.paymentPg #cnt .ccardWrp .ccardGrid {
        display: none;
    }

    .checkout.paymentPg #cnt .ccardWrp .ccardFormGrid {
        width: 100%;
    }

    .checkout.paymentPg #cnt .ccardWrp .ccardFlds {
        max-width: 100%;
    }
}

@media screen and (max-width:1300px) {
    .checkout.downloadPg .cartItem.download .download {
        text-align: center;
        padding: 0;
    }

    .checkout.downloadPg .cartItem.download .download i {
        font-size: 0;
    }

    .cartItem.download .metaWrp {
        width: 68%;
    }

    .cartItem.download .download {
        width: 24%;
    }
}

@media screen and (max-width:1200px) {
    .checkout .srcTabs .tabs a {
        margin-right: 20px;
    }

    .checkout .checkoutProcess .cp {
        font-size: 0;
    }

    .checkout .checkoutProcess .cp>span {
        margin-right: 0;
        margin: 0 10px;
        display: block;
        float: none;
    }

    .checkout .accTtl {
        width: 60%;
    }
}

@media screen and (max-width:1150px) {
    .checkout.paymentPg .personalInfo .createAccountWrp .lbl span {
        display: none;
    }

    .checkout.paymentPg .paymentTypeWrp>a {
        padding: 0 20px;
    }
}

@media screen and (max-width:1000px) {
    .checkout .srcTabs .tabs a {
        width: 100%;
        clear: both;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        float: none;
    }

    .checkout .accTtlWrp .saveCart {
        display: none;
    }

    .checkout .accTtl,
    .checkout .accDesc {
        width: 100%;
    }
}

@media screen and (max-width:950px) {
    .checkout .cartItem .img {
        width: 80px;
    }

    .checkout .cartItem {
        padding-left: 80px;
        height: 80px;
        line-height: 80px;
    }

    .checkout.downloadPg .cartItem.software .img {
        width: 80px;
        margin-top: 25px;
        height: 80px;
    }

    .checkout.downloadPg .cartItem.software {
        padding-left: 80px;
        height: 130px;
        line-height: 130px;
    }

    .checkout.downloadPg .cartItem.software .metaWrp .ciBy {
        height: auto;
    }

    .checkout .cartItem .metaWrp .ciTtl,
    .checkout .cartItem .metaWrp .ciBy {
        height: 22px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .checkout .checkoutProcess {
        margin: 50px 0 40px;
    }

    .checkout .cartItem .metaWrp {
        width: 54%;
    }

    .checkout .cartItem .price {
        width: 25%;
    }

    .checkout.paymentPg .paymentTypeWrp>a i {
        margin-right: 15px;
    }

    .checkout.paymentPg .personalInfo .grid30 {
        display: none;
    }

    .checkout.paymentPg .personalInfo .grid65 {
        width: 100%;
    }

    .checkout.downloadPg .cartItem.download .download {
        font-size: 0;
    }

    .checkout.downloadPg .cartItem.download .download i {
        font-size: 16px;
        float: none;
        display: inline-block;
        top: 16px;
    }

    .checkout.downloadPg .cartItem .metaWrp {
        width: 77%;
    }

    .checkout.downloadPg .cartItem.download .download {
        width: 40px;
        float: right;
        margin-right: 2%;
    }
}

@media screen and (max-width:900px) {
    .woocommerce-checkout:not(.woocommerce-order-received) #main {
        padding-bottom: 280px;
    }

    .woocommerce-checkout:not(.woocommerce-order-received) footer#bottom {
        height: 280px;
        margin-top: -280px;
    }

    .checkout.paymentPg .paymentTypeWrp>a i {
        display: none;
    }
}

@media screen and (max-width:800px) {
    .checkout #cnt>div {
        padding: 0 20px;
    }

    .checkout.cartPg .continueShopping {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .woocommerce-checkout:not(.woocommerce-order-received) footer#bottom {
        height: auto;
    }

    .checkout #cntWrp #cntInnerWrp,
    .checkout #cntWrp #cntInnerWrp #sidebar {
        width: 100%;
        margin: 0;
    }

    .checkout #cnt>.rf-recommendations {
        display: none;
    }

    .checkout .checkoutProcess {
        margin-top: 0;
        padding-top: 50px;
    }

    .checkout .accTtlWrp {
        margin-bottom: 20px;
    }

    .checkout .accTtl {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 2px;
        margin-top: 00px;
    }

    .checkout .accDesc {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 1px;
        margin-top: 5px;
    }

    .checkout .checkoutProcess {
        border: 0;
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .checkout .checkoutProcess .cp:after {
        display: none;
    }

    .checkout #cnt>.cartWrp {
        margin-top: 0;
        padding: 0;
    }

    .checkout .cartItem .img {
        width: 60px;
    }

    .checkout .cartItem {
        padding-left: 60px;
        height: 60px;
        line-height: 60px;
    }

    .checkout .cartItem>*,
    .checkout .cartItem .metaWrp .ciTtl,
    .checkout .cartItem .metaWrp .ciBy {
        font-size: 13px;
        margin-top: 0;
    }

    .checkout .cartItem .metaWrp {
        margin-left: 4%;
    }

    .checkout .cartItem .deleteWrp {
        width: 15%;
    }

    .checkout #cntWrp #cntInnerWrp #sidebar {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .checkout #sidebar .cartTotal .ctTtl {
        margin-top: 0;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .checkout #sidebar .cartTotal {
        margin-bottom: 0;
    }

    .checkout #sidebar .cartTotal .subTotal,
    .checkout #sidebar .cartTotal .voucher,
    .checkout #sidebar .cartTotal .discount,
    .checkout #sidebar .cartTotal .total {
        height: 40px;
        line-height: 40px;
    }

    .checkout #sidebar .cartTotal .left,
    .checkout #sidebar .cartTotal .right {
        font-size: 12px;
        letter-spacing: 0.8px;
    }

    .checkout #sidebar .cartTotal .voucherBox {
        margin-top: 10px;
    }

    .checkout #sidebar .cartTotal .voucher .customCheckbox {
        margin-top: 5px;
    }

    .checkout #sidebar .cartTotal .total,
    .checkout #sidebar .cartTotal .voucher {
        min-height: 40px;
        height: auto;
    }

    .checkout #sidebar .cartTotal .total {
        padding-bottom: 20px;
    }

    .checkout #sidebar .fldWrp .fldBtn {
        line-height: 59px;
        top: 0px;
    }

    .checkout.cartPg #sidebar .cartTotal .total {
        height: 120px;
    }

    .checkout.paymentPg .paymentTypeWrp>a {
        height: 70px;
        line-height: 70px;
        font-size: 13px;
    }

    .checkout.paymentPg .paymentTypeWrp>a i {
        display: inline-block;
        font-size: 20px;
        top: 4px;
        margin-right: 7px;
    }

    .checkout.paymentPg #cnt .ccardWrp>.grid {
        padding: 0;
    }

    .checkout.paymentPg #cnt .ccardWrp .anyMajorCard {
        font-size: 11px;
        line-height: 28px;
    }

    .checkout.paymentPg #cnt .ccardWrp .ccardFlds {
        margin-top: 25px;
    }

    .checkout.paymentPg .personalInfo {
        margin: 30px 0;
        padding: 35px 20px !important;
    }

    .checkout.paymentPg .personalInfo .piTtl {
        font-size: 10px;
    }

    .checkout.paymentPg #sidebar .cartTotal .total {
        padding-bottom: 0;
    }

    .checkout.paymentPg #cnt>.orderSummary {
        padding: 0 !important;
    }

    .checkout.paymentPg #cnt>.orderSummary .osTtl {
        padding: 0 20px;
    }

    .checkout.paymentPg #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .checkout #cntWrp #cntInnerWrp #sidebar {
        padding-bottom: 40px;
    }

    .checkout.paymentPg .orderSummary .osTtl {
        font-size: 16px;
    }

    .checkout .cartItem .metaWrp .ciTtl,
    .checkout .cartItem .metaWrp .ciBy {
        height: 16px;
    }

    .checkout.downloadPg #sidebar .snInfoWrp {
        display: block;
    }

    .checkout.downloadPg .accTtl,
    .checkout.downloadPg .accDesc {
        width: 100%;
        letter-spacing: 1px;
    }

    .checkout.downloadPg .accTtl {
        margin-bottom: 20px;
    }

    .checkout.downloadPg .accDesc {
        margin-top: 0;
    }

    .checkout.downloadPg #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .checkout.downloadPg .cartItem.software .metaWrp .ciBy {
        height: auto;
    }
}

@media screen and (max-width:568px) {
    .checkout.paymentPg #cnt .ccardWrp .anyMajorCard img {
        float: none;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width:480px) {
    .checkout.paymentPg .paymentTypeWrp>a {
        padding: 0 10px;
    }

    .checkout.paymentPg #cnt .ccardWrp .anyMajorCard {
        text-align: center;
    }

    .checkout.paymentPg #cnt .ccardWrp .anyMajorCard img {
        float: none;
    }

    .checkout.downloadPg .cartItem .metaWrp {
        width: 73%;
    }
}

.reportPg #cntWrp>.gutter,
.reportPg #cntWrp #cntInnerWrp #sidebar {
    background-color: #171717;
}

.reportPg .topWrp .twTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 2.6px;
    margin-top: 33px;
}

.reportPg .topWrp .twDesc {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 1px;
}

.reportPg .totalEarnings {
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.reportPg .totalEarnings .teTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 39px;
}

.reportPg .totalEarnings .teCnt {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 32px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 23px;
    height: 120px;
    line-height: 120px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -khtml-border-radius: 60px;
    border-radius: 60px;
    border: 1px solid #333;
    background-color: #1f1f1f;
}

.reportPg .addNewProduct {
    width: 100%;
    height: 220px;
    border: 1px solid #525252;
    position: relative;
    background-color: #1f1f1f;
}

.reportPg .addNewProduct:hover {
    box-shadow: 0px 0px 18px 2px rgba(1, 75, 255, 1);
}

.reportPg .addNewProduct .disc {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    margin: -50px 0 0 -30px;
    background-color: #20bf00;
    font-size: 20px;
    color: #fff;
    top: 50%;
    left: 50%;
}

.reportPg .addNewProduct .disc i {
    display: inline;
}

.reportPg .addNewProduct .disc span {
    display: block;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    position: absolute;
    bottom: -67px;
    left: -50%;
    width: 200%;
}

.reportPg .reportSettingsWrp {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
}

.reportPg .reportSettings {
    padding: 50px 40px;
    background-color: #0f0f0f;
}

.reportPg .reportSettings>* {
    float: left;
}

.reportPg .reportSettings .rsTtlWrp {
    width: 42%;
}

.reportPg .reportSettings .rsTtlWrp .rsTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
}

.reportPg .reportSettings .rsTtlWrp .rsDesc {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 9px;
}

.reportPg .reportSettings .timePicker {
    width: 29%;
}

.reportPg .reportSettings .timePicker>.selectMask {
    background-color: #171717;
    width: 50%;
    float: left;
}

.reportPg .reportSettings .timePicker>.selectMask:hover {
    z-index: 99999;
}

.reportPg .reportSettings .timePicker>.selectMask.monthPicker {}

.reportPg .reportSettings .timePicker>.selectMask.yearPicker {
    margin-left: -1px;
}

.reportPg .reportSettings .dlWrp {
    width: 27%;
    margin-left: 2%;
}

.reportPg .reportItemsWrp {
    padding-top: 0 !important;
}

.reportPg .reportItemsWrp .reportItem {
    background-color: #1f1f1f;
    height: 80px;
    line-height: 80px;
    margin-bottom: 2px;
    padding-left: 80px;
    overflow: hidden;
    position: relative;
    padding-right: 50px;
}

.reportPg .reportItemsWrp .reportItem:hover {
    background-color: #171717;
}

.reportPg .reportItemsWrp .reportItem>* {
    height: inherit;
    line-height: inherit;
    float: left;
}

.reportPg .reportItemsWrp .reportItem .img {
    margin-left: -80px;
    width: 80px;
    height: auto;
    max-height: 80px;
    overflow: hidden;
}

.reportPg .reportItemsWrp .reportItem .img img {
    width: 100%;
}

.reportPg .reportItemsWrp .reportItem .metaWrp,
.reportPg .reportItemsWrp .reportItem .noOfSales,
.reportPg .reportItemsWrp .reportItem .ttlWatched,
.reportPg .reportItemsWrp .reportItem .price {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    margin-left: 2%;
    width: 68%;
}

.reportPg .reportItemsWrp .reportItem .noOfSales {
    margin-left: 0;
    width: 10%;
    text-align: center;
}

.reportPg .reportItemsWrp .reportItem .ttlWatched {
    display: none !important;
}

.reportPg .reportItemsWrp .reportItem .price {
    margin-left: 0;
    width: 20%;
    text-align: right;
}

.reportPg .reportItemsWrp .reportItem.crs .img img {
    top: 18px;
    position: relative;
}

.reportPg .reportItemsWrp .reportItem.footer,
.reportPg .reportItemsWrp .reportItem.footer *,
.reportPg .reportItemsWrp .reportItem.header,
.reportPg .reportItemsWrp .reportItem.header * {
    color: #999;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
}

.reportPg .reportItemsWrp .reportItem.footer .icn,
.reportPg .reportItemsWrp .reportItem.header .icn {
    color: #014bff;
    margin-right: 10px;
    font-size: 16px;
    top: 2px;
    position: relative;
}

.reportPg .reportItemsWrp .reportItem.footer:hover,
.reportPg .reportItemsWrp .reportItem.header:hover {
    background-color: #1f1f1f;
}

.reportPg .reportItemsWrp .reportItem.footer .price {
    color: #fff;
    font-size: 24px;
}

.reportPg .reportItemsWrp .reportItem.footer,
.reportPg .reportItemsWrp .reportItem.footer:hover {
    background-color: #363636;
}

.reportPg .noSalesFound {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 39px;
}

.reportPg .reportItemsWrp .reportItem.extr .metaWrp {
    width: 63%;
}

.reportPg .reportItemsWrp .reportItem.extr .price {
    width: 15%;
}

.reportPg .reportItemsWrp .reportItem.extr .priceExtra {
    width: 10%;
    text-align: center;
}

.reportPg .reportItemsWrp>.gutter {
    display: table !important;
    width: 100%;
}

.reportPg .reportItemsWrp .reportItem {
    display: table-row !important;
    padding-left: 0;
    clear: both !important;
}

.reportPg .reportItemsWrp .reportItem>* {
    display: table-cell !important;
    width: 20% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    overflow: hidden;
}

.reportPg .reportItemsWrp .reportItem.extr>* {
    width: 13.33% !important;
}

.reportPg .reportItemsWrp .reportItem.crs>* {
    width: 20% !important;
}

.reportPg .reportItemsWrp .reportItem.extr.crs>* {
    width: 10% !important;
}

.reportPg .reportItemsWrp .reportItem>.img {
    width: 10% !important;
    margin-left: 0;
    height: inherit;
    max-height: none;
    text-align: center;
}

.reportPg .reportItemsWrp .reportItem .img img {
    max-width: 90%;
    max-height: 100%;
    width: auto !important;
    vertical-align: middle;
}

.reportPg .reportItemsWrp .reportItem>.metaWrp {
    width: 50% !important;
}

.reportPg .reportItemsWrp .reportItem .price {
    text-align: center;
}

.reportPg .reportItemsWrp .reportItem .ttlWatched {
    display: block !important;
    text-align: center;
}

.reportPg .reportItemsWrp .reportItem.crs .img img {
    top: 0;
}

.reportPg #cnt>.childrenPicker {
    padding: 20px 0;
}

.reportPg .childrenPicker .lbl {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 60px;
    letter-spacing: 1px;
    margin-right: 10px;
}

.reportPg .childrenPicker .selectMask {
    width: 50%;
    max-width: 300px;
}

.reportPg .staticBox {
    background-color: #0f0f0f;
    padding: 20px 30px;
}

.reportPg .staticBox .sbTtl {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    line-height: 40px;
    position: relative;
    letter-spacing: 1px;
    color: #fff;
}

.reportPg .staticBox .sbSubttl {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}

.reportPg .dynBox {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-top: 20px;
    padding: 5px;
}

.reportPg .dynBox ul,
.reportPg .dynBox ol {
    list-style-position: inside;
}

@media screen and (max-width:1500px) {
    .reportPg .reportItem.header .noOfSales {
        word-spacing: 9999px;
        line-height: 20px !important;
        padding-top: 10px;
    }
}

@media screen and (max-width:1300px) {
    .reportPg .reportItemsWrp .reportItem {
        padding-right: 25px;
    }

    .reportPg .reportSettings {
        padding: 50px 20px;
    }

    .reportPg .reportSettings .dlWrp .btn {
        text-align: center;
        overflow: hidden;
    }

    .reportPg .reportSettings .dlWrp .btn i {
        display: none;
    }

    .reportPg .reportSettings .timePicker {
        width: 34%;
    }

    .reportPg .reportSettings .dlWrp {
        width: 22%;
    }
}

@media screen and (max-width:1200px) {
    .reportPg .reportSettings {
        padding: 20px;
    }

    .reportPg .reportSettings .rsTtlWrp,
    .reportPg .reportSettings .timePicker,
    .reportPg .reportSettings .dlWrp {
        width: 100%;
        margin: 10px 0;
    }
}

@media screen and (max-width:1060px) {}

@media screen and (max-width:980px) {
    .reportPg #cntWrp #cntInnerWrp {
        margin-left: 0;
        margin-right: 300px;
    }

    .reportPg #cntWrp #cntInnerWrp #sidebar {
        margin-left: 0;
        width: 300px;
        margin-right: -300px;
    }

    .reportPg .totalEarnings .teCnt {
        font-size: 28px;
    }

    .reportPg .reportItemsWrp .reportItem .metaWrp {
        width: 65%;
    }

    .reportPg .reportItemsWrp .reportItem .noOfSales {
        width: 13%;
    }

    .reportPg .reportItemsWrp .reportItem {
        padding-right: 20px;
    }

    .reportPg .reportItemsWrp .reportItem.header .icn {
        margin-right: 5px;
    }
}

@media screen and (max-width:850px) {}

@media screen and (max-width:767px) {
    .reportPg #cntWrp #cntInnerWrp {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 20px;
    }

    .reportPg #cntWrp #cntInnerWrp #sidebar {
        margin-left: 0;
        width: 0;
        margin-right: 0;
    }

    .reportPg .reportSettings .dlWrp a {
        line-height: 40px;
        height: 40px;
        font-size: 12px;
    }

    .reportPg #cntWrp #cntInnerWrp #sidebar {
        display: none;
    }

    .reportPg #cnt>div {
        padding-bottom: 0 !important;
    }

    .reportPg .topWrp {
        padding: 0 0 12px !important;
    }

    .reportPg .topWrp .twTtl {
        font-size: 26px;
        line-height: 28px;
        letter-spacing: 2px;
        padding-top: 40px;
        margin-top: 0;
    }

    .reportPg .topWrp .twDesc {
        font-size: 12px;
        line-height: 11px;
        letter-spacing: 1px;
        padding-top: 6px;
        margin: 0;
    }

    .reportPg .reportSettings {
        padding-top: 5px;
    }

    .reportPg .reportSettings .rsTtlWrp .rsTtl {
        font-size: 16px;
    }

    .reportPg .reportSettings .rsTtlWrp .rsDesc {
        font-size: 10px;
        margin-top: 3px;
    }

    .reportPg .reportSettings .timePicker>.selectMask.monthPicker {
        -webkit-border-top-right-radius: 0 !important;
        -webkit-border-bottom-right-radius: 0 !important;
        -moz-border-radius-topright: 0 !important;
        -moz-border-radius-bottomright: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .reportPg .reportSettings .timePicker>.selectMask.yearPicker {
        -webkit-border-top-left-radius: 0 !important;
        -webkit-border-bottom-left-radius: 0 !important;
        -moz-border-radius-topleft: 0 !important;
        -moz-border-radius-bottomleft: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .reportPg .reportItemsWrp .reportItem {
        height: 50px;
        line-height: 50px;
        padding-left: 50px;
    }

    .reportPg .reportItemsWrp .reportItem .img {
        margin-left: -50px;
        width: 50px;
        max-height: 50px;
    }

    .reportPg .reportItemsWrp .reportItem.footer,
    .reportPg .reportItemsWrp .reportItem.footer *,
    .reportPg .reportItemsWrp .reportItem.header,
    .reportPg .reportItemsWrp .reportItem.header * {
        font-size: 11px !important;
    }

    .reportPg .reportItem.header .noOfSales {
        line-height: 13px !important;
        padding-top: 6px;
    }

    .reportPg .reportItemsWrp .reportItem.header .icn {
        font-size: 10px;
        top: 0px;
    }

    .reportPg .reportItemsWrp .reportItem .metaWrp,
    .reportPg .reportItemsWrp .reportItem .noOfSales,
    .reportPg .reportItemsWrp .reportItem .price {
        font-size: 13px;
    }

    .reportPg .reportItemsWrp .reportItem .metaWrp {
        margin-left: 4%;
        width: 59%;
    }

    .reportPg .reportItemsWrp .reportItem .noOfSales {
        width: 16%;
    }

    .reportPg .reportItemsWrp .reportItem .price {
        width: 21%;
    }

    .reportPg .reportItemsWrp .reportItem.crs .img img {
        top: 9px;
    }

    .reportPg .noSalesFound {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-top: 20px;
    }
}

@media screen and (max-width:568px) {

    .reportPg .reportSettingsWrp>.gutter,
    .reportPg .reportItemsWrp>.gutter {
        padding: 0;
    }
}

.subOvr .tutSearchWrpOuter {
    padding: 0 40px 0 !important;
}

.subOvr #cnt>div {
    padding: 0 0 56px;
    position: relative;
}

.subOvr #cnt .shopItemsSlider {
    margin-top: 50px;
}

.subOvr #main {
    background-image: url(../images/marquee.jpg);
    background-color: #171717;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

.subOvr #main>.gutter {
    max-width: 1680px;
}

.subOvr .marquee {
    margin-bottom: 106px;
}

.subOvr .marquee .mainTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 45px;
    text-align: center;
    font-weight: 600;
    padding-top: 96px;
    letter-spacing: 1.5px;
    margin-bottom: 3px;
}

.subOvr .marquee .mainLead {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.subOvr .submarquee {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-align: center;
    margin-top: 75px;
    padding: 0 30px;
}

.subOvr .tiers {
    max-width: 1440px;
    margin: 0 auto;
}

.subOvr .tiers .tier {
    background-color: #000;
    width: 31.458%;
    margin-top: 30px;
    padding: 38px 60px 50px;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.subOvr .tiers .tier.mid {
    background-color: #014bff;
    margin-top: 0;
    margin: 0 2.813%;
    padding-top: 68px;
    padding-bottom: 81px;
}

.subOvr .tiers .tier .tTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1.5px;
    margin-bottom: 11px;
}

.subOvr .tiers .tier .tDesc {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.7px;
}

.subOvr .tiers .tier .subSinglePrcWrp {
    text-align: center;
    color: #fff;
    font-family: 'Signika', sans-serif;
    margin-top: 33px;
    border-bottom: 1px solid #333;
    width: 100%;
    padding-bottom: 42px;
}

.subOvr .tiers .tier .subSinglePrcWrp .subSinglePrc {
    font-size: 80px;
}

.subOvr .tiers .tier .subSinglePrcWrp .sPrc .pm {
    font-size: 19px;
}

.subOvr .tiers .tier .subSinglePrcWrp .sPrcDesc {
    font-size: 17px;
}

.subOvr .tiers .tier .subSinglePrcWrp .sPrcDesc.chrOnly {
    display: none;
}

.subOvr .tiers .tier .tList {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    list-style-type: none;
    line-height: 28px;
    margin-top: 32px;
    font-weight: 100;
    min-height: 200px;
    padding-left: 28px;
}

.subOvr .tiers .tier .tList li {
    position: relative;
}

.subOvr .tiers .tier .tList .icn {
    color: #014bff;
    margin-right: 11px;
    position: absolute;
    font-size: 17px;
    left: -28px;
    top: 5px;
}

.subOvr .tiers .tier.t-christmas-deal-17 .tList .icn,
.subOvr .tiers .tier.mid .tList .icn {
    color: #171717;
}

.subOvr .tiers .tier .btn {
    font-weight: 800;
    letter-spacing: 1px;
}

.subOvr .tiers .tier .special {
    background: #ff4100;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 9;
}

.subOvr .tiers .tier .special:before,
.subOvr .tiers .tier .special:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: #ff4100;
}

.subOvr .tiers .tier .special:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

.subOvr .tiers .tier .special:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}

.subOvr .tiers .tier .special.back {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}

.subOvr .tiers .tier .special span {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 23px;
    z-index: 9;
    position: relative;
    transform: rotate(11deg);
    display: block;
    top: 7px;
}

.subOvr .tiers .tier.t-christmas-deal-17 {
    background-color: #e12f41;
}

.subOvr .tiers .tier.t-christmas-deal-17 .subSinglePrcWrp .sPrc .pm,
.subOvr .tiers .tier.t-christmas-deal-17 .subSinglePrcWrp .sPrcDesc.generic {
    display: none;
}

.subOvr .tiers .tier.t-christmas-deal-17 .subSinglePrcWrp .sPrcDesc.chrOnly {
    display: block;
}

.subOvr .sTestimonials {
    background-image: url(../images/testimonials.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 660px;
}

.subOvr .sTestimonials .sTTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    text-align: center;
    font-weight: 300;
    padding-top: 126px;
    letter-spacing: 3px;
    margin-bottom: 3px;
}

.subOvr .sTestimonials .sTDesc {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 67px;
}

.subOvr .sTestimonials .sts {
    width: 94%;
    margin: 0 auto;
}

.subOvr .sTestimonials .testimonial {
    float: left;
    width: 31.458%;
    background-color: #171717;
    padding: 40px 30px 40px 135px;
    box-sizing: border-box;
    position: relative;
}

.subOvr .sTestimonials .testimonial.mid {
    margin: 0 2.813%;
}

.subOvr .sTestimonials .testimonial .imgCnt {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 30px;
    left: 27px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #014bff;
}

.subOvr .sTestimonials .testimonial .imgCnt i {
    color: #fff;
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px;
}

.subOvr .sTestimonials .testimonial .r {
    width: 100%;
}

.subOvr .sTestimonials .testimonial blockquote {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.subOvr .sTestimonials .testimonial blockquote cite {
    color: #7f7f7f;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    display: block;
    font-style: normal;
    margin-top: 15px;
}

.subOvr .sTestimonials i {
    color: #014bff;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.subOvr .videoLogoWrp {
    background-color: #0041ff;
    padding: 36px 0;
    position: relative;
}

.subOvr .videoLogoWrp .tmp {
    width: 1224px;
    height: auto;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -612px;
}

.subOvr .videoLogoWrp .vlwTtl {
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 31px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.subOvr .videoLogoWrp .logos {
    text-align: center;
    min-height: 58px;
    margin: 5px 0 15px;
}

.subOvr .videoLogoWrp .logos img {
    height: auto;
    display: inline-block;
    margin: 30px 25px;
    vertical-align: middle;
}

.subOvr .videoLogoWrp .logos .toolroom {
    width: 180px;
}

.subOvr .videoLogoWrp .logos .faderpro {
    width: 163px;
}

.subOvr .videoLogoWrp .logos .cr2 {
    width: 57px;
}

.subOvr .videoLogoWrp .logos .the-pro-audio-files {
    width: 135px;
}

.subOvr .videoLogoWrp .logos .bassgorilla {
    width: 213px;
}

.subOvr .videoLogoWrp .logos .quantize {
    width: 198px;
}

.subOvr .videoLogoWrp .vlwSubttl {
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.subOvr .startLearningToday {
    padding: 133px 0 35px;
    width: 90%;
    margin: 0 auto;
}

.subOvr .startLearningToday .sltTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 49px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 85px;
}

.subOvr .startLearningToday .howDoesThisWork .hdtw {
    width: 48%;
    margin-bottom: 37px;
}

.subOvr .startLearningToday .howDoesThisWork .hdtw .hdtwTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px;
    letter-spacing: 1.2px;
}

.subOvr .startLearningToday .howDoesThisWork .hdtw .hdtwDesc {
    color: #999;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 0.3px;
}

.subOvr .startLearningToday .faqItem {
    background-color: #000;
    text-align: left;
    padding: 16px 75px 16px 30px;
    width: 100%;
    margin: 0 auto 10px;
    letter-spacing: 1.2px;
    cursor: pointer;
    position: relative;
}

.subOvr .startLearningToday .faqItem .fiTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 1px;
}

.subOvr .startLearningToday .faqItem .indicator {
    position: absolute;
    color: #014bff;
    top: 29px;
    right: 35px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.subOvr .startLearningToday .faqItem .indicator .plus {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #014bff;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}

.subOvr .startLearningToday .faqItem .indicator .minus {
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #014bff;
    height: 2px;
    width: 100%;
    margin-top: -1px;
}

.subOvr .startLearningToday .faqItem.opened .indicator .plus {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.subOvr .startLearningToday .faqItem ul {
    color: #014bff;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;
    line-height: 30px;
    width: 96%;
    margin: 0 2%;
    display: none;
    padding: 65px 0;
}

.subOvr .startLearningToday .faqItem ul li {
    margin-top: 38px;
}

.subOvr .startLearningToday .faqItem ul li:first-child {
    margin-top: 0;
}

.subOvr .startLearningToday .faqItem ul li span {
    color: #ccc;
}

.subOvr .startLearningToday .faqItem ul li span a {
    color: #fff !important;
}

.subOvr .subscriptionDisclamer {
    width: 90%;
    margin: 20px auto 0;
    font-size: 14px;
    padding-bottom: 115px;
    font-weight: 300;
    letter-spacing: 0.7px;
}

@media screen and (max-width:1300px) {
    .subOvr .tiers .tier {
        padding-left: 20px;
        padding-right: 20px;
    }

    .subOvr .sTestimonials .testimonial {
        padding: 40px 20px 40px 95px;
    }

    .subOvr .sTestimonials .testimonial .imgCnt {
        width: 60px;
        height: 60px;
        left: 15px;
    }
}

@media screen and (max-width:1000px) {
    .subOvr .tiers .tier {
        width: 32.458%;
    }

    .subOvr .tiers .tier.mid {
        margin: 0 0.813%;
    }
}

@media screen and (max-width:900px) {
    .subOvr .sTestimonials {
        height: auto;
        padding-bottom: 43px;
    }

    .subOvr .sTestimonials .sTDesc {
        margin-bottom: 45px;
    }

    .subOvr .sTestimonials .testimonial {
        padding: 40px 20px;
    }

    .subOvr .sTestimonials .testimonial .imgCnt {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin: 0 auto;
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:800px) {

    .subOvr .tiers .tier.mid,
    .subOvr .tiers .tier {
        width: 90%;
        max-width: 400px;
        margin: 20px auto;
        float: none;
    }

    .subOvr .sTestimonials .testimonial.mid,
    .subOvr .sTestimonials .testimonial {
        float: none;
        margin: 20px auto;
        width: 100%;
        max-width: 350px;
    }

    .subOvr .sFeatures {
        padding: 100px 0;
    }

    .subOvr .sFeatures .clear {
        display: block;
    }
}

@media screen and (max-width:700px) {
    .subOvr .startLearningToday .howDoesThisWork .hdtw {
        width: 100%;
    }
}

.crAccPg #cnt {
    padding: 0 20px;
}

.crAccPg #cnt .shopItemsSlider {
    margin-top: 35px;
}

.crAccPg #cnt>div {
    padding-bottom: 60px;
    position: relative;
}

.crAccPg #cntWrp #cntInnerWrp {
    padding-bottom: 80px;
}

.crAccPg .caTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 46px;
    text-align: center;
    padding-top: 75px;
    letter-spacing: 1px;
}

.crAccPg .caDesc {
    color: #979797;
    font-family: 'Signika', sans-serif;
    font-size: 16px;
    letter-spacing: 0.9px;
    text-align: center;
    padding-top: 6px;
}

.crAccPg .caFrm {
    margin: 57px auto 0;
    max-width: 400px;
}

.crAccPg .caFrm .fldWrp {
    min-height: 60px;
    margin-bottom: 10px;
}

.crAccPg .caFrm .btn {
    max-width: 300px;
    margin: 40px auto 0;
    display: block;
}

.crAccPg .caSdb {
    padding-bottom: 30px;
}

.crAccPg .caSdb .casdbTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    text-align: center;
    padding-top: 49px;
    letter-spacing: 1px;
    font-weight: 800;
}

.crAccPg .caSdb .casdbDesc {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    letter-spacing: 0.9px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 18px;
}

.crAccPg .caSdb .casdbBlock {
    text-align: center;
    margin-top: 32px;
}

.crAccPg .caSdb .casdbBlock i {
    color: #014bff;
    font-size: 24px;
}

.crAccPg .caSdb .casdbBlock .txt {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    max-width: 200px;
    margin: 11px auto 0;
    line-height: 24px;
}

.crAccPg .caSignUp {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 30px auto;
    padding: 40px 0 30px;
}

.crAccPg .caLead {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 24px;
    max-width: 640px;
    margin: 0 auto 15px;
}

.crAccPg .caSignUp .caFeatureWrp {
    max-width: 640px;
    margin: 0 auto;
}

.crAccPg .caSignUp .grid50 .caFeature {
    height: 50px;
    line-height: 20px;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

.crAccPg .caSignUp .grid50 .caFeature i {
    font-size: 24px;
    color: #20bf00;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: -35px;
}

.crAccPg .fldWrp .icon-check {
    top: 24px;
}

.crAccPg .loggedUser {
    display: none;
}

.logged-in .crAccPg .nonLoggedUser {
    display: none;
}

.logged-in .crAccPg .loggedUser {
    display: block;
}

.crAccPg.fp #cntWrp #cntInnerWrp {
    margin-right: 0;
    margin-left: 0;
}

@media screen and (max-width:767px) {
    .crAccPg #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .crAccPg .caTtl {
        font-size: 26px;
        padding-top: 37px;
        max-width: 200px;
        margin: 0 auto;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .crAccPg .caDesc {
        font-size: 12px;
        padding-top: 8px;
    }

    .crAccPg .caFrm {
        margin: 25px auto 0;
    }

    .crAccPg #cnt>div {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .crAccPg .caSignUp {
        padding-top: 30px;
    }

    .crAccPg .caLead {
        font-size: 12px;
        line-height: 19px;
        max-width: 295px;
        margin: 0 auto 10px;
    }

    .crAccPg .caSignUp .caFeatureWrp {
        max-width: 295px;
    }

    .crAccPg .caSignUp .grid50 .caFeature {
        font-size: 13px;
        padding-left: 30px;
        height: 34px;
        line-height: 16px;
    }

    .crAccPg .caSignUp .grid50 .caFeature i {
        font-size: 18px;
        left: -30px;
    }

    .crAccPg .caSdb .casdbTtl {
        padding-top: 3px;
        font-size: 14px;
    }

    .crAccPg .caSdb .casdbDesc {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .crAccPg .caSdb .casdbBlock {
        margin-top: 0;
        margin-bottom: 26px;
    }

    .crAccPg .caSdb .casdbBlock i {
        font-size: 32px;
    }

    .crAccPg .caSdb .casdbBlock .txt {
        font-size: 11px;
        max-width: 145px;
        margin: 5px auto 0;
        line-height: 16px;
    }
}

.crAccPg #cnt {
    padding: 0 20px;
}

.crAccPg #cnt .shopItemsSlider {
    margin-top: 35px;
}

.crAccPg #cnt>div {
    padding-bottom: 60px;
    position: relative;
}

.crAccPg #cntWrp #cntInnerWrp {
    padding-bottom: 80px;
}

.crAccPg .caTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 46px;
    text-align: center;
    padding-top: 75px;
    letter-spacing: 1px;
}

.crAccPg .caDesc {
    color: #979797;
    font-family: 'Signika', sans-serif;
    font-size: 16px;
    letter-spacing: 0.9px;
    text-align: center;
    padding-top: 6px;
}

.crAccPg .caFrm {
    margin: 57px auto 0;
    max-width: 400px;
}

.crAccPg .caFrm .fldWrp {
    min-height: 60px;
    margin-bottom: 10px;
}

.crAccPg .caFrm .btn {
    max-width: 300px;
    margin: 40px auto 0;
    display: block;
}

.crAccPg .caSdb {
    padding-bottom: 30px;
}

.crAccPg .caSdb .casdbTtl {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    text-align: center;
    padding-top: 49px;
    letter-spacing: 1px;
    font-weight: 800;
}

.crAccPg .caSdb .casdbDesc {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    letter-spacing: 0.9px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 18px;
}

.crAccPg .caSdb .casdbBlock {
    text-align: center;
    margin-top: 32px;
}

.crAccPg .caSdb .casdbBlock i {
    color: #014bff;
    font-size: 24px;
}

.crAccPg .caSdb .casdbBlock .txt {
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    max-width: 200px;
    margin: 11px auto 0;
    line-height: 24px;
}

.crAccPg .caSignUp {
    border-top: 0px solid #333;
    border-bottom: 0px solid #333;
    margin: 30px auto;
    padding: 40px 0 30px;
}

.crAccPg .caLead {
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 24px;
    max-width: 640px;
    margin: 0 auto 15px;
}

.crAccPg .caSignUp .caFeatureWrp {
    max-width: 640px;
    margin: 0 auto;
}

.crAccPg .caSignUp .grid50 .caFeature {
    height: 50px;
    line-height: 20px;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

.crAccPg .caSignUp .grid50 .caFeature i {
    font-size: 24px;
    color: #20bf00;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: -35px;
}

.crAccPg .fldWrp .icon-check {
    top: 24px;
}

.crAccPg .loggedUser {
    display: none;
}

.logged-in .crAccPg .nonLoggedUser {
    display: none;
}

.logged-in .crAccPg .loggedUser {
    display: block;
}

.crAccPg.fp #cntWrp #cntInnerWrp {
    margin-right: 0;
    margin-left: 0;
}

@media screen and (max-width:767px) {
    .crAccPg #cntWrp #cntInnerWrp {
        padding-bottom: 0;
    }

    .crAccPg .caTtl {
        font-size: 26px;
        padding-top: 37px;
        max-width: 200px;
        margin: 0 auto;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .crAccPg .caDesc {
        font-size: 12px;
        padding-top: 8px;
    }

    .crAccPg .caFrm {
        margin: 25px auto 0;
    }

    .crAccPg #cnt>div {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .crAccPg .caSignUp {
        padding-top: 30px;
    }

    .crAccPg .caLead {
        font-size: 12px;
        line-height: 19px;
        max-width: 295px;
        margin: 0 auto 10px;
    }

    .crAccPg .caSignUp .caFeatureWrp {
        max-width: 295px;
    }

    .crAccPg .caSignUp .grid50 .caFeature {
        font-size: 13px;
        padding-left: 30px;
        height: 34px;
        line-height: 16px;
    }

    .crAccPg .caSignUp .grid50 .caFeature i {
        font-size: 18px;
        left: -30px;
    }

    .crAccPg .caSdb .casdbTtl {
        padding-top: 3px;
        font-size: 14px;
    }

    .crAccPg .caSdb .casdbDesc {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .crAccPg .caSdb .casdbBlock {
        margin-top: 0;
        margin-bottom: 26px;
    }

    .crAccPg .caSdb .casdbBlock i {
        font-size: 15px;
    }

    .crAccPg .caSdb .casdbBlock .txt {
        font-size: 11px;
        max-width: 145px;
        margin: 5px auto 0;
        line-height: 16px;
    }
}

.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important
}

.lity-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease
}

.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

.lity-hide {
    display: none
}
@font-face {
    font-family: "proxg";
    src: url("fonts/proxg.woff2");
}
@font-face {
    font-family: "Raleway";
    src: url("../fonts/1ptug8zys_skggpnyc0itw.woff2");
}
@font-face {
    font-family: "Signika";
    src: url("../fonts/signika.ttf");
}

.favorite i {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    color: #fff;
    margin: -8px 0 0 -24px;
    left: 77%;
    transition: color .25s ease !important;
}



.uid i {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    color: #fff;
    margin: -8px 0 0 -28px;
    left: 166%;
    transition: color .25s ease !important;
}

.uid i:hover {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    color: #014bff;
    margin: -8px 0 0 -28px;
    left: 166%;
    transition: color .25s ease !important;
}



.pagination {
    margin: 20px 0
}

.pagination ul {}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,
.pagination ul>li>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #171717;
    display: inline-block;
    border: 1px solid #333;
    vertical-align: middle;
    color: #999;
    font-family: 'Signika', sans-serif;
    position: relative;
    font-size: 14px;
    margin-left: -1px;
    margin-top: -1px;
}


.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #024bff;
    display: inline-block;
    border: 1px solid #333;
    vertical-align: middle;
    color: #999;
    font-family: 'Signika', sans-serif;
    position: relative;
    font-size: 14px;
    margin-left: -1px;
    margin-top: -1px;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #fff;
    cursor: default
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
    color: #999;
    cursor: default;
    background-color: transparent
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #171717;
    display: inline-block;
    border: 1px solid #333;
    vertical-align: middle;
    color: #999;
    font-family: 'Signika', sans-serif;
    position: relative;
    font-size: 14px;
    margin-left: -1px;
    margin-top: -1px;
}

.pagination ul>li:hover>a,
.pagination ul>li:last-child>span {
    /* width: 50px; */
    /* height: 50px; */
    /* line-height: 50px; */
    background-color: #252525;
    /* display: inline-block; */
    border-bottom: 3px solid #014bff;
    /* vertical-align: middle; */
    /* color: #999; */
    /* font-family: 'Signika', sans-serif; */
    /* position: relative; */
    width: 40px;
    height: 40px;
    line-height: 40px;
    /* background-color: #171717; */
    display: inline-block;
    /* border: 1px solid #333; */
    vertical-align: middle;
    color: #999;
    font-family: 'Signika', sans-serif;
    position: relative;
    font-size: 14px;
    margin-left: -1px;
    margin-top: -1px;
}


#bton {
    min-width: 100%;
    padding: 0 25px;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.2px;
    font-size: 15px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    background: #1d1d1d;
    border: 1px solid #1d1d1d;
}

#bton:hover {
    min-width: 100%;
    padding: 0 25px;
    line-height: 60px;
    height: 60px;
    /* box-shadow: 0px 0px 12px 4px rgba(1, 75, 255, 1); */
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.2px;
    font-size: 15px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    background: #024bff;
    border: 1px solid #1d1d1d;
}


@media screen and (min-width:1666px) {
    .grid20 {
        height: 328px;
    }
}




.BPM1 {
    width: 15%;
    text-align: left;
    float: left;
    margin-left: 10px;
    line-height: 30px;
}

.BPM2 {
    width: 13%;
    text-align: left;
    float: left;
    margin-left: 10px;
    line-height: 30px;
}


.BPM5 {
    width: 5%;
    text-align: left;
    float: left;
    margin-left: 10px;
    line-height: 30px;
}

.BPM6 {
    width: 5%;
    text-align: left;
    float: left;
    margin-left: 10px;
    line-height: 30px;
}

.BPM7 {
    width: 15%;
    text-align: left;
    float: left;
    margin-left: 10px;
    line-height: 30px;
}



@media screen and (min-width:555px) {
    .BPM3 {
        width: 7%;
        text-align: left;
        float: left;
        margin-left: 10px;
        line-height: 30px;
    }
}

@media screen and (min-width:1466px) {
    .BPM3 {
        width: 10%;
        text-align: left;
        float: left;
        margin-left: 10px;
        line-height: 30px;
    }
}

@media screen and (min-width:555px) {
    .BPM4 {
        width: 8%;
        text-align: left;
        float: left;
        margin-left: 10px;
        line-height: 30px;
    }
}

@media screen and (min-width:1466px) {
    .BPM4 {
        width: 15%;
        text-align: left;
        float: left;
        margin-left: 10px;
        line-height: 30px;
    }
}




#popup2 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
#popup2 .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -57px;
}

/* Popup arrow */
#popup2 .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
#popup2 .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.loading {
    display: none
}

.loading {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.56)
}

.loading img {
    width: 280px;
    height: 210px;
    position: relative;
    top: 45%;
    left: 50%;
    margin-left: -140px;
    margin-top: -105px;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #004aff;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #004aff;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #ffffff;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




.success.control-group .help-block,
.success.control-group .help-tips {
    background: url(../images/pdodd.png) no-repeat 2px -17px;
    padding-left: 25px;
    line-height: 20px;
    margin-top: 5px;
}

.error.control-group .help-block,
.error.control-group .help-tips {
    background: url(../images/pdodd.png) no-repeat 2px 3px;
    padding-left: 25px;
    line-height: 20px;
    margin-top: 5px;
}



.breadcrumbs li {
    display: inline;
}

.globalChDesc {
    color: #8f8f8f;
    font-family: 'Signika', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0px;
}




@media screen and (max-width: 767px) {
    .grid {
        float: none;
    }
}

@media screen and (max-width: 2000px) {}

@media (min-width: 1000px) {
    #usdent {
        width: 483px;
        margin: 0 auto;
    }
}


#zzzzzzzz {
    height: 85%;
    width: 2px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.51);
    position: absolute;
    z-index: 9999;
    top: 9%;
    margin-left: -2px;
    pointer-events: none;
}




.sp_header {
    height: 50px;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index: 10;
    width: 100%;
}

.sp_logo {
    padding: 10px;
    float: left;
    height: 50px
}

.sp_logo img {
    margin: auto;
    max-height: 30px;
}

.sp_nav {
    width: 50px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 15px
}

.sp_nav span {
    display: block;
    background: #c9141e;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 10px;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0px
}

.sp_nav span:nth-of-type(2) {
    top: 10px
}

.sp_nav span:nth-of-type(3) {
    top: 20px
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 100;
    background: #232323;
    width: 100%;
    font-size: 14px;
    line-height: 40px;
    top: -100%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show {
    top: 58px
}

.sjj_nav>ul>li:first-child {
    overflow: hidden;
    border-top: 0
}

.sjj_nav>ul>li:first-child>a {
    float: left;
    width: calc(100% - 70px)
}

.sjj_nav>ul>li:first-child .language {
    float: right;
    width: 70px;
    overflow: hidden;
    line-height: 30px;
    margin-top: 5px
}

.sjj_nav>ul>li:first-child .language a {
    width: 35px;
    float: left;
    border-left: 1px #ddd solid;
    text-align: center;
    color: #999;
}

.sjj_nav ul li i {
    position: absolute;
    right: 0px;
    height: 41px;
    padding: 0px 8px 0 8px;
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    border-top: 1px #0000 solid;
    position: relative;
    line-height: 40px;
    font-size: 14px;
}

.sjj_nav ul li ul {
    display: none;
    width: 100%;
    margin-top: -7px;
    max-height: 228px;
    overflow: auto;
    overflow-x: hidden;
}

.sjj_nav ul li a {
    color: #fff;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 700;
}



.spsdf365 {
    background-color: rgb(35, 35, 35)
}

.sjj_nav ul li ul li a {
    color: rgb(57, 175, 72);
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 28px;
    height: 28px;
    fill: #fff;
    margin-top: 10px;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #fff
}

.sjj_nav ul li ul li>ul {
    margin-left: 10px
}



.shopItem span.saleCircle {
    top: 0;
    bottom: auto;
    border-radius: 0;
    width: 50px;
    height: 50px;
    font-size: 15px;
  
}


.shopItem span.saleCircle {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #174971;
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 99;
    text-align: center;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    padding-top: 10px;
    cursor: default;
}

.shopItem span.saleCircle .top {
    font-size: 0.6em;
}.shopItem span.saleCircle .top {
    font-size: 14px;
    display: block;
}.shopItem span.saleCircle .top, .chartItem span.saleCircle .top, .shopItem.software .saleCountdown.justSalePerc .top {
    font-size: 0.6em;
}.shopItem span.saleCircle {
    top: 0;
    bottom: auto;
    border-radius: 0;
    width: 50px;
    height: 50px;
    font-size: 15px;
      
}


.chartItem span.saleCircle .bottom {
    font-size: 20px;
    display: block;
}

.chartItem span.saleCircle span {
    position: relative;
    width: auto;
    height: auto;
    line-height: normal;
    background: none;
    top: auto;
    left: auto;
}

 

.chartItem span.saleCircle .bottom {
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    font-size: 1.9em;
}

.shopItem span.saleCircle, .chartItem span.saleCircle, .shopItem.software .saleCountdown.justSalePerc {
    font-size: 15px;
    width: 43px;
    height: 47px;
    padding: 0.1em 0;
}

.shopItem span.saleCircle .top,
.chartItem span.saleCircle .top,
.shopItem.software .saleCountdown.justSalePerc .top {
    font-size: 0.6em;
}

.shopItem span.saleCircle .bottom,
.chartItem span.saleCircle .bottom,
.shopItem.software .saleCountdown.justSalePerc .bottom {
    font-size: 1.3em;
}



.shopItem span.saleCircle .top {
    font-size: 0.6em;
}

.shopItem span.saleCircle .bottom {
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    font-size: 1.3em;
}



.shopItem span.saleCircle .top {
 
    display: block;
}
.shopItem span.saleCircle .top, .chartItem span.saleCircle .top, .shopItem.software .saleCountdown.justSalePerc .top {
font-size: 11px;
}


@media screen and (max-width: 767px){
.shopItem span.saleCircle {
 width: 43px;
    height: 47px;
    right: -5px;
    bottom: -5px;
     padding-top: 3px;
}
.shopItem span.saleCircle .top {
font-size: 11px;
}.shopItem span.saleCircle .bottom {
 
    display: block;
}




}

.shopItem .img {
    overflow: visible;
}





.chartItem span.saleCircle {
bottom: -5px;
    left: auto;
    line-height: normal;
    background-color: #b2241e;      background: -moz-linear-gradient(174deg, rgba(255,50,103,1) 0%, rgba(84,28,237,1) 100%);
    background: -webkit-linear-gradient(174deg, rgba(255,50,103,1) 0%, rgba(84,28,237,1) 100%);
    background: linear-gradient(174deg, rgba(255,50,103,1) 0%, rgba(84,28,237,1) 100%);
    position: absolute;
    right: -10px;
    z-index: 99;
    text-align: center;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    padding-top: 2px;
    cursor: default;
    width: 43px;
    height: 47px;
}



.shopItem .new, .shopItem .sale {
  display:none;
}


.fdz1{width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -30px 0px 0px -30px;background: rgba(0, 0, 0, 0.66);z-index: 2;animation: 3s linear 0s infinite normal none running spin;border-width: 5px;border-radius: 50%;display: none;} 
.fdz2{position: absolute!important;top: 42%!important;left: 54%!important;font-size: 26px!important;margin: -8px 0 0 -15px!important;color: #fff!important;} 
.fdz3{width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -30px 0px 0px -30px;background: rgb(0 0 0 / 45%);z-index: 2;animation: 3s linear 0s infinite normal none running spin;border-width: 5px;border-radius: 50%;display: none;} 
.fdz4{position: absolute;top: 42%;left: 54%;font-size: 26px;margin: -8px 0 0 -15px;color: #fff;} 
.fdz5{width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -30px 0px 0px -30px;background: rgb(2, 75, 255);z-index: 2;display: block;border-radius: 50px;} 
.fdz6{position: absolute!important;top: 42%!important;left: 55%!important;font-size: 26px!important;margin: -8px 0 0 -12px!important;color: #fff!important;} 
.fdz7{width: 38px;height: 38px;position: absolute;top: 50%;left: 50%;margin: -17px 0px 0px -19px;background: rgb(0 0 0 / 65%);z-index: 2;border-radius: 50px;display: block;} 
.fdz8{position: absolute!important;top: 38%!important;left: 57%!important;font-size: 17px!important;margin: -3px 0 0 -11px!important;color: #fff!important;} 
.fdz9{width: 38px;height: 38px;position: absolute;top: 50%;left: 50%;margin: -17px 0px 0px -19px;background: rgb(0 0 0 / 65%);z-index: 2;border-radius: 50px;display: block;} 
.fdz10{position: absolute;top: 38%;left: 60%font-size: 17px;margin: -3px 0 0 -10px;color: #fff;} 
.fdz11{display: block;position: absolute;margin-top: -2px;} 
.fdz12{position: absolute; bottom: -3px;left: 0;color: rgba(255,255,255,0.7); font-weight: 600;font-size: 7px;z-index: 9;} 
.fdz13{margin-left:0px;position: absolute;border-right: 2px solid rgb(255, 255, 255);cursor:pointer;background: rgba(0, 0, 0, 0);z-index: 8;} 
.fdz14{ width: 16px; height: 16px; position: absolute; top: 34%; color: rgb(255, 255, 255); left: 70%; display: block; transition: color 0.25s ease !important; } 
.fdz15{width: 16px; height: 16px; position: absolute; top: 50%; color: #014bff; margin: -8px 0 0 -28px; left: 166%; transition: color .25s ease !important; } 
.fdz16{width: 16px; height: 16px; position: absolute; top: 34%; color: rgb(255, 255, 255); left: 70%; display: block; transition: color 0.25s ease !important; } 
.fdz17{width: 30px; height: 30px; margin: -15px 0 0 -15px; position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, .5); z-index: 2; } 
.fdz18{font-size: 12px; margin: -6px 0 0 -4px; color: #fff; position: absolute; top: 50%; left: 50%;} 
.fdz19{width: 30px; height: 30px; margin: -15px 0 0 -15px; position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, .5); z-index: 2;} 
.fdz20{font-size: 12px; margin: -6px 0 0 -4px; color: #fff; font-size: 12px; margin: -6px 0 0 -4px; color: #fff; position: absolute; top: 50%; left: 50%; } 
.bottombg{    background: url(../images/bottombg.gif) 0% 0% / 100% 100%;}