.gallery-header {
    padding-bottom: 0px;
    z-index: 200;
    width: 100%;
    background: transparent url('../images/bg_adgallery.jpg') no-repeat;

    background-position-y: 72%;
    padding: 0px 0px !important;
    color: #fff;

}

#try-for-free-btn {
    padding: 13px 32px;
}

.gallery-header-main {
    text-align: center;
    padding: 38px 0px 51px 0px;
}

.gallery-header-main h1 {
    margin-bottom: 5px;
    color: #fff;
    font-weight: bold;
}

.gallery-header-main p.lead {
    font-weight: bold;
    font-size: 17px;
}

footer.footer {
    background: #333;
    color: #fff;
    /* padding:4rem 0; */
}

.footer i {
    color: #fbc658;
}



#header-import {
    background: #fff;
}

#header-import.loaded {
    min-height: unset;
}

#header-import .dropdown-pane,
.mobile-nav {
    z-index: 999 !important
}

.underline {
    display: inline-block;
    border-bottom: 2px solid #fbc658;
}


.btn-knx-orange {
    background: #ffc000;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 300px !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1)
}

header .top-header {
    padding: 10px 0 !important;
}

header ul.level-1 {
    margin-bottom: 10px;
}

.industry-content-filter {
    background: #f2f2f2;
    padding: 0 0 0 0 !important;
}

.gallery-content {
    background: #fff;
}

a.carousel-control {
    text-shadow: unset;
    color: #7d7d7d !important;
    font-size: 40px !important;
}

@media (max-width: 768px) {

    .item__element {
        margin: 8px 0px !important;
    }
}

.industry-holder {
    cursor: pointer;
}

.industry-holder .industry-details .circle {
    border-radius: 50%;
    width: 95px;
    height: 95px;
    margin-top: 7px;
    margin-left: 12px;
    background-color: #FFF;
    border: 2px solid #f6f6f6;
    background-repeat: no-repeat;
    background-position: center center;
    display: table;

}

.industryName {
    display: none;
}

.industry-holder.active .industry-details .circle {
    background-color: #ffeecc;
    border: 2px solid #fbc658;
}

.industry-holder .industry-details .circle[data-icon-name],
.industry-holder .industry-details .circle[data-icon-name='All'] {
    background-image: url('../images/industry-icons/icon_1.png');
}

.industry-holder .industry-details .circle[data-icon-name='Health & Fitness'] {
    background-image: url('../images/industry-icons/icon_3.png');
}

.industry-holder .industry-details .circle[data-icon-name='Personal Finance'] {
    background-image: url('../images/industry-icons/icon_5.png');
}

.industry-holder .industry-details .circle[data-icon-name='Travel'] {
    background-image: url('../images/industry-icons/icon_2.png');
}

.industry-holder .industry-details .circle[data-icon-name='Real Estate'] {
    background-image: url('../images/industry-icons/icon_4.png');
}

.industry-holder .industry-details .circle[data-icon-name='Shopping'],
.industry-holder .industry-details .circle[data-icon-name='Retail'] {
    background-image: url('../images/industry-icons/icon_6.png');
}

.industry-holder .industry-details .circle[data-icon-name='Automotive'] {
    background-image: url('../images/industry-icons/icon_7.png');
}

.industry-holder .industry-details .circle[data-icon-name='Consumer Goods'] {
    background-image: url('../images/industry-icons/icon_8.png');
}

.industry-holder .industry-details .circle[data-icon-name]:hover .industryName {
    display: table-cell;
    vertical-align: middle;
}

.industry-holder .industry-details .circle[data-icon-name]:hover {
    content: attr(data-icon-name);
    position: absolute;
    text-align: center;
    font-size: 1em;
    font-weight: bolder;
    background-color: white;
    background-image: none;
    color: #fbc658;
    border: 2px solid #fbc658;
}

.industry-details .industry-name>a {
    color: #333;
    text-align: center;
    font-size: 1em;
    font-weight: normal
}

.industry-holder.active .industry-details .industry-name>a {
    font-size: 1em;
    font-weight: bold;
}

.blog-post-item .btn.btn-knx-orange {
    border-radius: 100px !important;
}

.blog-post-item {
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.blog-post-item h2 {
    padding: 10px 0px;
    line-height: 25px;
    margin: 0px;
    height: 70px;
}

.blog-post-item figure {
    text-align: center;
    min-height: 176px;
}

.blog-post-item figure img {
    max-height: 176px;
}

/* styles for '...' */
.blog-post-item p {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.5em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 4.5em;
    /* fix problem when last visible word doesn't adjoin right side  */
    /*text-align: justify;*/
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
    /*word-spacing : -3px;*/
}

.blog-post-item p b {
    font-weight: 900;
}

.blog-post-item p:nth-child(n+2) {
    display: none;
}

/* create the ... */
.blog-post-item p:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
.blog-post-item p:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}

.blog-post-item .btn {
    width: 195px;
    margin: 10px auto;
    display: block;
}

