/*
    font-family: 'Lato', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Slab', serif;
    font-family: 'Lato', sans-serif;
*/

html {
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; /* chrome vs Firefox  font difference fix */
    /*overflow-x: hidden; !* For Algolia Search Fix*!*/
}

body {
    /*background: #f8f8f6 url("../images/temprorary/shape_bg0.png");*/
    background: rgb(236, 236, 236) url("../images/temprorary/shape_bg0.png");
    /*background: #ebf6f8 url("../images/temprorary/shape_bg0.png");*/
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    overflow-x: hidden;
    /*color: rgb(99, 114, 128); !* #637280 *!*/
    color: #3E4042;

}

a:focus,
a:hover,
a:active {
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serif;
}

::-moz-selection { /* Code for Firefox */
    color: #000;
    background: #fbda59;
}

::selection {
    color: #000;
    background: #fbda59;
}

/* Colors */
a,
a:link,
.b-text-primary,
#b-nav .navbar-nav > .active > a,
#b-nav .navbar-nav > .active > a:hover,
#b-nav .navbar-nav > .active > a:focus {
    color: #000001;
}

.container-fluid {
    max-width: 1730px;
}

.container-fluid.container-fluid-md {
    max-width: 1380px;
}

/** Content */
.content-wrapper {

}

.b-content-wrapper {
    /*background: #EDEDED url("../images/temprorary/bg_light_gray.png");*/
    /*background: #F0F4F2 url("../images/temprorary/bg_light_gray2.png");*/
    /*background: #F2F5F7 url("../images/temprorary/shape_bg0.png");*/
    /*background: #f8f8f6 url("../images/temprorary/shape_bg0.png");*/
    /*background: #efeddd;*/
    /*background: #F5F4F1;*/
    /*background: #F5F7FA;*/
    min-height: 600px;
}

.content-wrapper .content {
    padding: 30px 0;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Begin: Listing Related */

/* Screenshots Styles */
.b-screenshot {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 10px; /* @[.b-screenshot padding] */
    font-size: 0;
    border-radius: 2px;
}

.b-screenshot span {
    overflow: hidden;
    display: inline-block;
    position: relative;
    background: transparent url("../images/temprorary/shape_bg4.png");

}

.b-screenshot span img {
    width: 100%;

}

.b-screenshot.b-sm span {
    width: 130px;
    height: 200px; /* @[.b-screenshot height] */
    border-radius: 2px;
}

.b-screenshot.b-md span {
    width: 296px;
    height: 210px; /* @[.b-screenshot height] */
    background-color: white;
}

/* End: Screenshots Styles */

/* Theme Listing */
.b-no-results {
    padding: 4vw 5vw;
    font-size: 3rem;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 200;
    text-align: center;
}

.b-no-results > div {
    font-size: 6rem;
}

.b-item {
    margin: 0 -22px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 50px 0;
}

.b-item .container-fluid {
    padding-left: 20px;
}

@media (max-width: 691px) {
    .b-item .container-fluid {
        padding-left: 0;
    }
}

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

.b-item:after {
    clear: both;
}

.b-item .b-col {
    float: left;
    margin: 0 16px 34px 0; /* @[.b-item .b-col margin-bottom] */
    position: relative;

}

.b-item .b-col.b-screenshot.b-md {
    width: 320px;
}

.b-item .b-screenshot {
    cursor: pointer;
    position: relative;
}

.b-item .b-screenshot figcaption {
    bottom: -22px;
    color: #999;
    display: block;
    font-size: 11px;
    left: 0;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.b-item .b-main-screenshot {
    height: calc(210px + 10px);
}

.b-item .b-info {
    width: 316px;
    font-size: 0.95rem;
    /*height: calc(210px + 10px);*/
    /*overflow: hidden;*/
    color: rgba(0, 0, 0, 0.4);
}

.b-item .b-info > .b-inner {
    padding: 10px 0 0 20px;
}

.b-item .b-info h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.15rem;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.b-item .b-info h2 > a {
    color: #3f677a;
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: -0.4px;
}

.b-item .b-info h2 > a > i {
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: normal;
    margin-left: 5px;
}

.b-item .b-info h3 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
}

.b-item .b-info h3 .b-icon {
    position: relative;
    bottom: -3px;
    margin-right: 2px;
}

.b-item .b-info p {
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
    max-height: 92px;
    overflow: hidden;
    text-overflow: ellipsis;

}

.b-item .b-info p b,
.b-item .b-info p i {
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
}

.b-item .b-info p i:after {
    content: ", ";
    display: inline-block;
}

.b-item .b-info p .b-topics {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-item .b-info p .b-topics i {
    font-weight: 600;
}

.b-item .b-info p span i:last-child:after {
    content: "";
}

.b-item .b-info .btn-group .tooltip {
    white-space: nowrap;
    z-index: 9999;
}

.b-item .b-info .btn {
    font-weight: 500;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 3px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;

}

.b-item .b-info .btn:hover {

}

.b-item .b-info .b-second-group {
    /*opacity: 0;*/
    /*transition: all .2s ease-out, background 1s ease-in;*/
}

.b-item:hover .b-info .b-second-group {
    opacity: 1;

}

@media screen and (max-width: 767px) {
    .b-item .b-info .b-second-group {
        /*opacity: 1;*/

    }
}

.b-item .b-info .b-second-group .btn {
    opacity: 0.6;
}

.b-item .b-info .b-second-group .btn b {

}

.b-item:hover .b-info .b-second-group .btn:hover {
    color: #000;
    opacity: 1;
}

.b-item .b-info .b-staff-actions {
    cursor: pointer;
}

.b-item .b-info .b-staff-actions .dropdown-menu {
    min-width: inherit;
    padding: 0;
}

.b-item .b-info .b-staff-actions .dropdown-menu > li > a {
    padding: 2px 5px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    color: #666;
    font-size: 12px;
}

.b-item .b-info .b-provider {
    margin-top: 20px;
    font-size: 11px;
}

.b-item .b-info .b-provider .b-icon {
    position: relative;
    bottom: -3px;
    margin-right: 2px;
}

.b-item .b-attrs {
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #ddd;

}

.b-item .b-attrs dt {
    text-align: left;
    width: 60px;
}

.b-item .b-attrs dd {
    margin-left: 70px;

}

.b-item .b-attrs dt,
.b-item .b-attrs dd {
    padding: 1px 0;
}

.b-item .b-attrs dd span {
}

.b-item .b-attrs dd span:after {
    content: ", "
}

.b-item .b-attrs dd span:last-child:after {
    content: ""
}

/* Expand Button */

.b-screenshot .b-more {
    display: none;
    width: 60px;
    height: 220px;
    line-height: 220px;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #EDEDED) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #F0F4F2) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #f5f4f1) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #F2F5F7) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #f8f8f6) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), rgba(238, 238, 235, 0.71)) repeat scroll 0 0;*/
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), rgba(236, 236, 236, 0)) repeat scroll 0 0;
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #efeddd) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #F5F4F1) repeat scroll 0 0;*/
    /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(244, 244, 244, 0), #F5F7FA) repeat scroll 0 0;*/
    position: absolute;
    right: -12px;
    top: 0px;
    font-size: 32px;
    color: rgba(0, 0, 0, 0.9);
    text-align: right;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;

}

.label-pre-built {
    background: #fff;
    border-radius: 2px;
    color: #999;
    border: 1px solid #ddd;
    font-family: Arial;
    font-size: 10px;
    font-weight: 600;
    opacity: 0.5;
    padding: 1px 2px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-transform: uppercase;
    top: 5px;
    z-index: 1;
    transition: all 0.3s ease-in-out 0s;
}

.b-screenshot:hover .label-pre-built {
    opacity: 0.95;

}

.b-screenshot .b-buttons {
    bottom: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    font-size: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;

}

.b-screenshot:hover .b-buttons {
    opacity: 1;

}

@media screen and (max-width: 767px) {
    .b-screenshot:hover .b-buttons {
        display: none;
    }
}

.b-screenshot .b-buttons .b-button {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
    outline: 0 none;
    position: relative;
    vertical-align: middle;
    width: 30px;
    z-index: 10;
}

.b-screenshot.b-buttons .b-button:hover {
    color: #000;
    background: #f4f4f4;
}

/** Expended Mode */
.b-hide-ex {
    display: none;
}

.b-expanded .b-hide-ex {
    display: block;
}

.b-expanded .b-main-screenshot {
    height: calc(210px * 2 + 10px * 4 + 25px); /* (@[.b-screenshot height] * 2 + @[.b-screenshot padding] * 4  +  @[.b-item .b-col margin-bottom]  )  */
}

.b-expanded .b-main-screenshot .b-md span {

    height: calc(210px * 2 + 10px * 4 + 5px); /* (@[.b-screenshot height] * 2 + @[.b-screenshot padding] * 4   + @[.b-item .b-col margin-bottom DIFFERENCE] )  */
}

