@charset "utf-8";

.twoColLayout--legacy {
    margin: 0 auto;
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
	overflow:hidden;
 	
}

.twoColLayout .twoColLayout-content,
{
    padding-left: .88235rem;
    padding-right: .88235rem;
    width: 100%;
    float: left
}
.btn{ margin: 9px 0px 0px; padding:2px; }

@media (min-width: 769px) {
    .twoColLayout-content
    {
        width: 67%;
        float: left;
        padding: 0;
    }
}

.twoColLayout--legacy {
    
    width: 100%;
    float: left;
   
}

@media (min-width: 769px) {
    .twoColLayout-sidebar {
       
        width: 24%;
        float: left; 
    }
}


.twoColLayout-row {
    margin: 0 auto;
    max-width: 68rem;
    width: 100%
}

.twoColLayout-row:before,
.twoColLayout-row:after {
    content: " ";
    display: table
}

.twoColLayout-row:after {
    clear: both
}

.twoColLayout-row-column {
    padding-left: .88235rem;
    padding-right: .88235rem;
    width: 100%;
    float: left;
    position: relative
}

@media (min-width: 769px) {
    .twoColLayout-row-column {
        padding-left: .88235rem;
        padding-right: .88235rem;
        width: 25%;
        float: left
    }
}

@media (min-width: 769px) {
    .twoColLayout-sidebar {
        width: 30%;
        left: 0;
        top: 0;
        padding-left: .88235rem;
        padding-right: .88235rem
    }
}

.twoColLayout-sidebar-item {
    margin-bottom: 2.05882rem;
    padding-bottom: .05882rem;
	margin-top: 35px;
}

.twoColLayout-sidebar-item:before,
.twoColLayout-sidebar-item:after {
    content: " ";
    display: table
}

.twoColLayout-sidebar-item:after {
    clear: both
}

.twoColLayout-sidebar-item--bottomDivider {
    margin-bottom: 1.76471rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e4e7ed
}




.twoColLayout-sidebar-headline {
    font-size: 1.17647rem;
    font-weight: 500;
    letter-spacing: normal;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid #e4e7ed
}

.navList-section ul {
    list-style: none;
    margin-left: 0
}

.navList-section ul li
 {
    list-style: none;
    margin-bottom: 0
}

.navList--aside .navList-action {
    color: #77757f;
    font-size: 1.05882rem;
    padding-left: 1.5rem;
    margin-left: -1.5rem;
    position: relative;
    font-weight: 400
}

.navList--aside .navList-action:hover {
    color: #121118
}

.navList--aside .navList-item {
    padding-bottom: .75rem;
    line-height: 1.5
}

.navList--aside .navList-item .navList-level2 .has-children .toggleDropdown {
    position: relative;
    top: .58824rem;
    float: right;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #afb4be;
    cursor: pointer
}

.navList--aside .navList-item .navList-level2 .has-children.is-active {
    padding-bottom: .75rem
}

.navList--aside .navList-item .navList-level2 .has-children.is-active .navList-subSection {
    display: none
}

.navList--aside .navList-item .navList-level2 .has-children.is-expanded {
    padding-bottom: .29412rem
}

.navList--aside .navList-item .navList-level2 .has-children.is-expanded .toggleDropdown {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #afb4be;
    top: .76471rem
}

.navList--aside .navList-item .navList-level2 .has-children.is-expanded .navList-item {
    padding-bottom: .75rem
}

.navList--aside .navList-item .navList-level2 .has-children.is-expanded .navList-subSection {
    display: block;
    padding: 1.05882rem 0 0 0
}

.navList--aside .navList-item .navList-level2 .has-children.is-expanded .navList-subSection .navList-action {
    font-size: 1rem;
    padding-left: 1.5rem;
    background: none;
	
}

.navList--aside .navList-item .navList-level2 .has-children.is-expanded .is-active .navList-action {
    color: #4b71fc
}

.navList--aside .navList-item.is-active>.navList-action {
    background: url("../svg/slash.svg") left center no-repeat;
    color: #4c4b58;
    font-weight: 400
}