.blog-post-item:hover {
    border: #FFCF00 1px solid;
    cursor: pointer;
}

/* Added by Snehal */
.gallery-content-color {
    background: #FFF;
}

.request-demo-text {
    text-align: center;
    font-size: 2.2em;
    font-weight: bold;
    color: #fff;
    /* margin-left:2rem; */
    margin-top: 4.5rem;
}

.request-demo-button {
    background: #3677ff;
    color: #fff;
    border-radius: 100px !important;
    font-weight: bold;
    font-size: 1.6em;
    margin: 3.5rem 0;
    /* float: left; */
    padding: 2rem 3rem;
}

/* @media (min-width : 768px) and (max-width : 873px){
    .request-demo-button {
        margin-top: 3.5rem; 
        float: none;
        font-size: 1.5em;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .request-demo-text{
        font-size: 1.6em;
        margin: 3.5rem 0;
    }
} */

@media(max-width: 500px) {
    .request-demo-text {
        font-size: 2em;
    }

    .request-demo-button {
        margin-top: 0;
        float: none;
        font-size: 1.5em;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media (min-width: 500px) and (max-width : 767px) {
    .request-demo-button {
        margin-top: 0;
        float: none;
        font-size: 1.5em;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

}

@media (min-width : 874px) and (max-width : 940px) {
    .request-demo-button {
        margin: 3.5rem 0;
    }

    .request-demo-text {
        margin-top: 4.5rem;
    }
}

#msg-container {
    text-align: center;
}

#preloader {
    background: #000d;
}

#preloader span.loader {
    border-top: 2px solid rgba(255, 207, 0, 0.08);
    border-right: 2px solid rgba(255, 207, 0, 0.08);
    border-bottom: 2px solid rgba(255, 207, 0, 0.08);
    border-left: 2px solid rgba(255, 207, 0, 0.7);
}

#item-container.unloaded img {
    opacity: 0.6;
}

#item-container.unloaded .placeholder-name {
    margin: 2rem 0;
}

#item-container.unloaded .placeholder-name span,
#item-container.unloaded .placeholder-btn span {
    display: inline-block;
    background: #eee;
    color: #eee;
}

#item-container.unloaded .placeholder-btn span {
    font-size: 1.5em;
    border-radius: 100px;
}




/***
gallery-item.html :

***/

section.alternate {
    background: #fff !important;
}

.adpreview-item {}

.adpreview-item:hover {}

.adformat-name {
    display: block;
    padding: 1rem 1.7rem;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    border: 2px solid #fbc658;
    border-radius: 100rem;
    margin: 2rem 1.2rem;
    font-family: 'Martel Sans',
        sans-serif;
}

.adformat-name.active {
    background: #ffeecc;
    font-weight: bold;
}

.adformat-select {
    display: block;
    padding: 1rem 1.7rem;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border: 2px solid #fbc658;
    border-radius: 100rem;
    margin: 2rem 1.2rem;
    font-family: 'Martel Sans',
        sans-serif;
    background: #ffeecc;
}

#adpreviews-container {
    display: flex;
}

.adpreviews-column {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    width: calc(25% - 20px);
    margin: 10px;
}

.adpreviews-column .adpreview-item {
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

.adpreview-item img {
    max-width: 100%;
}

#desktop-row {
    display: block;
}

#mobile-row {
    display: none;
}

.format-selector {
    display: block;
    padding-top: 20px;
    margin: 0 20%;
    margin-bottom: -40px;
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
    border: 1px solid #fbc658 !important;
}

@media (max-width: 768px) {

    #adpreviews-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .adpreviews-column {
        width: 100%;
    }

    .footer-wrapper>.row {
        flex-direction: column;
    }

    .footer-wrapper .logo-col img {
        width: 50% !important;
    }

    #desktop-row {
        display: none;
    }

    #mobile-row {
        display: block;
    }

    .carousel .item .item__element {
        width: auto;
    }

    #header-import>header {
        width: auto !important;
    }

    .footer-wrapper {
        width: auto !important;
    }

    .credit-responsive {
        align-items: center !important;
    }
}

#header-import>header {
    display: flex;
    width: 1230px;
    margin: 18px auto 0 auto;
    align-items: baseline;
    justify-content: space-between;
}

header .logo,
header .logo img {
    max-width: 176px;
}

ul.menu {
    list-style: none;
    display: flex;
    align-items: center;
}

ul.menu>li {
    display: block;
    position: relative;
    padding: 13px 20px;
    line-height: 20px;
    border: 3px solid transparent;
    border-width: 0 0 3px 0;
}

ul.menu li a {

    text-transform: uppercase;
    color: #000;
    font-family: 'Martel Sans', sans-serif;
    font-weight: 700;
}

ul.menu>li:hover {
    border: 3px solid #61ce70;
    border-width: 0 0 3px 0;
}

ul.menu li ul {
    background: #ffd401;
    color: #000;
    padding: 0;
    margin: 0;

    position: absolute;
    top: 51px;
    display: none;
    z-index: 999;
    list-style: none;
    margin-left: -20px;
    min-width: 260px;
}