@media (max-width: 693px) {
    .b-listing.b-listing-one.b-themes .b-item .b-main-screenshot {
        height: inherit;
        max-height: calc(210px * 2 + 10px * 4 + 25px); /* (@[.b-screenshot height] * 2 + @[.b-screenshot padding] * 4  +  @[.b-item .b-col margin-bottom]  )  */
    }

    .b-listing.b-listing-one.b-themes .b-item .b-main-screenshot .b-md span {
        height: inherit;
        max-height: calc(210px * 2 + 10px * 4 + 5px); /* (@[.b-screenshot height] * 2 + @[.b-screenshot padding] * 4   + @[.b-item .b-col margin-bottom DIFFERENCE] )  */
    }
}

.b-expanded .b-info {
    /*height: calc(210px * 2 + 10px * 4 + 25px); !* (@[.b-screenshot height] * 2 + @[.b-screenshot padding] * 4  +  @[.b-item .b-col margin-bottom]  )  *!*/
}

.b-expanded .b-info h2 {
    overflow: inherit;
    white-space: inherit;
}

.b-expanded .b-info p {
    max-height: 340px;
}

.b-expanded figure.b-col:nth-child(n+1) {
    display: inherit !important; /* Show All of them */
}

.b-expanded .b-more {
    display: none !important;
}

/* End: Theme Listing */

/****** Listing One Style */
.b-listing-one .b-item .badge-subitems {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: salmon;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.b-listing-one .b-item .badge-subitems:hover {
    text-decoration: none;
}

/*list-prebuilds */

.b-listing-one .b-item .list-prebuilds {
    float: left;
    width: 100%;
    padding-left: 316px;
    margin: 0;
    padding-top: 0;

}

@media (max-width: 852px) {
    .b-listing-one .b-item .list-prebuilds {
        display: none !important;

    }
}

.b-listing-one .b-item .list-prebuilds .list-prebuilds-title {

    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 4px;
    color: #666;

}

.b-listing-one .b-item .list-prebuilds .list-prebuilds-title > span > b {
    color: #000;
    font-size: 16px;
}

.b-listing-one .b-item .list-prebuilds .list-prebuilds-title > span > a {
    margin-left: 10px;
    color: #3f677a !important;
    text-decoration: underline;
}

.b-listing-one .b-item .list-prebuilds .b-screenshot.b-sm span {
    height: 90px;
}

/****/

.b-listing-one .b-item figure.b-col:nth-child(n+9) {
    display: none; /* Show only first 6 */
}

/*.b-listing-one .b-expanded.b-item .list-prebuilds  figure.b-col:nth-child(n+10) {*/
/*display: none !important; !* Show only first 6 *!*/
/*}*/

@media (max-width: 693px) {
    .b-listing-one .b-item .b-main-screenshot,
    .b-listing-one .b-item .b-info {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }

    .b-listing-one .b-item .b-info > .b-inner {
        padding: 10px 30px;
    }

}

@media (min-width: 694px) and (max-width: 852px) {
    .b-listing-one .b-item .b-main-screenshot,
    .b-listing-one .b-item .b-info {
        width: 50%;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }

    .b-listing-one .b-item .b-info {
        float: right;
    }
}

/*@media (max-width: 512px) {*/

/*.b-listing-one .b-item figure.b-col:nth-child(4) .b-more {*/
/*display: inline-block;*/
/*}*/

/*.b-listing-one .b-item figure.b-col:nth-child(5),*/
/*.b-listing-one .b-item figure.b-col:nth-child(6),*/
/*.b-listing-one .b-item figure.b-col:nth-child(7),*/
/*.b-listing-one .b-item figure.b-col:nth-child(8),*/
/*.b-listing-one .b-item figure.b-col:nth-child(9) {*/
/*display: none;*/
/*}*/
/*}*/

/*@media (min-width: 513px) and (max-width: 682px) {*/

/*.b-listing-one .b-item figure.b-col:nth-child(5) .b-more {*/
/*display: inline-block;*/
/*}*/

/*.b-listing-one .b-item figure.b-col:nth-child(6),*/
/*.b-listing-one .b-item figure.b-col:nth-child(7),*/
/*.b-listing-one .b-item figure.b-col:nth-child(8),*/
/*.b-listing-one .b-item figure.b-col:nth-child(9) {*/
/*display: none;*/
/*}*/
/*}*/
@media (max-width: 693px) {
    .b-listing-one .b-item figure.b-col:nth-child(n+2) {
        display: none;
    }
}

@media (min-width: 694px) and (max-width: 852px) {
    .b-listing-one .b-item figure.b-col:nth-child(6) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item figure.b-col:nth-child(3),
    .b-listing-one .b-item figure.b-col:nth-child(4),
    .b-listing-one .b-item figure.b-col:nth-child(5),
    .b-listing-one .b-item figure.b-col:nth-child(6),
    .b-listing-one .b-item figure.b-col:nth-child(7),
    .b-listing-one .b-item figure.b-col:nth-child(8) {
        display: none;
    }
}

@media (min-width: 853px) and (max-width: 1022px) {
    .b-listing-one .b-item figure.b-col:nth-child(3) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item figure.b-col:nth-child(4),
    .b-listing-one .b-item figure.b-col:nth-child(5),
    .b-listing-one .b-item figure.b-col:nth-child(6),
    .b-listing-one .b-item figure.b-col:nth-child(7),
    .b-listing-one .b-item figure.b-col:nth-child(8) {
        display: none;
    }

    .b-listing-one .b-item .list-prebuilds figure.b-col:nth-child(4) {
        display: inline-block;
    }

}

@media (min-width: 1023px) and (max-width: 1192px) {
    .b-listing-one .b-item figure.b-col:nth-child(4) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item figure.b-col:nth-child(5),
    .b-listing-one .b-item figure.b-col:nth-child(6),
    .b-listing-one .b-item figure.b-col:nth-child(7),
    .b-listing-one .b-item figure.b-col:nth-child(8) {
        display: none;
    }

    .b-listing-one .b-item .list-prebuilds figure.b-col:nth-child(5) {
        display: inline-block;
    }
}

@media (min-width: 1193px) and (max-width: 1362px) {
    .b-listing-one .b-item figure.b-col:nth-child(5) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item figure.b-col:nth-child(6),
    .b-listing-one .b-item figure.b-col:nth-child(7),
    .b-listing-one .b-item figure.b-col:nth-child(8) {
        display: none;
    }

    .b-listing-one .b-item .list-prebuilds figure.b-col:nth-child(6) {
        display: inline-block;
    }
}

@media (min-width: 1363px) and (max-width: 1532px) {
    .b-listing-one .b-item figure.b-col:nth-child(6) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item figure.b-col:nth-child(7),
    .b-listing-one .b-item figure.b-col:nth-child(8) {
        display: none;
    }

    .b-listing-one .b-item .list-prebuilds figure.b-col:nth-child(7) {
        display: inline-block;
    }
}

@media (min-width: 1533px) and (max-width: 1702px) {
    .b-listing-one .b-item figure.b-col:nth-child(7) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item figure.b-col:nth-child(8) {
        display: none;
    }

    .b-listing-one .b-item .list-prebuilds figure.b-col:nth-child(8) {
        display: inline-block;
    }

}

@media (min-width: 1703px) {
    .b-listing-one .b-item figure.b-col:nth-child(8) .b-more {
        display: inline-block;
    }

    .b-listing-one .b-item .list-prebuilds figure.b-col:nth-child(9) {
        display: inline-block;
    }

}

/**** Expended View */

.b-listing-one .b-item.b-expanded figure.b-col .b-go-to-detail {
    z-index: 1;
}

@media (max-width: 857px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+3) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(2) .b-go-to-detail {
        display: inline-block;
    }
}

@media (min-width: 858px) and (max-width: 1023px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+5) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(4) .b-go-to-detail {
        display: inline-block;
    }
}

@media (min-width: 1024px) and (max-width: 1189px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+7) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(6) .b-go-to-detail {
        display: inline-block;
    }
}

@media (min-width: 1190px) and (max-width: 1355px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+9) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(8) .b-go-to-detail {
        display: inline-block;
    }
}

@media (min-width: 1356px) and (max-width: 1521px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+11) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(10) .b-go-to-detail {
        display: inline-block;
    }
}

@media (min-width: 1522px) and (max-width: 1687px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+13) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(12) .b-go-to-detail {
        display: inline-block;
    }
}

@media (min-width: 1688px) {
    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(n+15) {
        display: none !important;
    }

    .b-listing-one .b-item.b-expanded figure.b-col:nth-child(14) .b-go-to-detail {
        display: inline-block;
    }
}

.b-listing-one .b-main-screenshot {

}