.navList--aside .navList-item.is-active>.navList-action:hover {
    color: #121118
}

.navList--aside .navList-subSection {
    display: none
}

.navList--aside .navList-subSection .navList-item>.navList-action {
    color: #77757f;
    padding-left: 2.6rem
}

.navList--aside .navList-subSection .navList-item.is-active>.navList-action {
    color: #4c4b58;
    font-weight: 400
}

@media (min-width: 769px) {
    .navList--mobileOnly {
        display: none
    }
}

.navList--desktopOnly {
    display: none
}

@media (min-width: 769px) {
    .navList--desktopOnly {
        display: block
    }
}

.navList--filter .navList-level2 {
    margin-top: 0
}

.navList-level2 {
    margin-left: 0;
    margin-top: .75rem
}





.navList--apps .navList-action {
    color: #121118;
    font-size: .94118rem;
    padding-left: 1.5rem;
    margin-left: -1.5rem;
    position: relative;
    font-weight: 400
}

.navList--apps .navList-action:hover {
    color: #121118
}

.navList--apps .navList-item {
    padding-bottom: .75rem;
    line-height: 1.5
}

.navList--apps .navList-item .navList-level2 .has-children .toggleDropdown {
    position: relative;
    top: .58824rem;
    float: right;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #afb4be;
    cursor: pointer
}

.navList--apps .navList-item .navList-level2 .has-children.is-active {
    padding-bottom: .75rem
}

.navList--apps .navList-item .navList-level2 .has-children.is-active .navList-subSection {
    display: none
}

.navList--apps .navList-item .navList-level2 .has-children.is-expanded {
    padding-bottom: .29412rem
}

.navList--apps .navList-item .navList-level2 .has-children.is-expanded .toggleDropdown {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #afb4be;
    top: .76471rem
}

.navList--apps .navList-item .navList-level2 .has-children.is-expanded .navList-item {
    padding-bottom: .75rem
}

.navList--apps .navList-item .navList-level2 .has-children.is-expanded .navList-subSection {
    display: block;
    padding: 1.05882rem 0 0 0
}

.navList--apps .navList-item .navList-level2 .has-children.is-expanded .navList-subSection .navList-action {
    color: #77757f;
    font-size: .88235rem;
    padding-left: 1.5rem;
    background: none
}

.navList--apps .navList-item .navList-level2 .has-children.is-expanded .is-active .navList-action {
    color: #4b71fc
}

.navList--apps .navList-item.is-active>.navList-action {
    background: url("../svg/slash.svg") left center no-repeat;
    color: #121118;
    font-weight: 400
}

.navList--apps .navList-item.is-active>.navList-action:hover {
    color: #121118
}

.navList--apps .navList-subSection {
    display: none
}

.navList--apps .navList-subSection .navList-item>.navList-action {
    color: #121118;
    padding-left: 2.6rem
}

.navList--apps .navList-subSection .navList-item.is-active>.navList-action {
    color: #121118;
    font-weight: 400
}

@media (min-width: 769px) {
    .navList--mobileOnly {
        display: none
    }
}

.navList--desktopOnly {
    display: none
}

@media (min-width: 769px) {
    .navList--desktopOnly {
        display: block
    }
}

.navList--filter .navList-level2 {
    margin-top: 0
}

.navList-level2 {
    margin-left: 0;
    margin-top: .75rem
}




.navList--cat .navList-action {
    display: block;
    padding: .5rem 1.5rem .5rem 0;
    position: relative;
    color: #4c4b58;
    font-weight: 400
}

.navList--cat .navList-action:hover {
    color: #121118
}

.navList--cat .navList-item.is-active>.navList-action {
    color: #4b71fc;
    font-weight: 500
}

.navList--cat .navList-item.is-active>.navList-action:before {
    display: inline-block;
    font-family: "bc-icons";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA02"
}

.navList--cat .navList-item.is-active>.navList-action:before {
    position: absolute;
    right: .58824rem;
    top: 1rem
}

.navList--cat .navList-item+.navList-item {
    border-top: 1px solid #e4e7ed
}