ul.menu li:hover ul {
    display: block;
}

ul.menu li ul li a {
    display: block;
    padding: 1rem 3rem;
    font-weight: 300;
}

ul.menu li ul li a:hover {
    background: #000;
    color: #ffd401;
}

@media (max-width: 767px) {

    .request-demo-text {
        display: block;
        margin: 10px auto;
    }
}

.last {
    margin-left: 50px;
}


.footer-wrapper {
    width: 1230px;
    margin: 0 auto;
}

#footer-import {
    background: #2d4754;
}

#footer-import .footer {
    background: transparent;
}

#footer-import .col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-import .col ul li {
    padding-bottom: 0.5rem;
}

#footer-import .col ul li a {
    color: #c9c9c9;

}

.certs img {
    height: 60px;
    width: auto !important;
}

#credits {
    background: #21353d;
    padding: 1rem 0;
    font-size: 14px;
}

#credits h3 {
    font-size: 14px;
    color: #fff;
    margin: 0;
}

#credits a {
    color: #c9c9c9;
}

#credits a:hover {
    color: #ffd401;
}

#credits .social a {
    font-size: 22px;
    margin-right: 22px;
}

.footer-wrapper>.row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4rem 0;
}

#credits .row {
    margin: 1rem 0;
}

#credits .row .col:nth-child(2) {
    text-align: right;
}

.footer-wrapper>.row>.col {
    flex: 1 1 0px;
    margin-right: 40px;
}

.footer-wrapper>.row>.col:last-child {
    margin-right: 0;
}

.footer-wrapper h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 1rem;
}

.footer-wrapper .col img {
    width: 100%;
}


.pager.gallery-adv li>a.next-prev {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border-radius: 0px;
    font-weight: bold;
    background: #ffc000;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 300px !important;
}


.pager.gallery-adv li>a.next-prev:hover {
    color: #000;
}

.pager.gallery-adv li:first-child {
    margin-right: 3rem;
}

/* #footer-import .elementor-inner {
    width: 1230px;
    margin: 0px auto;
}

#footer-import .elementor-row {
    display: flex;
}

#footer-import>footer>div>div>section.elementor-element.elementor-element-8385b9c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section>div>div>div>div>div>section.elementor-element.elementor-element-92ee81e.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-inner-section>div>div>div.elementor-element.elementor-element-9e699bb.elementor-column.elementor-col-20.elementor-inner-column {
    max-width: 311px;
}

#footer-import>footer>div>div>section.elementor-element.elementor-element-8385b9c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section>div>div>div>div>div>section.elementor-element.elementor-element-92ee81e.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-inner-section>div>div>div.elementor-element.elementor-element-9e699bb.elementor-column.elementor-col-20.elementor-inner-column img {
    width: 100%;
} */

/**** 
** Slider CSS 
****/
@media (min-width :480px) and (max-width: 570px) {

    .industry-holder .industry-details .circle {
        margin-left: 2px;
    }

    .industry-details .industry-name {
        padding-top: 2px;
        margin-right: 15px;
    }
}

@media (min-width :401px) and (max-width: 480px) {

    .industry-holder .industry-details .circle {
        width: 95px;
        height: 95px;
        margin-left: -22px;
    }

    .industry-content-filter .carousel-control {
        margin-top: 90px;
    }

    .industry-details .industry-name {
        padding-top: 2px;
        margin-right: 50px;
        margin-left: 0px;
    }
}

@media (min-width :340px) and (max-width: 480px) {

    .industry-holder .industry-details .circle {
        width: 95px;
        height: 95px;
        margin-left: 0px;
    }

    .industry-details .industry-name {
        padding-top: 2px;
        margin-right: 0px;
        margin-left: 35px;
    }

    .industry-content-filter .carousel-control {
        margin-top: 100px;
    }

    .industry-holder {
        width: 115px;
        height: 115px;
    }

    .industry-details .industry-name>a {
        font-size: 1.0em;
    }

    .industry-details .industry-name {
        padding-top: 2px;
        margin-right: 0px;
        margin-left: 30px;
    }
}

@media (max-width : 340px) {
    .industry-holder .industry-details .circle {
        width: 95px;
        height: 95px;
        margin-left: -10px;
    }

    .industry-details .industry-name {
        padding-top: 2px;
        margin-right: 0px;
        margin-left: -0px;
    }

    .industry-content-filter .carousel-control {
        margin-top: 100px;
    }

    .industry-details .industry-name>a {
        font-size: smaller;
    }

    .industry-holder {
        width: 115px;
        height: 115px;
    }
}

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

    .industry-holder .industry-details .circle {
        border-radius: 50%;
        width: 95px;
        height: 95px;
        margin-left: 12px;
    }
}


/**
* 4 July, import footer from knx website
**/
footer .footer-links h5 {
    color: #ccc;
}

footer .kos {
    font-family: 'robotolight', sans-serif !important;
}