.b-listing-one .b-main-screenshot .b-screenshot {
    background: rgba(0, 0, 0, 0) url("../images/temprorary/browser_bar.png") no-repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    padding: 10px 0 0 0;
    box-shadow: -1px -1px 4px 0 rgba(36, 50, 56, 0.3);
    box-sizing: border-box;

}

.b-listing-one .b-main-screenshot .b-img-wrapper-xs {
    background: rgba(0, 0, 0, 0) url("../images/temprorary/mobile_bg.png") no-repeat scroll center top / cover;

    border-radius: 5px;
    bottom: 0;
    box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    height: 132px;
    left: -30px;
    overflow: hidden;
    padding: 12px 5px 0;
    position: absolute;
    width: 70px;
    z-index: 1;
}

.b-listing-one .b-main-screenshot .b-screenshot > a.b-detail-link {
    display: none;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;

}

@media screen and (max-width: 767px) {
    .b-listing-one .b-main-screenshot .b-img-wrapper-xs {
        left: -10px;
    }

    .b-listing-one .b-item .b-main-screenshot, .b-listing-one .b-item .b-info {
        margin-bottom: 10px;

    }

    .b-listing-one .b-main-screenshot .b-screenshot > a.b-detail-link {
        display: block;

    }
}

.b-listing-one .b-main-screenshot .b-img-wrapper-xs > div {
    display: inline-block;
    height: 98px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
}

@media (max-width: 691px) {
    .b-listing-one .b-main-screenshot .b-img-wrapper-xs {
        right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .b-listing-one .b-item .b-info p {
        display: none;
    }
}

/******* End: Listing One Style */
/** * * * * * * * * * * * * *  **/

/******* Begin: Listing Two Style */

.b-listing-two .b-item figure.b-col:nth-child(n+10) {
    display: none; /* Show only first  8*/
}

@media (max-width: 691px) {

    .b-listing-two .b-item .b-info {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }

    .b-listing-two .b-item .b-info > .b-inner {
        padding: 10px 30px;
    }
}

@media (max-width: 512px) {

    .b-listing-two .b-item figure.b-col:nth-child(3) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(4),
    .b-listing-two .b-item figure.b-col:nth-child(5),
    .b-listing-two .b-item figure.b-col:nth-child(6),
    .b-listing-two .b-item figure.b-col:nth-child(7),
    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 526px) and (max-width: 691px) {

    .b-listing-two .b-item figure.b-col:nth-child(4) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(5),
    .b-listing-two .b-item figure.b-col:nth-child(6),
    .b-listing-two .b-item figure.b-col:nth-child(7),
    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 692px) and (max-width: 857px) {
    .b-listing-two .b-item figure.b-col:nth-child(3) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(4),
    .b-listing-two .b-item figure.b-col:nth-child(5),
    .b-listing-two .b-item figure.b-col:nth-child(6),
    .b-listing-two .b-item figure.b-col:nth-child(7),
    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 858px) and (max-width: 1022px) {
    .b-listing-two .b-item figure.b-col:nth-child(4) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(5),
    .b-listing-two .b-item figure.b-col:nth-child(6),
    .b-listing-two .b-item figure.b-col:nth-child(7),
    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }

}

@media (min-width: 1023px) and (max-width: 1192px) {
    .b-listing-two .b-item figure.b-col:nth-child(5) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(6),
    .b-listing-two .b-item figure.b-col:nth-child(7),
    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 1193px) and (max-width: 1362px) {
    .b-listing-two .b-item figure.b-col:nth-child(6) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(7),
    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 1363px) and (max-width: 1532px) {
    .b-listing-two .b-item figure.b-col:nth-child(7) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(8),
    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 1533px) and (max-width: 1702px) {
    .b-listing-two .b-item figure.b-col:nth-child(8) .b-more {
        display: inline-block;
    }

    .b-listing-two .b-item figure.b-col:nth-child(9) {
        display: none;
    }
}

@media (min-width: 1703px) {
    .b-listing-two .b-item figure.b-col:nth-child(9) .b-more {
        display: inline-block;
    }
}

/******* End: Listing Two Style */

.b-item figure.b-col .b-go-to-detail {
    background: rgba(102, 102, 102, 0.8) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.8);
    display: none;
    height: 200px;
    padding-top: 65px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 130px;

    -o-transition: color .2s ease-out, background 1s ease-in;
    -ms-transition: color .2s ease-out, background 1s ease-in;
    -moz-transition: color .2s ease-out, background 1s ease-in;
    -webkit-transition: color .2s ease-out, background 1s ease-in;
    transition: color .2s ease-out, background 1s ease-in;
}

.b-item figure.b-col .b-go-to-detail:hover {
    background: rgba(102, 102, 102, 0.9) none repeat scroll 0 0;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);

}

.b-item figure.b-col .b-go-to-detail i {
    font-size: 40px;
}