.navList--cat .navList-subSection {
    border-left: 1px solid #e4e7ed;
    padding-left: .75rem
}

.navList--cat .navList-subSection .navList-item.is-active>.navList-action {
    color: #d1d7e0;
    font-weight: 400
}

.navList--cat .icon {
    position: relative
}

.navList--cat .icon a {
    padding-left: 3rem
}

.navList--cat .icon:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    color: #4b71fc;
    font-size: 1.75rem
}



.navList--filter .navList-action {
    position: relative;
    font-size: 1.05882rem;
    color: #4c4b58;
    padding: .375rem 0 .375rem 1.5rem;
    font-weight: 400
}

.navList--filter .navList-action:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border: 1px solid #e4e7ed;
    border-radius: 50%
}

.navList--filter .navList-action:hover {
    color: #4b71fc
}

.navList--filter .is-active>.navList-action {
    font-weight: 500;
    color: #4c4b58
}

.navList--filter .is-active>.navList-action:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background-color: #4b71fc;
    border-radius: 50%
}

.navList--filter .navList-label {
    display: inline-block;
    padding-left: 1.4rem;
    position: relative;
    vertical-align: baseline
}

.navList--filter .navList-checkbox {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.navList--filter .navList-checkbox+.navList-label::before {
    background-color: #fff;
    border: solid #77757f;
    border-width: 1px;
    width: .9rem;
    height: .9rem;
    left: 0;
    top: 0
}

.navList--filter .navList-checkbox+.navList-label:after {
    height: 1.46667rem;
    left: 1px;
    opacity: 0;
    top: 1px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 1.46667rem
}

.navList--filter .navList-checkbox+.navList-label:before,
.navList--filter .navList-checkbox+.navList-label:after {
    display: table;
    content: "";
    display: block;
    position: absolute;
    transition: all 50ms ease-out;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.navList--filter .navList-checkbox:checked+.navList-label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10.175 13.944l-2.75-2.75-1.75 1.75 4.5 4.5 8.75-8.75-1.75-1.75-7 7z'%3E%3C/path%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #4b71fc;
    content: "";
    font-size: 1.46667rem;
    line-height: 1;
    text-align: center
}

.navList--filter .navList-checkbox:checked+.navList-label::before,
.navList--filter .navList-checkbox:indeterminate+.navList-label::before {
    background-color: #4b71fc;
    border-color: #4b71fc
}




.navList--market .navList-action {
    display: block;
    font-size: 1.05882rem;
    color: #4c4b58;
    padding: .375rem 0.75rem;
    margin-left: -0.75rem;
    text-transform: capitalize;
    font-weight: 400
}

.navList--market .navList-action:hover {
    color: #4b71fc
}

.navList--market .is-active>.navList-action {
    font-weight: 500;
    color: #4c4b58;
    background-color: #f6f7f9
}

.navList--market .navList-level2 {
    margin-top: 0
}
.marketplace-appDetail-header,
.marketplace-tierDetail-header {
    margin: 0 auto;
    max-width: 68rem;
    width: 100%
}

.marketplace-appDetail-header:before,
.marketplace-appDetail-header:after,
.marketplace-tierDetail-header:before,
.marketplace-tierDetail-header:after {
    content: " ";
    display: table
}

.marketplace-appDetail-header:after,
.marketplace-tierDetail-header:after {
    clear: both
}

.navList-level2 li{ list-style-type:none;}



@media (min-width: 481px) {
    .marketplace-appDetail-header .marketplace-appDetail-header-info,
    .marketplace-appDetail-header .marketplace-tierDetail-header-info,
    .marketplace-tierDetail-header .marketplace-appDetail-header-info,
    .marketplace-tierDetail-header .marketplace-tierDetail-header-info {
        padding-left: .88235rem;
        padding-right: .88235rem;
        width: 58.33333%;
        float: left
    }
}

@media (min-width: 769px) {
    .marketplace-appDetail-header .marketplace-appDetail-header-info,
    .marketplace-appDetail-header .marketplace-tierDetail-header-info,
    .marketplace-tierDetail-header .marketplace-appDetail-header-info,
    .marketplace-tierDetail-header .marketplace-tierDetail-header-info {
        padding-left: .88235rem;
        padding-right: .88235rem;
        width: 50%;
        float: left
    }
}

@media (min-width: 481px) {
    .marketplace-appDetail-header .marketplace-appDetail-header-buttons,
    .marketplace-tierDetail-header .marketplace-appDetail-header-buttons {
        padding-left: .88235rem;
        padding-right: .88235rem;
        width: 25%;
        float: left;
        text-align: right
    }
}

@media (min-width: 769px) {
    .marketplace-appDetail-header .marketplace-appDetail-header-buttons,
    .marketplace-tierDetail-header .marketplace-appDetail-header-buttons {
        padding-left: .88235rem;
        padding-right: .88235rem;
        width: 41.66667%;
        float: left
    }
}
.marketplace-full-width-cta {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 15.88235rem;
    padding-top: 4.70588rem
}

.marketplace-toolsColumn {
    padding-left: .88235rem;
    padding-right: .88235rem;
    width: 100%;
    float: left;
    margin-bottom: .75rem
}



.marketplace-column {
    
    width: 100%;
	padding-right: 2%;
    float: left;
}

@media (min-width: 769px) {
    .marketplace-column {
        
        width: 48%;
        float: left;
		margin-top: 5%;
		
    }
}





@media (min-width: 769px) {
    .marketplace-flex-column {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.marketplace-flex-column .marketplace-tile {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.marketplace-flex-column .marketplace-tile .marketplace-tile-top {
    padding-bottom: 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.marketplace-flex-column .marketplace-tile .marketplace-tile-top .marketplace-tile-logo {
    width: 100%
}

.marketplace-flex-column .marketplace-tile .marketplace-tile-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.marketplace-flex-column .marketplace-tile .marketplace-tile-content .marketplace-tile-content-title {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}



.marketplace-tile {
    border: 1px solid #e4e7ed;
    margin-bottom: 3rem;
    position: relative
}

.marketplace-tile--related {
    border: none
}

.marketplace-tile--related .marketplace-tile-top {
    border: 1px solid #e4e7ed
}

.marketplace-tile-top {
    position: relative;
    padding-bottom: 47%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.marketplace-tile-top:hover .marketplace-tile-top-image-overlay {
    display: block
}

.marketplace-tile-top--theme {
    padding-bottom: 78%
}

.marketplace-tile-top-image-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(109, 110, 122, 0.9);
    color: #fff !important;
    font-size: .88235rem
}

.marketplace-tile-top-image-overlay-inner {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.4
}

.marketplace-tile-top-image-overlay-cta {
    display: block;
    color: #fff;
    font-weight: 700
}

.marketplace-tile-content {
    border-top: 1px solid #e4e7ed;
    padding: .75rem 1rem  6.25rem 1rem;
}

.marketplace-tile-content-title {
    margin: 0 0 .25rem 0;
    font-size: 1.05882rem
}

.marketplace-tile-content-title .marketplace-tile-content-title-link {
    color: inherit; 
    font-weight: inherit
}

.marketplace-tile-content-pricing {
    margin: 0;
    font-size: .88235rem
}

.marketplace-tile-content-related {
    float: right;
    font-size: .76471rem;
    margin: .29412rem 0 0 .29412rem
}

.marketplace-tile-content-title-link{ text-transform:uppercase;}
.tit-mid{ width:100%;}
.new-sub{    font-weight: 400;
    color: #6f6f6f;
    line-height: 24px;
    text-rendering: optimizeLegibility;
    font-family: 'Open Sans', sans-serif;
}
@media (min-width: 769px) and ( max-width:900px) {
	.twoColLayout-sidebar { width: 40%;}
	.twoColLayout-content { width: 53%;}
	.marketplace-column { width: 98%; }
}
@media ( max-width:320px) {
	.marketplace-tile-content{ min-height: 31px;}
	.marketplace-tile-content-add-cart {  width: 65%; margin:0%; padding:0%; float:left;}
	.marketplace-tile-content-view-cart { width:34%; margin-top: 84px !important; margin:0%; padding:0%; float:left; }	
}