.b-item figure.b-col .b-go-to-detail b {
    font-size: 12px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.b-item figure.b-col.b-go-to-detail-arrow {
    background: rgba(102, 102, 102, 0.1) none repeat scroll 0 0;
}

.b-item figure.b-col.b-go-to-detail-arrow:hover {
    background: rgba(102, 102, 102, 0.15) none repeat scroll 0 0;
}

.b-item figure.b-col.b-go-to-detail-arrow .b-go-to-detail {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgba(0, 0, 0, 0.4);
    display: inline-block !important;

    height: 200px;
    padding-top: 65px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 130px;
}

.b-item figure.b-col.b-go-to-detail-arrow:hover .b-go-to-detail {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

/** End: Listing Related */
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Begin: Sides & Header Related */

#b-sides-overlay {
    display: none;
    opacity: 0.48;
    background-color: rgba(33, 33, 33, 1);
    z-index: 1020;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 450ms ease 0s;
    -o-transition: opacity 450ms ease 0s;
    transition: opacity 450ms ease 0s;
    cursor: pointer;
}

/** End: Sides Related */
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* Begin: Pagination */
.b-pagination {

}

.b-pagination > .b-inner {
    text-align: center;
    line-height: 0;
}

.b-pagination .pagination {
    padding: 0;
    margin: 0;
}

.b-pagination .pagination ul {
    padding: 0;
    margin: 0;

}

.b-pagination .pagination li {
    padding: 0;
    margin: 0;
}

.b-pagination .pagination li a,
.b-pagination .pagination li span {
    border: none;
    border-right: 1px solid #ddd;
    background: none;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 0;
    margin: 0;
    color: #3f677a;

}

.b-pagination .pagination li:last-child a,
.b-pagination .pagination li:last-child span {
    border-right: none;
}

.b-pagination .pagination li.active a,
.b-pagination .pagination li.active span {
    background: rgba(0, 0, 0, 0.02);
    color: #000;
    font-weight: bold;
}

.b-pagination .pagination li.active:hover a,
.b-pagination .pagination li.active:hover span,
.b-pagination .pagination li:hover a,
.b-pagination .pagination li:hover span {
    background: rgba(0, 0, 0, 0.03);
    color: #000;
    border: none;
    border-right: 1px solid #ddd;
}

@media (max-width: 767px) {
    .b-pagination .pagination li a,
    .b-pagination .pagination li span {
        padding: 10px 20px;
        font-size: 18px;

    }
}

@media (max-width: 560px) {
    .b-pagination .pagination li a,
    .b-pagination .pagination li span {
        padding: 10px 10px;
        font-size: 16px;

    }
}

@media (max-width: 340px) {
    .b-pagination .pagination li a,
    .b-pagination .pagination li span {
        padding: 10px 5px;
        font-size: 16px;

    }
}

/* End: Pagination */
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* B: Modal Center */
.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* SpotLight */
.b-spotlight {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    background: rgba(255, 255, 255, 1) url("../images/temprorary/shape_bg3.png");
}

.b-spotlight .b-inner {
    text-align: center;
    padding: 5% 10%;
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
}

.b-spotlight .b-inner h1 {
    font-weight: 400;
    font-size: 3rem;
    font-family: "Roboto Slab", sans-serif;
}

.b-spotlight .b-inner h3 {
    font-weight: 300;
}

.b-spotlight.b-style1 {
    background: #000 url("../images/temprorary/shape_bg11.png");
    color: rgba(255, 255, 255, 0.7)
}

.b-spotlight.b-style1 h1 {
    color: rgba(255, 255, 255, 1)
}

.b-spotlight.b-style2 {
    background: #000 url("../images/temprorary/shape_bg3.png");
    color: rgba(255, 255, 255, 0.9)
}

.b-spotlight.b-style2 h1 {
    color: rgba(255, 255, 255, 1)
}

.b-listing-spotlight-section .product-hunt {
    text-align: center;
    margin-top: 30px;
}

@media screen and (max-width: 370px) {
    .b-listing-spotlight-section .product-hunt {
        display: none;
    }
}

/* End: SpotLight */
/* B: SpotLight */

.b-spotlight-text {
    font-weight: 300;
    font-size: 2.6rem;
    text-align: center;
    color: #000;
    font-family: "Roboto Slab", sans-serif;
    margin: 0px;
}

@media screen and (max-width: 450px) {
    .b-spotlight-text {
        font-size: 1.1rem;
    }
}
@media (min-width: 451px) and (max-width: 520px) {
    .b-spotlight-text {
         font-size: 1.3rem;
    }
}
@media (min-width: 521px) and (max-width: 767px) {
    .b-spotlight-text {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) and (max-width: 1022px) {
    .b-spotlight-text {
        font-size: 2rem;
    }
}

.b-spotlight-text strong {
    font-weight: 700;
    position: relative;
    z-index: 5;
}

.b-spotlight-text strong:after {
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    background: url("../images/underline-yellow.png") no-repeat center center;
    height: 10px;
    position: absolute;
    z-index: -1;
}

.b-counters {
    margin-top: 30px;
    font-size: 0.9rem;
    color: #666;
    text-transform: uppercase;
}

.b-counters span {
    margin: 0 14px;
}

.b-counters b {
    font-size: 1.5rem;
    color: #000;
    font-family: "Roboto Slab", sans-serif;
}

@media screen and (max-width: 767px) {
    .b-counters span {
        margin: 0 5px;
    }

    .b-counters b {
        font-size: 1.1rem;
    }
}

/* End: SpotLight */

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/* mfp-gallery image height modification for viewing full size */
img.mfp-img {
    /*max-height: inherit !important; !* ADDED *!*/
}

body.b-mfp-full-size img.mfp-img {
    max-height: inherit !important; /* ADDED */
}

/* mfp-gallery arrow center */
.mfp-arrow {
    position: fixed !important; /* ADDED */
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/* Jquery Confirm Overwrite */
.jconfirm .jconfirm-bg {
    opacity: 0.9 !important;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

.b-page-header {
    background: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 30px;
}

.b-page-header h1 {
    font-size: 2rem;
    color: #000;
    margin: 0;
    padding: 0 15px;
    font-weight: 400;
    font-family: "Roboto Slab", sans-serif;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.breadcrumb {
    background: none;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;
    font-size: 0.9rem;

}

.breadcrumb a {
    color: rgba(0, 0, 0, 0.4);
}

.breadcrumb > .active {
    color: rgba(0, 0, 0, 0.4);
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* COLORS */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-yellow,
.callout.callout-warning,
.modal-warning .modal-body {
    background-color: #fbda59 !important;
}

.bg-aqua,
.callout.callout-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.text-white {
    color: #ffffff !important;
}

.text-red {
    color: #dd4b39 !important;
}

.text-yellow {
    color: #fbda59 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-black {
    color: #111111 !important;
}

.text-light-blue {
    color: #3c8dbc !important;
}

.text-green {
    color: #00a65a !important;
}

.text-gray {
    color: #d2d6de !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.link-muted {
    color: #7a869d;
}

.link-muted:hover,
.link-muted:focus {
    color: #606c84;
}

.link-black {
    color: #666;
}

.link-black:hover,
.link-black:focus {
    color: #999;
}

.text-facebook {
    color: #3b5998 !important;
}

.text-twitter {
    color: #55acee !important;
}

.text-google-plus {
    color: #dd4b39 !important;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

img.img-zoom-in {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

img.img-zoom-in:hover {
    opacity: 0.5;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);

}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/* The ribbons */

.b-corner-ribbon {
    width: 200px;
    background: #e43;
    position: absolute;
    top: 5px;
    left: -80px;
    text-align: center;
    line-height: 20px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-size: 0.8rem;
}

/* Custom styles */

.b-corner-ribbon.b-sticky {
    position: fixed;
}

.b-corner-ribbon.b-shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

/* Different positions */

.b-corner-ribbon.b-top-left {
    top: 5px;
    left: -83px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.b-corner-ribbon.b-top-right {
    top: 5px;
    right: -83px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.b-corner-ribbon.b-bottom-left {
    top: auto;
    bottom: 5px;
    left: -83px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.b-corner-ribbon.b-bottom-right {
    top: auto;
    right: -83px;
    bottom: 5px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Colors */

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** Buttons **/
.btn.btn-white-o {
    border: 1px solid #fff;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.btn.btn-white-o:hover {
    background: rgba(255, 255, 255, 0.3);
}

.btn.btn-dark-o {
    border: 1px solid #4c4c4c;
    color: #4c4c4c;
    background: rgba(0, 0, 0, 0);
}

.btn.btn-dark-o:hover {
    background: rgba(255, 255, 255, 0.3);
}

.btn.btn-darkgray-o {

    border: 2px solid #4C4C4C;
    color: #4C4C4C;
    background: rgba(255, 255, 255, 0.1);
}

.btn.btn-darkgray-o:hover {
    background: rgba(255, 255, 255, 0.3);
}

.btn.btn-darkgreen {
    background-color: #2b948a;
    color: #fff;
}

.btn.btn-darkgreen:hover {
    background: #246B64;
}

.btn.btn-yellow {
    background-color: #fbda59;
    color: #3f677a;
}

.btn.btn-yellow:hover {
    background: #fbda59;
    color: #000;
}

.btn.btn-yellow-c {
    background-color: #fbda59;
    color: #444 !important;
    border-bottom: 3px solid #bca245;
}

.btn.btn-yellow-c:hover {
    opacity: 0.9;
}

.btn.btn-orange-c {
    background-color: #fa8247;
    color: #FFF !important;
    border-bottom: 3px solid #de5411;
}

.btn.btn-orange-c:hover {
    opacity: 0.9;
}

.btn.btn-black-c {
    background-color: #3b3b3b;
    color: #FFF !important;
    border-bottom: 3px solid #000000;
}

.btn.btn-black-c:hover {
    opacity: 0.9;
}

.btn.btn-purple-c {
    background-color: #605ca8;
    color: #FFF !important;
    border-bottom: 3px solid #555299;
}

.btn.btn-purple-c:hover {
    opacity: 0.9;
}

.btn.btn-blue-c {
    background-color: #7f97a6;
    color: #FFF !important;
    border-bottom: #3c6478 4px solid;
}

.btn.btn-blue-c:hover {
    opacity: 0.9;
}

.btn.btn-gray-c-o {

    border: 1px solid #aaa;
    color: #888 !important;
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 3px solid #aaa;
}

.btn.btn-gray-c-o:hover {
    opacity: 0.9;
}

.btn.btn-facebook {
    background: #3b5998;
    color: #fff;
}

.btn.btn-twitter {
    background: #55acee;
    color: #fff;
}

.btn.btn-google {
    background: #dd4b39;
    color: #fff;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** ICONS **/
.b-icon {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.b-icon.bi-round {
    border-radius: 50%;
}

.b-icon.bi-xxs {
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.b-icon.bi-xs {
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.b-icon.bi-sm {
    background-size: 32px;
    width: 32px;
    height: 32px;
}

.b-icon.bi-md {
    background-size: 48px;
    width: 48px;
    height: 48px;
}

.b-icon.bi-lg {
    background-size: 96px;
    width: 96px;
    height: 96px;
}

.b-icon.bi-xl {
    background-size: 128px;
    width: 128px;
    height: 128px;
}

/**** Features */
.b-icon.bi-responsive {
    background-image: url("../images/icons/features/responsive.png");
}

.b-icon.bi-bootstrap {
    background-image: url("../images/icons/features/bootstrap.png");
}

.b-icon.bi-google {
    background-image: url("../images/icons/features/google.png");
}

.b-icon.bi-google-fonts {
    background-image: url("../images/icons/features/google-fonts.png");
}

.b-icon.bi-woocommerce {
    background-image: url("../images/icons/features/woo-commerce.png");
}

.b-icon.bi-wpml {
    background-image: url("../images/icons/features/wpml.png");
}

.b-icon.bi-psd-included {
    background-image: url("../images/icons/features/psd-included.png");
}

.b-icon.bi-bbpress {
    background-image: url("../images/icons/features/bbpress.png");
}

.b-icon.bi-visual-composer {
    background-image: url("../images/icons/features/visual-composer.png");
}

.b-icon.bi-gravity-forms {
    background-image: url("../images/icons/features/gravity-forms.png");
}

.b-icon.bi-gravity-forms {
    background-image: url("../images/icons/features/gravity-forms.png");
}

/**** Platforms */

.b-icon.bi-wordpress-theme,
.b-icon.bi-WordPress {
    background-image: url("../images/icons/platforms/wordpress-theme.png");
}

.b-icon.bi-html-template,
.b-icon.bi-HTML {
    background-image: url("../images/icons/platforms/html-template.png");
}

.b-icon.bi-magento-theme,
.b-icon.bi-Magento {
    background-image: url("../images/icons/platforms/magento-theme.png");
}

.b-icon.bi-joomla-template,
.b-icon.bi-Joomla {
    background-image: url("../images/icons/platforms/joomla-template.png");
}

.b-icon.bi-opencart-theme,
.b-icon.bi-OpenCart {
    background-image: url("../images/icons/platforms/opencart-theme.png");
}

.b-icon.bi-prestashop-theme,
.b-icon.bi-PrestaShop {
    background-image: url("../images/icons/platforms/prestashop-theme.png");
}

.b-icon.bi-drupal-theme,
.b-icon.bi-Drupal {
    background-image: url("../images/icons/platforms/drupal-theme.png");
}

.b-icon.bi-email-template,
.b-icon.bi-Email {
    background-image: url("../images/icons/platforms/email-template.png");
}

.b-icon.bi-shopify-theme,
.b-icon.bi-Shopify {
    background-image: url("../images/icons/platforms/shopify-theme.png");
}

/**** Marketplaces */
.b-icon.bi-themeforest,
.b-icon.bi-ThemeForest {
    background-image: url("../images/icons/providers/envato.png");
}

.b-icon.bi-templatemonster,
.b-icon.bi-TemplateMonster {
    background-image: url("../images/icons/providers/templatemonster.png");
}

.b-icon.bi-wrapbootstrap,
.b-icon.bi-WrapBootstrap {
    background-image: url("../images/icons/providers/wrapbootstrap.png");
}
.b-icon.bi-creativemarket,
.b-icon.bi-CreativeMarket {
    background-image: url("../images/icons/providers/creativemarket.png");
}
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* Main Alert Messages Container */
.b-messages {
    position: fixed;
    top: 120px;
    right: 5px;
    max-width: 360px;
    opacity: 0.95;
    z-index: 999;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** Light Gllery */
.lg-sub-html, .lg-toolbar {
    background-color: rgba(0, 0, 0, 0.01);
}

.lg-backdrop {
    background-color: #333;
    /*background-image: url("../images/temprorary/shape_bg14.png");*/
}

.lg-object {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    margin-top: 20px;
    margin-bottom: 20px;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/******** Share Btn *******/
.b-share .dropdown-menu {
    min-width: inherit;
    padding: 0;
}

.b-share .dropdown-menu > li > a {
    padding: 5px 10px 3px 10px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
}

.b-share .dropdown-menu > li > a i {
    width: 24px;
}

.b-share .dropdown-menu > li.b-direct-link > a {
    background: #fcce01;
    color: #7f6300;
}

.b-share .dropdown-menu > li.b-facebook > a {
    background: #4f69a3;
}

.b-share .dropdown-menu > li.b-twitter > a {
    background: #56acee;
}

.b-share .dropdown-menu > li.b-google-plus > a {
    background: #dd4f43;
}

.b-share .dropdown-menu > li > a:hover {
    background: #222;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.b-login a {
    text-decoration: underline;
}

.b-login ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.b-login ul li {

}

.b-login .socialaccount_providers .btn {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-decoration: none;
    padding: 10px;
}

.b-login hr {
    border-color: rgba(0, 0, 0, 0.1);
}

.b-account-register {
    text-align: center;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.b-form-panel {
    padding-top: 30px;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Bottom Newsletter */

.b-newsletter-section {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.6) url("../images/temprorary/shape_bg.png") repeat scroll 0 0;
    margin-top: -1px;
}

.b-newsletter-section .b-inner {
    padding: 50px;

}

@media (max-width: 767px) {
    .b-newsletter-section .b-inner {
        padding: 30px 0;

    }
}

.b-newsletter-box {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    padding: 20px 50px;
    color: rgba(99, 114, 128, 0.8);
}

.b-newsletter-box p {

}

.b-newsletter-box p b {
    color: rgba(0, 0, 0, 1);
    display: block;
}

.b-newsletter-box p i {
    color: #2b948a;
    font-size: 30px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.b-newsletter-box .form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);

}

.b-newsletter-box .btn {
    border: 1px solid #2b948a;
}

.b-newsletter-box .input-group {
    padding-top: 7px;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*** Footer ***/
#b-main-footer {

    padding: 60px 0 40px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    font-size: 0.95rem;
    color: rgba(99, 114, 128, 0.5);
    line-height: 180%;
    background: #fff;
}

#b-main-footer p {
    line-height: 140%;
}

#b-main-footer a {
    color: rgba(99, 114, 128, 0.8);
}

#b-main-footer h5,
#b-main-footer h6 {
    color: rgba(99, 114, 128, 1);
}

#b-main-footer h5 {
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 5px;
}

#b-main-footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#b-main-footer .b-newsletter {
    margin-top: 20px;

}

#b-main-footer .b-newsletter h6 {
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

#b-main-footer .b-social .fa {
    width: 20px
}

#b-main-footer .b-social .fa-facebook {
    color: #4F69A3;
}

#b-main-footer .b-social .fa-twitter {
    color: #56ACEE;
}

#b-main-footer .b-social .fa-google-plus {
    color: #DD4F43;
}

#b-main-footer-bottom {

    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    font-size: 0.9rem;
    color: #777;
    text-align: center;
    background: #fff;
}

@media only screen and (max-width: 479px) {
    #b-main-footer article {
        display: none;
    }

    #b-main-footer .active article {
        display: block;
        padding: 10px;
    }

    #b-main-footer h5 {
        border-bottom: 1px solid #ddd;
        padding: 10px;
        margin: 0;
    }

    #b-main-footer h5:after {
        content: "\203A";
        color: #000;
        display: inline-block;
        text-align: center;
        float: right;
        font-size: 22px;
        position: relative;
        top: -4px
    }

    #b-main-footer .active h5:after {
        content: "\2039";

    }

    #b-main-footer .col-xxs-12 {
        width: 100%;
    }

}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/***** Header */
/* Mobile Header */
#b-mobile-header {
    background: #fff;
    display: none;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

@media (max-width: 768px) {
    #b-mobile-header {
        display: table;
    }
}

#b-mobile-header > a {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    text-decoration: none;
}

#b-mobile-header > a:hover {
    color: rgba(0, 0, 0, 1);
}

#b-mobile-header > a.b-mobile-header__bars,
#b-mobile-header > a.b-mobile-header__search {
    width: 60px;
}

/* End: Mobile Header */

/* Main Navigation */

#b-nav {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
}

.b-logo:before {
    background-color: transparent;
    background-image: url("../images/logo-icon.svg");
    background-position: center center;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    position: relative;
    top: 10px;
    width: 40px;
}

.b-logo {
    color: #000 !important;
    font-family: "Roboto Slab", sans-serif;
    font-size: 24px;
    font-weight: 300;
    text-transform: lowercase;
}

.b-mobile-header__logo.b-logo {
    position: relative;
    top: -6px;

}

#b-nav .b-logo {
    display: inline-block;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;

}

#b-nav a {
    color: #7f97a6;
    text-decoration: none;
}

#b-nav a:hover,
#b-nav a:focus,
#b-nav a:active {
    background: none;
    color: rgba(0, 0, 0, 1);
}

#b-nav #b-nav-search {
    display: inline-block;
    position: relative;
}

#b-nav #b-nav-search input {

    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    color: #666;
    font-size: 20px;
    font-weight: 400;
    height: 40px;
    margin: 0;
    padding: 0 90px 0 14px;
    position: relative;
    top: -2px;
    width: 100%;
}

#b-nav #b-nav-search .b-filter-toggle {
    top: 3px;
    right: 6px;
}

#b-nav ul.navbar-nav {
    float: right;
    margin: 0;
}

#b-nav ul.navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none !important;
}

#b-nav ul.navbar-nav > li.active > a:hover {
    background: none;
    color: rgba(0, 0, 0, 1);
}

#b-nav ul.navbar-nav > li > a .b-caret {
    float: right;
    line-height: inherit;
    margin-left: 6px;
}

#b-nav .b-user-menu > a > span {
    display: none;
}

#b-nav .b-user-menu > a > img {
    border-radius: 50%;
    height: 24px;
    margin-right: 10px;
    margin-top: -2px;
    width: 24px;

}

@media (max-width: 768px) {

    #b-nav {
        position: absolute;
        z-index: 1031;
        border-bottom: none;
    }

    #b-nav-bg {
        background: #fff;
        border-left: 1px solid rgba(0, 0, 0, 0.14);
        height: auto;
        position: fixed;
        bottom: 0;
        z-index: 1030;
    }

    #b-nav,
    #b-nav-bg {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        top: 0;
        left: -265px;
        width: 265px;
    }

    #b-nav .b-logo {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.14);
        margin-top: 1px;
        margin-bottom: 50px;

    }

    #b-nav ul.navbar-nav {
        margin: 0;
        padding: 0;
        float: none;
    }

    #b-nav ul.navbar-nav > li > a {
        height: 40px;
        line-height: 40px;
        text-transform: inherit;
    }

    #b-nav ul.navbar-nav > li.b-user-menu > a > span {
        display: inline-block;
    }

    #b-nav ul.navbar-nav > li.b-filterbar-toggle-wrap {
        display: none;
    }

    body.b-sidebar-active #b-nav,
    body.b-sidebar-active #b-nav-bg {
        left: 0;
    }

    body.b-sidebar-active #b-nav-bg {
        -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12)
    }

    body.b-sidebar-active #b-sides-overlay {
        display: block;
    }
}

/* End: Main Navigation */

/***** End: Header */

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/*** Home ****/

.b-home-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.b-home-section > .b-inner {
    padding: 80px 0;
}

.b-home-section h2 {

    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;

}

.b-home-section h4 {

    font-size: 34px;
    margin: 0;
    padding: 0 20%;
    text-align: center;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
    .b-home-section h4 {
        font-size: 1.3rem;
    }
}

.b-home-top-section {
    padding: 70px 0 50px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/** Featured */
.b-home-featured {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.b-home-featured > div > .b-inner {
    padding: 40px 0;
}

.b-home-featured .b-columns > .col-sm-6 {
    padding: 0;
}

.b-home-featured .b-columns .b-column {
    margin-bottom: 30px;
}

.b-home-featured .b-overlay-item .b-inner img {

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    width: 100%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

}

.b-home-featured .b-overlay-item:hover .b-inner img {

    transform: scale(0.96);
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -o-transform: scale(0.96);
}

.b-home-featured .b-call-action {
    text-align: center;

}

.b-home-featured .b-call-action .btn {
    padding-right: 80px;
    padding-left: 80px;
}

@media screen and (max-width: 767px) {
    .b-home-featured .b-call-action {
        padding: 10px;
    }

    .b-home-featured .b-call-action .btn {
        width: 100%;
        padding-right: inherit;
        padding-left: inherit;
        font-size: 1rem;
    }

}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*** Platforms **/
.b-home-platforms {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.b-home-platforms .b-columns {
    margin-top: 50px;
    padding: 0 10%;
}

.b-home-platforms .b-columns > div {
    text-align: center;
}

.b-home-platforms .b-columns figure {
    margin-bottom: 30px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 0.3);
    padding: 30px;
    border-radius: 6px;
    opacity: 0.8;

}

@media screen and (max-width: 767px) {
    .b-home-platforms .b-columns figure {
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, 0);
        background: rgba(255, 255, 255, 0);
    }
}

.b-home-platforms .b-columns figure:hover {
    opacity: 1;
}

.b-home-platforms .b-columns figcaption {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 10px;
}

.b-home-platforms .b-columns figcaption > a {
    color: rgba(0, 0, 0, 0.6);

}

/**** Home listing ***/
.b-classic-listing .b-items-classic {
    padding: 0;
    margin: 40px 0 0 0;

}

.b-classic-listing .b-item-classic {
    padding: 0;
    margin: 0 0 70px 0;
    text-align: center;

}

.b-classic-listing .b-screenshot {
    position: relative;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.b-classic-listing .b-item-classic:hover .b-screenshot {

    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.b-classic-listing .b-img-wrapper-xs {
    background: rgba(0, 0, 0, 0) url(../images/temprorary/mobile_bg.png) no-repeat scroll center top / cover;
    border-radius: 5px;
    bottom: 0;
    box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    height: 132px;
    right: -30px;
    overflow: hidden;
    padding: 12px 5px 0;
    position: absolute;
    width: 70px;
    z-index: 1;
}

.b-classic-listing .b-img-wrapper-xs > div {
    display: inline-block;
    height: 98px;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
}

.b-classic-listing .b-screenshot.b-md span {

}

.b-classic-listing .b-item-classic .b-item-classic-info {
    text-align: left;
    padding: 10px;
    width: 320px;
    margin: 0 auto;
    position: relative;
}

.b-classic-listing .b-item-classic .b-item-classic-info h3 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #3f677a;
    text-align: left;

}

.b-classic-listing .b-item-classic .b-item-classic-info h3 > a {
    color: #3f677a;
}

.b-classic-listing .b-item-classic .b-item-classic-info h3 > i {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.b-classic-listing .b-item-classic .b-item-classic-info h5 {
    margin: 0;
    padding: 0 0 0 3px;
    font-size: 12px;
    font-weight: 300;
}

.b-classic-listing .b-item-classic .b-item-classic-info .b-buttons {
    position: absolute;
    top: 8px;
    right: 0;

}

.b-classic-listing .b-item-classic .b-item-classic-info .b-buttons .btn {
    border: none;
    background: transparent;
    color: rgba(0, 0, 0, 0.3);
    font-size: 16px;

}

.b-classic-listing .b-item-classic .b-item-classic-info .b-buttons .btn:hover {
    color: rgba(0, 0, 0, 0.8);
}

.b-classic-listing .b-item-classic .badge-subitems {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: salmon;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.b-listing-one .b-item .badge-subitems:hover {
    text-decoration: none;
}

.b-classic-listing .b-call-action {
    text-align: center;
    padding: 0 0 50px 0;
}

.b-classic-listing .b-call-action .btn {
    padding-right: 80px;
    padding-left: 80px;
}

@media screen and (max-width: 767px) {

    .b-classic-listing .b-call-action .btn {
        width: 100%;
        padding-right: inherit;
        padding-left: inherit;
        font-size: 1rem;
    }

}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*** THEMES ****/

/* Begin: Listing Spotlight */
.b-listing-spotlight-section {
    background: rgba(255, 255, 255, 0.94) url("../images/temprorary/shape_bg3.png");
    padding: 70px 0 100px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 0;
    text-align: center;
}

.b-listing-spotlight-section p {
    font-size: 1.4rem;
    margin-top: 30px;
    color: #888;
    font-weight: 300;

}

@media screen and (max-width: 450px) {
    .b-listing-spotlight-section p {
        font-size: 0.9rem;
        margin-top: 10px;
    }
}
@media (min-width: 451px) and (max-width: 520px) {
   .b-listing-spotlight-section p {
        font-size: 1.1rem;
        margin-top: 10px;
    }
}
@media (min-width: 521px) and (max-width: 767px) {
    .b-listing-spotlight-section p {
        font-size: 1.1rem;
        margin-top: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1022px) {
    .b-listing-spotlight-section p {
        font-size: 1.3rem;
        margin-top: 10px;
    }
}



.b-spotlight-actions {
    margin-top: 30px;
}

.b-spotlight-actions .btn {
    padding-right: 26px;
    padding-left: 26px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

.b-spotlight-actions .btn-yellow-c {
    margin-right: 20px;
}

/* End: Listing Spotlight */

/* Demos header */
.b-demos-header-section {
    padding: 90px 0 40px;
    text-align: center;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: -1px;

}

.b-demos-header-section .b-count {

    border: 5px solid rgba(61, 153, 112, 0.8);
    font-size: 100px;
    font-weight: 700;
    letter-spacing: -8px;
    line-height: 100px;
    padding: 0 50px;
    color: rgba(61, 153, 112, 1);
}

.b-demos-header-section .b-count small {
    font-weight: 300;
    margin-left: 2px;
}

/* Demos Section */
.b-demos-section {

}

.b-demos-section .b-column {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);

    padding: 30px 15px;
    text-align: center;
}

.b-demos-section .b-column:hover {
    background: rgba(0, 0, 0, 0.05);
}

.b-demos-section .b-screenshot {
    border-radius: 2px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.b-demos-section .b-screenshot:hover {
    box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    top: -1px
}

.b-demos-section .b-screenshot span {

    height: 200px;

}

.b-demos-section .b-screenshot:hover span:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
}

.b-demos-section .b-screenshot figcaption {
    bottom: -22px;
    color: #999;
    display: block;
    font-size: 12px;
    left: 0;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.b-demos-section .b-screenshot .add-to-collection {
    position: absolute;
    top: 14px;
    right: 14px;
    border-radius: 2px;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.b-demos-section .b-screenshot .add-to-collection:hover {

}

.b-demos-section .b-screenshot:hover .add-to-collection {
    opacity: 1;
}

/* Detail Page HEader */
.b-header-section {
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 20px 30px 20px;
}

@media screen and (max-width: 767px) {

    .b-header-section {
        width: 100%;
        padding: 0 0 10px 0;
        text-align: center;
    }

}

.b-header-section .breadcrumb {
    padding-left: 0;
}

.b-header-section h1 {

    color: rgba(0, 0, 0, 1);
    font-size: 1.4rem;
    font-weight: 400;
    margin: 10px 0 5px 0;
    padding: 0;
    font-family: "Roboto Slab", sans-serif;
}

.b-header-section .b-provider {
    font-size: 12px;
    color: #666;
}

.b-header-section .b-provider .b-icon {
    position: relative;
    bottom: -3px;
    margin-right: 2px;
}

.b-header-section h2 {
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.b-header-section p {
    color: rgba(0, 0, 0, 0.4);
}

.b-header-section .b-info {
    color: rgba(0, 0, 0, 0.4);
}

.b-header-section .b-info i {
    font-style: normal;
}

.b-header-section .b-info i:after {
    content: ", ";
}

.b-header-section .b-info i:last-child:after {
    content: "";
}

.b-header-section .b-actions {
    text-align: right;
    margin-bottom: 10px;
}

.b-header-section .b-actions .btn {
    margin-left: 5px;
}

.b-header-section .b-share-area {
    text-align: right;
}

.b-header-section .b-share-area .btn {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-size: 13px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    width: 30px;
    color: #605CA8;
}

.b-header-section .b-share-area .btn:hover {
    background: rgba(255, 255, 255, 0.4);
}

/* Detail screenshots */
.b-detail.b-content-wrapper .b-screenshots {

}

.b-detail.b-content-wrapper .b-screenshots .b-column {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    text-align: center;
}

.b-detail.b-content-wrapper .b-screenshots .b-column:hover {
    background: rgba(0, 0, 0, 0.05);
}

.b-detail.b-content-wrapper .b-screenshots .b-screenshot {
    margin: 0;
    font-size: inherit;
    position: relative;

}

.b-detail.b-content-wrapper .b-screenshots .b-screenshot figcaption {
    bottom: -22px;
    color: #999;
    display: block;
    font-size: 11px;
    left: 0;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.b-detail.b-content-wrapper .b-screenshots .b-screenshot > span {
    cursor: pointer;

}

@media screen and (max-width: 360px) {

    .b-detail.b-content-wrapper .b-screenshots .b-screenshot.b-sm span {
        width: 100%;
        height: 160px;
    }
}

@media screen and (max-width: 450px) {
    .b-detail.b-content-wrapper .b-screenshots .b-column {
        width: 50%;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-column:nth-child(2n) {
        border-right: none;
    }

}

@media screen and (min-width: 451px) and (max-width: 767px) {
    .b-detail.b-content-wrapper .b-screenshots .b-column {

        width: 33.3333%;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-column:nth-child(3n) {
        border-right: none;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-screenshot.b-sm span {
        width: 100%;
        max-width: 130px;

    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .b-detail.b-content-wrapper .b-screenshots .b-column {

        width: 25%;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-column:nth-child(4n) {
        border-right: none;
    }
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
    .b-detail.b-content-wrapper .b-screenshots .b-column {

        width: 20%;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-column:nth-child(5n) {
        border-right: none;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1486px) {
    .b-detail.b-content-wrapper .b-screenshots .b-column {
        width: 16.6666%;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-column:nth-child(6n) {
        border-right: none;
    }
}

@media screen and (min-width: 1486px) {
    .b-detail.b-content-wrapper .b-screenshots .b-column {
        width: 16.6666%;
    }

    .b-detail.b-content-wrapper .b-screenshots .b-column:nth-child(6n) {
        border-right: none;
    }

}

.b-screenshots-section .b-screenshots .b-column:nth-child(n+13) {
    display: none;
}

.b-screenshots-section .b-screenshots .b-column .b-load-more {
    background: rgba(61, 153, 112, 0.8);
    color: rgba(255, 255, 255, 0.95);
    position: absolute;
    text-align: center;
    transition: color 0.2s ease-out 0s, background 1s ease-in 0s;
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-decoration: none;
    display: none;
    z-index: 11;

}

.b-screenshots-section .b-screenshots .b-column:nth-child(12) .b-load-more {
    display: block;
}

.b-screenshots-section .b-screenshots .b-column .b-load-more i {
    font-size: 40px;
    margin-top: 50%;
}

.b-screenshots-section .b-screenshots .b-column .b-load-more b {
    display: block;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
}

/*** Expanded Mode */
.b-screenshots-section.b-expanded .b-screenshots .b-column {
    display: block;
}

.b-screenshots-section.b-expanded .b-screenshots .b-column .b-load-more {
    display: none;
}

/* Detail Top */

.b-top-section {

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.b-top-section__screenshot {

    border-right: 1px solid rgba(0, 0, 0, 0.05);
    padding: 30px 15px;
}

.b-top-section__screenshot .b-screen-buttons {
    margin: 10px 0 0 0;
    text-align: center;
}

.b-top-section__screenshot .b-screen-buttons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.b-top-section__screenshot .b-screen-buttons li {
    float: left;
}

.b-top-section__screenshot .b-screen-buttons li > a {
    font-size: 22px;
    padding: 3px 5px;
    color: rgba(0, 0, 0, 0.2);
}

.b-top-section__screenshot .b-screen-buttons li.active > a {
    color: rgba(0, 0, 0, 0.9);
}

.b-top-section .b-column {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.b-top-section .b-screenshot.b-lg > span {
    max-height: 430px;
    width: 100%;
    cursor: pointer;
}

.b-top-section #tab-mobile .b-screenshot.b-lg > span {
    max-height: 640px;
}

.b-top-section div[class*="b-img-wrapper-"] {
    box-shadow: 0 10px 20px 0 rgba(36, 50, 56, 0.5);
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    vertical-align: bottom;
}

.b-top-section div[class*="b-img-wrapper-"] span {
    display: block;

    overflow: hidden;
}

.b-top-section div[class*="b-img-wrapper-"] img {
    max-width: 100%;
    width: auto;
    cursor: pointer;
}

.b-top-section .b-img-wrapper-big {
    background: rgba(0, 0, 0, 0) url("../images/temprorary/browser_bar.png") no-repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    height: 380px;
    padding-top: 10px;
    width: 370px;
    z-index: 5;
}

.b-top-section .b-img-wrapper-middle {
    background: rgba(0, 0, 0, 0) url("../images/temprorary/tablet_bg.png") no-repeat scroll 0 0;
    border-radius: 14px 14px 0 0;
    height: 267px;
    padding: 26px 11px 0;
    width: 210px;
    z-index: 6;
    right: 60px;
    bottom: 0;
}

.b-top-section .b-img-wrapper-middle span {
    height: 250px;
}

.b-top-section .b-img-wrapper-small {
    background: rgba(0, 0, 0, 0) url("../images/temprorary/mobile_bg.png") no-repeat scroll 0 0;
    border-radius: 18px 18px 0 0;
    height: 182px;
    padding: 22px 5px 0;
    width: 110px;
    z-index: 7;
    right: 22px;
    bottom: 0;
}

.b-top-section .b-img-wrapper-small span {
    height: 150px;
}

/****/

.b-top-section__infos {
    padding: 30px 15px;
}

.b-top-section__infos hr {
    border-color: rgba(0, 0, 0, 0.08);
}

.b-top-section__infos h2 {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0 0 25px;
    padding: 0;
}

.b-top-section__infos h2 .b-icon {
    bottom: -3px;
    position: relative;
    margin-right: 5px;
}

.b-top-section__infos .add-to-collection {
    float: right;

    padding-left: 10px;
    padding-right: 10px;
}

.b-top-section__infos .b-info {
    color: rgba(0, 0, 0, 0.74);
    font-size: 0.92rem;
}

.b-top-section__infos .b-info > div {
    margin-bottom: 10px;
}

.b-top-section__infos .b-info b {
    color: rgba(0, 0, 0, 0.3);
}

.b-top-section__infos .b-info i {
    font-style: normal;
}

.b-top-section__infos .b-info i:after {
    content: ", ";
}

.b-top-section__infos .b-info i:last-child:after {
    content: "";
}

.b-top-section__infos .b-actions {
    padding: 10px;
}

.b-top-section__infos .b-actions .btn {

    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
    font-size: 13px;
}

/*** Parent */
.b-parent-info:after {
    content: "";
    display: block;
    clear: both;
}

.b-parent-info .b-screenshot {
    padding: 5px;
    float: left;
    margin-right: 15px;
}

.b-parent-info .b-screenshot.b-sm span {
    height: 80px;
}

.b-parent-info > div {
    display: inline-block;
}

.b-parent-info > div > div {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;

}

.b-parent-info > div > a {
    display: block;
    font-size: 1.2rem;
    padding-left: 17px;
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/* Begin: Collection Box */
#collection-box .modal-header {
    background: #eee;
    border-bottom: 1px solid #ddd;
}

#collection-box__body {
    min-height: 100px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
}

#collection-box__title {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

#collection-box__name {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#collection-box__loading {
    text-align: center;
}

#collection-box__loading span {
    display: block;
    margin-top: 10px;
}

#collection-box__listing ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#collection-box__listing li {
    margin: 0;

    border-bottom: 1px dotted #ddd;
    display: block;

    padding: 10px 15px;
    position: relative;

}

#collection-box__listing li:hover {

}

#collection-box__listing .collection-box__add-message {
    float: right;
    color: cornflowerblue;
    font-size: 12px;
    font-weight: bold;
    display: none;
}

#collection-box__listing a {
    color: #666;
    font-weight: 400;
}

#collection-box__listing a:hover {
    color: #000;
}

#collection-box__listing a.collection-box__add-to-collection:before {
    font-family: "FontAwesome";
    content: "\f067";
    margin-right: 10px;
    color: #999;
    width: 16px;
    display: inline-block;
}

#collection-box__listing a.collection-box__add-to-collection:hover:before {
    content: "\f00c";
    color: lightseagreen;
}

#collection-box__listing a.collection-box__add-to-collection.is-added {
    color: lightseagreen;
}

#collection-box__listing a.collection-box__add-to-collection.is-added:before {
    content: "\f00c";
    color: lightseagreen;
}

#collection-box__listing a.collection-box__add-to-collection.is-added:hover:before {
    content: "\f00d";
    color: indianred;
}

#collection-box__footer {
    padding: 15px;
}

#collection-box__create-messages {
    display: none;
}

#collection-box .modal-footer {
    background: #eee;
    border-top: 1px solid #ddd;
}

#collection-box .modal-footer a {
    float: left;
    font-size: 13px;
    text-decoration: underline;
    color: #3d9970;
    font-weight: 400;
}

#collection-box .modal-footer a i {
    margin-right: 5px;
}

/* End: Collection Box */
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*** Begin: main nav  ***/
#b-main-navigation {
    display: table;
    width: 100%;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 1;
}

.b-home-body #b-main-navigation .container-fluid {
    max-width: 1380px;
}

.b-theme-detail-body #b-main-navigation .container-fluid {
    max-width: 1170px;
}

#b-main-navigation > div > div {
    display: table-cell;
    vertical-align: middle;
}

.b-main-navigation__brand {
    width: 1%;
    white-space: nowrap;
}

.b-main-navigation__brand .bot-logo {

}

.b-main-navigation__brand .bot-logo {
    display: inline-block;
    height: 40px;

    line-height: 40px;
    color: #000 !important;
    font-family: "Roboto Slab", sans-serif;
    font-size: 22px;
    font-weight: 300;
    text-transform: lowercase;

}

.b-main-navigation__brand .bot-logo:hover {
    text-decoration: none !important;
    color: #333 !important;
}

.b-main-navigation__brand .bot-logo:before {
    background-color: transparent;
    background-image: url(/static/images/logo-icon.svg);

    background-position: center center;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 40px;

}

.b-main-navigation__brand .bot-logo > span {
    position: relative;
    top: -10px;
}

@media (max-width: 767px) {
    .b-main-navigation__brand .bot-logo span {
        display: none !important;
    }
}

/* main-links */
.b-main-navigation__main-links {
    width: 190px;

}

@media (max-width: 767px) {
    .b-main-navigation__main-links {
        display: none !important;
    }
}

.b-main-navigation__navs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.b-main-navigation__navs > li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.b-main-navigation__navs > li > a {
    padding: 0 15px;
    font-size: 15px;
    /*font-weight: 600;*/
    text-decoration: none !important;
    color: #111;
    /*color: #7f97a6;*/
}

.b-main-navigation__navs > li > a:hover {
    color: #000;
}

/* Search */

#b-main-navigation__search {
    display: table-cell !important;
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    #b-main-navigation__search {
        padding: 0;
    }
}

.b-main-navigation__search {

}

.b-main-navigation__search > div {
    position: relative;
    display: none;
}

.b-main-navigation__search > div .search-field {
    width: 100%;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.02);
    border-radius: 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0) inset;
    color: #666;
    font-size: 18px;
    font-weight: 400;
    height: 41px;
    padding: 0 20px;
}

.b-main-navigation__search > div .search-field:focus {
    outline: 0px solid rgba(252, 206, 1, 0.4);

}

.b-main-navigation__search > div .b-filter-toggle {
    background: #FCCE01 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    color: #7f6300;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    position: absolute;
    right: 7px;
    text-transform: uppercase;
    top: 6px;

}

.b-main-navigation__search > div .b-filter-toggle:focus {
    outline: 0px solid rgba(252, 206, 1, 0.4);

}

.b-main-navigation__search > div .b-filter-toggle b {
    margin-left: 5px;
}

.b-main-navigation__search > div .b-filter-toggle .fa-sliders {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

@media (max-width: 767px) {
    .b-main-navigation__search > div .b-filter-toggle b {
        display: none !important;
    }
}

/* other-links */
.b-main-navigation__other-links {
    width: 60px;
    text-align: right;

}

@media (max-width: 767px) {
    .b-main-navigation__other-links {
        display: none !important;
    }
}

.b-main-navigation__usernav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.b-main-navigation__usernav > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.b-main-navigation__usernav > li > a {
    padding: 0 15px;
    text-decoration: none !important;
    color: #666;
}

.b-main-navigation__usernav > li > a:hover {
    color: #000;
}

.b-main-navigation__usernav .user-image {
    border-radius: 50%;
    height: 24px;
    margin-right: 10px;
    margin-top: -2px;
    width: 24px;
}

.b-main-navigation__usernav .dropdown-menu {

    left: -110px;
}

.b-main-navigation__mobile-toggle {
    width: 50px;
    display: none !important;
    text-align: right;

}

@media (max-width: 767px) {
    .b-main-navigation__mobile-toggle {
        display: table-cell !important;
    }
}

#b-main-navigation .btn-top-oval {
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 600;
    border-color: #999;
    color: #999;
    background: none;
    margin-left: 10px;
}

/*** End: main nav  ***/
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/*** Begin: Mobile Menu ***/
#b-mobile-menu {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 15;
    background-color: #FAFAFA;
    opacity: 0;
    display: none;

}

#b-mobile-menu.visible {
    opacity: 1;
    display: block;
}

@media (min-width: 768px) {
    #b-mobile-menu.visible {
        opacity: 0;
        display: none;
    }
}

#b-mobile-menu .b-close {
    background: none;

    position: absolute;
    top: 1rem;
    right: 2rem;
    font-size: 2.4rem;
}

#b-mobile-menu > .b-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#b-mobile-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#b-mobile-menu ul > li {
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

#b-mobile-menu ul > li.b-style1 a {
    font-size: 18px;
    color: #666;
}

#b-mobile-menu ul > li.b-style2 a {
    font-size: 16px;
    color: #999;
}

/*** End : Mobile Menu ***/
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/**** Begin : Filter Section */
.b-filter-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    background: #FDFDFD;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

.b-filter-section > .b-inner {
    padding: 20px;

}

/*** Filters ***/
.b-filter-section .b-filters {

}

.b-filter-section .b-filters__list .b-inner {

    font-size: 0.96rem;
    padding: 0 0 20px 0;
}

.b-filter-section .b-filters__list h5 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    color: #3f677a;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
    font-weight: 700;

}

.b-filter-section .b-filters__list label {
    width: 100%;
    font-weight: 400;
    margin-bottom: 2px;
    color: rgba(0, 0, 0, 0.75);
    cursor: pointer;

}

.b-filter-section .b-filters__list label input[type="checkbox"] {
    margin-right: 5px;
}

.b-filter-section .b-filters__list label .filter-count {
    float: right;
    color: #999;
    font-weight: 300;
}

.b-filter-section .b-filters__list label .b-icon {
    position: relative;
    top: 3px;
}

.b-filter-section .b-filters__list .ais-body {
    overflow-x: hidden;
    padding: 0 5px;
}

.b-filter-section .b-filters .b-show-more::before {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #FDFDFD 0%, rgba(255, 255, 255, 0)) repeat scroll 0 0;
    content: "";
    display: block;
    height: 28px;
    margin-bottom: -28px;
    position: relative;
    top: -28px;
    width: 100%;
    z-index: 5;
}

.b-filter-section .b-filters .b-show-more.b-show-more-less::before {
    display: none;
}

.b-filter-section .b-filters .b-show-more span {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #337ab7;
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
}

.b-filter-section .b-filters .b-show-more.b-show-more-less span {
    margin-top: 10px;

}

/**** End : Filter Section */
/* Begin: Filter Second */
.b-filter-second {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.04);
    border-top: 4px solid rgba(0, 0, 0, 0.05);

}

.b-filter-second > .b-inner {

}

.b-filter-second #stats-container {
    color: rgba(0, 0, 0, 0.3);
    height: 34px;
    line-height: 34px;
    text-align: right;
    font-style: italic;
    font-size: 12px;
    display: inline-block;

    margin-left: 30px;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .b-filter-second #stats-container {
        display: none;
    }
}

.b-filter-second .b-filter-sorting {
    text-align: right;
}

.b-filter-second .b-filter-sorting > a {
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 600;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}

/* End: Filter Second */
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/* Login Popup*/
.login-msg {

}

.login-box-socials {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.login-box-socials li {
    margin-bottom: 5px;
    text-align: center;

}

.login-box-socials .or-seperator {
    text-align: center;
    padding: 10px;

}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/