html{
     scroll-behavior: smooth;
}
body {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
    color: #464444
}
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

a {
    color: #464444
}
a:hover {
    text-decoration: none
}
p {
    font-size: 15px;
    line-height: 22px
}

h1 {
    font-weight: bold;
    font-size: 31px;
    line-height: 37px
}

img {
    max-width: 100%;
}
    width: 50%;
select:focus {
    outline-offset: unset;
    outline: none
}

input:focus {
    border-color: 2px solid #E4EDEC !important;
    box-shadow: none !important
}

section {
    margin-bottom: 75px
}

.container-lg{
    max-width:1400px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.cleafix{
    clear: both;
}

.bg-black {
    background-color: #212D23
}
.bg-offwhite{
    background-color: #F6F6F6   
}
.scroll-down{
}

.border-bottom {
    border-bottom: 2px solid #BEE3D9 !important;
    margin-bottom: 40px
}


.show-in-mobile {
    display: none !important
}


.modal-backdrop.show {
    opacity: 1;
}
.modal-backdrop {
    background-color: rgb(33,45,35, 0.9) ;
    z-index: 1045;
}


.pagination {
    position: relative;
    display: inline-block;
    width: 100%
}

.pagination li {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    float: left
}

.pagination li.page-item.active a{
    border: 1px solid #00556D;
    background-color: #00556D;
    color: #fff
}

.pagination li.page-item:hover a {
        border: 1px solid #BEE3D9;
    background-color: #BEE3D9;
    color: #EF462C
}


.pagination li:first-child {
    margin-right: 74px
}

.page-item:first-child .page-link{
        margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination li:first-child a {
    transform: rotate(180deg)
}

.pagination li:first-child,
.pagination li:last-child {
    position: absolute;
    right: 0
}

.pagination li a {
    height: 75px;
    width: 75px;
    justify-content: center;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    color: #EF462C;
    font-size: 18px;
    font-weight: bold;
    transition: .5s ease-in-out
}
.page-item:last-child .page-link{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

form .inner-title {
    margin-bottom: 40px
}

form label {
    color: #464444;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    /* text-transform: capitalize*/
}


form .form-group input {
   color: #464444;
    font-size: 14px;
    line-height: 21px;
    padding: 30px 25px;
    border-radius: 0;
    border: 1px solid #BEE3D9;
}

textarea.form-control{
    padding: 30px;
    border-radius: 0;
    border: 1px solid #BEE3D9;
    
}

.form-control:focus{
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

form .form-group input[type=checkbox] {
    color: #464444;
    font-size: 14px;
    line-height: 21px;
    padding: 30px 25px;

}
.custom-control-label {
    vertical-align: baseline;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
    }
.custom-control-label a{
    color:#EF462C;
    text-decoration:underline;
}

.custom-control-label::after {
    width: 1.2rem;
    height: 1.2rem;
}
.custom-control-label::before{
    width: 24px;
    height: 24px;
    border: #E4EDEC solid 2px;
    border-radius: 0px !important;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #464444;
    border: #adb5bd solid 2px;
    background-color: #fff;
     width: 24px;
    height: 24px;
}
.custom-control-label::after{
        background: no-repeat 50%/69% 70%;
        color: #415365;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("../images/mask.svg");
     width: 24px;
    height: 24px;
}

.dropdown {
    display: inline-block;
    float: right;
    max-width: 265px;
    width: 100%
}



.dropdown select {
    display: inline-block;
    width: 100%;
    padding: 0;
    color: #E4631B;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.8px;
    background: transparent;
    border: 1px solid #E4631B;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    border-radius: 0px !important;
    text-indent: 21px;
}

.btn-downdrop{
    display: inline-block;
    width: 100%;
    padding: 0;
    color: #E4631B;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.8px;
    background: #fff;
    border: 1px solid #BEE3D9;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    border-radius: 0px !important;
    text-indent: 21px;
    text-align: left;
}
.dropdown-toggle::after {
    margin-right: 0px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    text-align: right;
    float: right;
    margin-top: 11px;
}
.dropdown-menu.show {
    display: block;
    width: 100%;
    border: 1px solid #BEE3D9;
    border-radius: 0px !important;
    margin:0;
    padding:0;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0 1.5rem;
    clear: both;
    font-weight: 400;
    color: #E4631B;
    font-size: 11px;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    line-height: 40px;
}


 .page-head {
            -ms-flex-align: center;
            align-items: center;
            background-color: #ffff;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            color: #fff;
            display: -ms-flexbox;
            display: flex;
            max-width: 100%;
            min-height: 100vh;
            overflow: hidden;
            padding: 80px 0;
            position: relative;
            width: 100vw;
            margin:0 
        }

        
        .page-head__mobilebg {
            min-height: 100vh;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            position: absolute;
            width: 100vw;
            z-index: 1;
        }


.main-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100vh;
    vertical-align: top
}



.banner-content {
    position: absolute;
    width: 100%;
    z-index: 10;
    bottom: 60px;
}




.banner-content .banner-advertisement {
    display: block;
    background: #fff;
    width: 100%;
    
}

.banner-content .banner-advertisement small {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    color: #464444;
}

 .banner-content .banner-advertisement small.top{
        display: none;
        margin-bottom: 10px;
    }
    .banner-content .banner-advertisement small.bottom {
        display: block;
    }



.banner-content .banner-advertisement .advertisement {
    display: block;
    width: 78%;
    float: left;
    
}
/*
.banner-content .banner-advertisement .advertisement:hover {
    background: #F6F6F6    
}
*/

.banner-content .banner-advertisement .advertisement .ad-img {
    display: block;
    width: 109px;
    float: left;
    margin: 10px;
}
.banner-content .banner-advertisement .advertisement .ad-img img{
    max-width: 100%
}

.banner-content .banner-advertisement .advertisement .about-ad {
    display: block;
    width: 80%;
    padding: 41px 20px 0px;
    float: left;    
    }


.banner-content .banner-advertisement .advertisement .about-ad h3 {
    color: #EF462C;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    align-self: flex-end
}


.banner-content .banner-advertisement .ad-right-content {
    display: block;
    width: 22%;
    float: right;
    padding: 25px 20px 25px 0px;
    border-left: 1px solid #BEE3D9;
    
}
/*
.banner-content .banner-advertisement .ad-right-content:hover {
    background: #F6F6F6    
}
*/

.banner-content .banner-advertisement .equal-ad-btns {
    display: inline-flex;
    flex-wrap: wrap;
    width: 23%;
    border-right: 2px solid #f2f2f2
}


.banner-content .banner-advertisement .download-btn {
    display: inline-flex;
    flex-wrap: wrap;
    color: #E4631B;
    text-align: center
}

.banner-content .banner-advertisement .download-btn a {
    align-self: flex-end;
    display: block;
    margin: 10px auto 0
}

.banner-content .banner-advertisement .download-btn small {
    align-self: flex-end;
    padding-bottom: 20px
}

.banner-content .banner-advertisement .next-prev-btn {
    border-right: none;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 20%
}

.banner-content .banner-advertisement .next-prev-btn .btn-next {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center
}

.banner-content .banner-advertisement .next-prev-btn .btn-next:first-child {
    border-bottom: 2px solid #f2f2f2
}

.banner-content .banner-advertisement .next-prev-btn .btn-next small,
.banner-content .banner-advertisement .next-prev-btn .btn-next i {
    align-self: center
}

.banner-content .banner-advertisement .next-prev-btn .btn-next small {
    padding: 0 7px
}

.banner-content .banner-advertisement .next-prev-btn .btn-next i {
    font-size: 34px;
    color: #E4631B
}


.banner-content .banner-advertisement .leader {
    float: right;
}



.banner-content .banner-advertisement .leader .about-leader {
    width: 58%;
    padding: 16px 0 0 20px;
}

.banner-content .banner-advertisement .leader .about-leader small {
    display: block;
    width: 100%;
}


.banner-content .banner-advertisement .leader .about-leader .leader-numbers {
    font-size: 19px;
    font-weight: 600;
    color: #EF462C;
}

.banner-content .banner-advertisement .leader .about-leader .leader-numbers span {
    width: 20px;
    display: inline-block;
}

.banner-content .banner-advertisement .leader .leader-icon {
    display: block;
    margin: 0 auto;
    width: 50%;
    max-width: 79px;
}

.banner-content .banner-advertisement .leader .leader-icon img {
    margin: 0 auto;
    width: 100%;
}

.banner-content.arcticles {}
.banner-content.arcticles h3{
    color:#fff;
    font-size:10px;
    line-height:12px;
    letter-spacing:1px;
    font-weight: bold;
}
.banner-content.arcticles h1{
    margin-bottom:10px;
}
.banner-content.arcticles p{
    color:#fff;
    font-size:10px;
    line-height:12px;
    letter-spacing:1px;
    font-weight: bold;
}





.three-column-grid {
    display: inline-block;
    width: 100%
}

.three-column-grid .each-project {
    display: inline-block;
    width: calc(33.33% - 14px);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    height: 220px;
    overflow: hidden
}

.three-column-grid .each-project:nth-child(3n) {
    margin-right: 0
}



.three-column-grid .each-project img {
    display: block;
    margin: 0 auto;
        min-height: 220px;
}

.btn {
    position: relative;
    border-radius: 30px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0eb2e8+0,2ba481+100 */
    background: rgb(14,178,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(14,178,232,1) 0%, rgba(43,164,129,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(14,178,232,1) 0%,rgba(43,164,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(14,178,232,1) 0%,rgba(43,164,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eb2e8', endColorstr='#2ba481',GradientType=0 ); /* IE6-9 */

    box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.15);
    padding: 11px 27px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    transition: inherit;
}


.btn:hover {
    background: #0EB2E8;
    color: #fff
}
.btn:active {
    background: #00A471;
}
.btn:focus {
    box-shadow: 0 0 0 2px #00B0FF, 0 0 0 3px #00B0FF
}
.btn:focus {
    outline: 0px solid #00B0FF
}

.btn.disabled, .btn:disabled {
    background: #BEE3D9;
    opacity: 1;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0);
}





.btn.btn-transparent {
    background: #fff;
    color: #2BA481;
    border: 1px solid #2BA481
}

.btn.btn-transparent:hover {
    box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.15);
    background: #0EB2E8;
    color: #fff;
    border: 1px solid #0EB2E8;
}

button:focus {
    outline: none
}

header { 
    height: 157px;}
header.transparent {
    position: absolute;
    z-index: 1041;
    width: 100%;
    max-height: 157px;
}
header .main-header .container{
    position: relative;
}
header .main-header {
    display: inline-block;
    width: 100%;
    max-height: 157px;
    min-height: 157px;
}

header .main-header .header-logo {
    display: inline-block
}

header .main-header .logo {
    /*display: inline-block;
    width: 100%;
    max-height: 157px;*/
    
}
header .main-header .logo a{
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    display: block;
    width: 226px;
    height: 157px;
    background-size: 186px;
    background-position: 20px;

}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    transition: 0.5s ease-out;
}
.sticky + .content {
    padding-top: 102px;
}

.header{
    background: #fff;
    height: 90px;
    z-index: 2;
    border-bottom: 1px solid #D4D2D4;
        position: fixed;
    transition: 0.5s ease-out;
    width: 100%;
}
.header .logo{
    height: 39px;
    width: 260px;
    background: none;
    margin: 25px 0 0;
    padding: 0px;
}
.header .logo a {
    background-image: url(../images/mobilelogo.png);
    background-repeat: no-repeat;
    display: block;
    height: 39px;
    width: 260px;
    background-size: 260px;
    background-position: 0;
}

.header h2{
    text-align: center;
    padding-top: 36px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
/*
body.page-project-detail .navbar-toggle{
    top: 9px;
    height: 70px;
    width: 70px;
    padding: 20px 0 0 20px;
}
*/
body.page-project-detail.page-explore-projects .navbar-toggle{
    top: 9px;
    height: 70px;
    width: 70px;
    padding: 20px 0 0 20px; 
}
body.page-project-detail.page-explore-projects .header{
    top: 0px;
}

.header.sticky{

}
.header.sticky .logo {
    transition: 0.5s ease-out;
}
.header.sticky .logo a {
 
}

.header.sticky h2{

}
.project-detail-page .navbar-toggle {
    top:0;
    transition: 0.5s ease-out;
}

.logo {
    display: block;
    left: 40px;
    width: 226px;
    height: 157px;
    position: absolute;
    z-index: 2;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ba481+0,0eb2e8+100 */
    background: rgb(43,164,129); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(43,164,129,1) 0%,rgba(14,178,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(43,164,129,1) 0%,rgba(14,178,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba481', endColorstr='#0eb2e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.logo a{
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    display: block;
    width: 226px;
    height: 157px;
    background-size: 186px;
    background-position: 20px;

}



.main-menu li:hover .submenu {
    max-height: 1000px;
    visibility: visible;
}

.main-menu li:hover .submenu:hover::before {
    display: none
}

.menu-open nav {
    opacity: 1;
    visibility: visible;
    opacity: 1 !important;
    right: 0px;
    top: 0;
    z-index: 9;
    
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

.menu-open nav .toggle-menu {
        position: relative;
    visibility: visible !important;
    border: 1px solid #fff;
    padding: 34px 0 0 0;
    top: 15px;
    background: #fff;
    right: 15px;
    

    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

.menu-open nav .toggle-menu span {
     transition: .5s ease-in-out 
}

.menu-open nav .toggle-menu span:first-child {
    transform: rotate(50deg);
    margin-top: 0px;
    transition: 0.8s ease-in;
    max-width: 38px;
}

.menu-open nav .toggle-menu span:nth-child(2) {
    visibility: hidden;
    transition: 0.1s ease-in; 
}


.menu-open nav .toggle-menu span:nth-child(3) {
    transform: rotate(130deg);
    margin-top: -28px;
    max-width: 38px;
}

.menu-open .open nav .toggle-menu.open {
    visibility: visible
}








.menu-open .open .icon::after,
.menu-open .open .icon::before {
    color: #fff !important
}

.toggle-menu {
    visibility: visible;
    opacity: 1;
    height: 90px;
    width: 90px;
    float: right;
    background-color: #fff;
    padding: 30px 10px;
    cursor: pointer;
    z-index: 99;
    margin: 30px 0;
    border: 1px solid #BEE3D9;
}


.toggle-menu span {
    height: 2px;
    max-width: 30px;
    background-color: red;
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
    width: 100%;
}

.toggle-menu span:nth-child(2) {
       background-color: transparent;
    height: unset;
    font-size: 10px;
    font-weight: bold;
    line-height: 26px;
    text-transform: uppercase;
}

header nav ul:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    visibility: hidden;
    border-radius: 5px;
    transform: scaleX(0);
    transition: .25s linear
}

header nav ul .submenu>a:before {
    display: none !important
}

.menu-open .toggle-menu {
    visibility: hidden
}

.menu-open .content-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: -1;
    background-color: rgba(33, 45, 35, 0.9);
    display: block;
    transition: 0.6s ease-out
}

.title {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 36px
}


.title.white-title {
    color: #fff
}

.title h3 {
    margin-bottom: 0;
    font-size:24px;
    font-weight:600;
}


.small-banner h1 {
    font-size: 60px;
    line-height: 78px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}
.small-banner h1 sup{
    font-size: 18px;
    top: -30px;
    
}
.small-banner p{
    color:#fff;
    font-size: 10px;
    line-height: 12px;
}
.small-banner p span{
    color:#fff;
    
}
.small-banner.not-found{
    color:#fff
}
.small-banner.not-found p{
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    }
.small-banner.not-found p span{
    color:#fff
}

body.page-project-detail .small-banner p {
        color:#fff;
    font-size: 16px;
    line-height: 24px;
}

body.page-project-detail .small-banner small p {
    color:#fff;
    font-size: 10px;
    line-height: 12px;
}


.small-banner.bg-black.nomargin p{
    /*
    font-size: 10px;
    line-height: 12px;
    */
    font-size: 60px;
    line-height: 78px;

    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 2px;
}

.inner-title {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    /* text-transform: capitalize;*/
    margin-bottom: 0
}

.policy-title {
    color: #464444;
    font-size: 60px;
    font-weight: 600;
    line-height: 78px;
    margin-bottom: 50px;
}

.home-banner .owl-dots,
.home-banner .owl-nav {
    display: none
}






.each-project {
    position: relative;
}
.each-project-content {
    position: absolute;
    visibility: hidden;
    /* transition: .5s ease-in-out;*/
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    /*border: 4px solid #f00;*/
    text-align: center;
        cursor: pointer;
}
.each-project:hover .each-project-content p {
    align-self: center;
    margin: 40px 0 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212D23;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
}

.each-project:hover .each-project-content p.title {
    margin: 0 !important;
    color: #464444;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    padding: 0 !important;
}
.each-project:hover .each-project-content {
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    visibility: visible;
    padding: 5px 10px;
    background: rgba(255,255,255,.7);
    color: white;
    font-size: 14px;
}
.four-column-grid .each-project {
    z-index: 0; 
}


.project-listing {
    display: inline-block;
    width: 100%;
    padding: 55px 0 190px
}

.project-listing .title {
    display: block;
    
}
.project-listing .title h3{
    text-align: center;

}

.project-listing .selection-content {
    display: inline-block;
    width: 100%
}
.explore-projects p.no-projects{
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #464444;
    font-weight: bold;
}
.project-listing.home {
    background: #f6f6f6;
}

.project-listing.home .supplier-dropdown{
        max-width: 30%;
}


.four-column-grid {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px
}

.four-column-grid .each-project {
    display: inline-block;
    width: calc(25% - 9px);
    height: 210px;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    float: left
}

.four-column-grid .each-project:nth-child(4n) {
    margin-right: 0
}


.four-column-grid .each-project img {
    max-width: 100%;
    object-fit: cover;
    object-position: center
}

.submit-project .join-project {
    font-size: 14px;
    line-height: 48px;
    font-weight: 500;
    display: inline-block;
    color: #464444;
    margin-right: 20px;
    margin-bottom: 0;
}

.banner-popup {
    position: absolute;
    top: 0;
    right: 50%;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0
}

.banner-popup div i {
    font-size: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    width: 25px;
    display: block;
    margin: 0 auto;
    padding: 1px 5px;
    border: 2px solid #E4631B
}

body.modal-open .banner-popup {
    z-index: unset
}

.small-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 70px;
    max-height: 630px;
    overflow: hidden
}
.small-banner.nomargin{
    margin: 0;
    display:block;
}

.small-banner img{
    width:100%;
}

.small-banner::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    z-index: 1;
    content: ''
}

.small-banner .banner-content {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    transform: translateY(0px);
    text-align: center;
    width: 100%;
    max-width: 900px;
    z-index: 9;
}
.small-banner .banner-content img{
    margin-top: 100px;
    width: 17px;
    height: 43px;
}


.small-banner .banner-content small {
        text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.events {
    display: inline-block;
    width: 100%
}

.events .upcoming-events,
.events .past-events {
    display: inline-block;
    width: 100%;
    padding-bottom: 140px
}


.events-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    color: #00A471;
    text-transform: capitalize;
    letter-spacing: normal
}

.each-event {
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #BEE3D9
}
.each-event:first-child {
    border-top: 0px solid #BEE3D9
}
.each-event:last-child {
    padding-bottom: 0;
    border-bottom: 0 solid #BEE3D9
}

.each-event .event-image {
    max-width: 350px;
    overflow: hidden
}
.each-event .event-image img{
        width: 100%;
        margin: 0 auto;
        display: block;
        
    }

.each-event .event-content {
    
}


.each-event .event-content .about-event {
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.each-event .event-content .about-event .event-date,
.each-event .event-content .about-event .event-place {
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 1px;
    color: #464444;
    font-weight: bold;
    text-transform: uppercase;
}

.each-event .event-content .about-event .event-place {
    position: relative;
    padding-left: 20px
}

.each-event .event-content .about-event .event-place::after {
    position: absolute;
    height: 13px;
    width: 12px;
    display: inline-block;
    background-image: url("../assets/images/slash.svg");
    content: '';
    background-size: cover;
    left: 0
}

.each-event .event-content .event-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: normal;
    color: #464444;
    margin-bottom: 20px
}


.each-event .event-content .event-detail {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #464444;
    font-weight: normal;
    margin-bottom: 30px
}

.each-event .event-content .visit-website {
    color: #EF462C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 0;
   
}
.each-event .event-content .visit-website a{
    color: #EF462C;
    text-transform: none;
    cursor: pointer;
    text-transform: uppercase;
    }
.each-event .event-content .visit-website a:hover{
    text-decoration: underline;
    color: #B44534
    }

.each-event .event-favourite {
        padding-top: 0;
}
.each-event .event-favourite span.heart {
    height: 24px;
    width: 27px;
    background-image: url(../assets/images/slash.svg);
    float: right;
    display: block;
    margin: 0 0 20px;
}
.each-event .event-favourite span.heart.full{
    background-image: url("../assets/images/slash.svg");
}
.each-event .event-favourite h4{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #00A471;
    margin: 0 0 15px;
    clear: both;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    line-height: 14px;
    margin-bottom: 15px;
}
.each-event .event-favourite h4 a{
    color:#EF462C;
}
.each-event .event-favourite p{
    font-size: 14px;
    line-height: 20px;
}
.each-event .event-favourite p a{
    color:#EF462C;
}



.event-no-result{
        padding: 60px 0 40px;
}
.event-no-result p{
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #464444;
    font-weight: bold;
}
.event-no-result p a{ 
    color:#EF462C
}

.about-mindclick-wrapper {
    display: inline-block;
    width: 100%;
}
.about-mindclick-wrapper img{
    max-width: 100%;
}
.about-mindclick-wrapper .about-mindclick {
    text-align: center
}

.about-mindclick-wrapper p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #464444
}
.about-mindclick-wrapper p strong sup{
    
    top: -5px;
    font-size: 8px;

}
.sign-wrap {
    display: inline-block;
    width: 100%;
    margin: 40px 0 80px;
}


.sign-wrap img {
    display: block;
    margin: 0 auto
}

.video-wrapper {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 90px
}


.video-wrapper .wrapper {
    /* padding-top: 36px; 
    border-top: 1px solid #BEE3D9;*/
    position: relative;
    margin-bottom: 20px;
}
video:focus{
    outline: -webkit-focus-ring-color auto 0px;
}

.video-wrapper .wrapper iframe{ 
    width: 100% 
}
.video-wrapper video,
.video-wrapper video:-webkit-full-page-media {
    width: 100% 
}
video:-webkit-full-page-media {
    width: 100% 
}

.video-wrapper .wrapper.video-play .play-btn {
    visibility: hidden
}

.video-wrapper .wrapper img {
    max-width: 100%;
    height: auto
}

.video-wrapper .wrapper .play-btn {
    background: transparent;
    border: transparent;
    z-index: 99;
    border-radius: 50%;
    transition: .5s ease-in-out;
    position: absolute;
    left: 50%;
    width: 94px;
    height: 94px;
    top: 50%;
    margin: -47px 0 0 -47px;
    padding: 0;
}

.video-wrapper small {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    /*color: #00A471;
    margin-bottom: 40px;
    text-transform: uppercase;*/
}

.video-wrapper .about-video {
    display: block;
    margin: 0 auto;
    max-width: 870px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #464444
}



.suppliers-logo {
    /*
    max-width: 300px;
    max-height: 230px;
    display: inline-flex;
    flex-wrap: wrap; 
    */
    border: 2px solid #f2f2f2;
    width: 100%;
    margin-bottom:23px; 
    padding: 80px 0;
}


.suppliers-logo .event-image {
    vertical-align: middle;
    justify-content: center;
    align-self: center;
    max-width: 240px;
    margin: 0 auto;
}

.suppliers-category .event-content small {
    color: #00A471;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px
}

.suppliers-category .event-content .event-title {
    margin-bottom: 5px
}
.suppliers-category .event-content .event-title a{
    color: #464444;
}

.supplier-dropdown {
    max-width: 42%
}

.supplier-dropdown.dropdown select {
    text-indent: 0;
 
    background-color: white;
    border: 1px solid #BEE3D9;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 20px 30px 20px 20px;
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    height: 60px;
    
    
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.supplier-dropdown.dropdown select {
    background-image: linear-gradient(45deg, transparent 50%, #E4631B 50%), linear-gradient(135deg, #E4631B 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 13px), calc(100% - 15px) calc(1em + 13px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border:2px solid #E9F6F2;
}




.supplier-dropdown.dropdown select:focus {
    background-image: linear-gradient(45deg, #E4631B 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #E4631B 50%),
    background-position: calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    outline: 0;
}
.supplier-dropdown.dropdown select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


.supplier-dropdown.dropdown .child select {
    background-image: linear-gradient(45deg, transparent 50%, #464444 50%), linear-gradient(135deg, #464444 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 13px), calc(100% - 15px) calc(1em + 13px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border:2px solid #E9F6F2;
}
.supplier-dropdown.dropdown .child select.subcatdisable {
    background-image: linear-gradient(45deg, transparent 50%, #C1C0C0 50%), linear-gradient(135deg, #C1C0C0 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 13px), calc(100% - 15px) calc(1em + 13px), calc(100% - 2.5em) 0.5em;
    color:#C1C0C0;
    border:2px solid #C1C0C0;
}

.supplier-dropdown.dropdown .child .select2-container--default .select2-selection--single .select2-selection__arrow b{
        border-color: red transparent transparent transparent;
}

.supplier-dropdown.dropdown .child .subcatdisable .select2-container--default .select2-selection--single .select2-selection__arrow b{
        border-color: black transparent transparent transparent;
}

.suppliers-top-bar {
    display: inline-block;
    width: 100%
}

.suppliers-top-bar .left-side {
    display: inline-block;
    width: 100%
}

.suppliers-top-bar .left-side .top-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    vertical-align: top
}

.suppliers-top-bar .left-side .each-event:last-child {
    padding-bottom: 50px
}

.suppliers-top-bar .left-side .nav-tabs {
    display: flex;
    width: 44%;
    border: none;
    float: left;
    flex-wrap: wrap
}


.suppliers-top-bar .left-side .nav-tabs li {
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: middle;
    border: 1px solid #f2f2f2;
    margin-right: 10px
}

.suppliers-top-bar .left-side .nav-tabs li.active a {
    border: 1px solid #00556D;
    background-color: #00556D;
    color: #fff;
    border-radius: unset
}

.suppliers-top-bar .left-side .nav-tabs li a {
    border: none;
    height: 60px;
    width: 49px;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: middle;
    align-self: center;
    align-items: center;
    justify-content: center
}


.suppliers-top-bar .right-side {
    display: inline-block;
    width: 100%;
    max-width: 56%;
    float: right
}

.suppliers-top-bar .right-side.show-in-mobile {
    max-width: unset;
    margin-bottom: 30px
}

.suppliers-top-bar .right-side .supplier-dropdown {
    float: unset
}

.suppliers-top-bar .right-side form {
    position: relative;
    max-width: 56%;
    width: 100%;
    float: right
}


.suppliers-top-bar .right-side form input.form-control {
    display: inline-block;
    width: 100% !important;
    max-width: unset;
    height: 60px;
    padding: 15px
}


.suppliers-top-bar .right-side form i {
    position: absolute;
    z-index: 9;
    right: 0;
    margin-right: 20px
}

.supplier-pagination {
    display: inline-block;
    width: 100%;
    padding-top: 40px;
    border-top: 2px solid #f2f2f2
}


.vendor-metrics-question{
    background: #F6F6F6;
    padding:31px 24px 31px 47px;
    margin-bottom: 65px;
    overflow:hidden;
    }

.vendor-metrics-question h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    line-height: 48px;
    margin-bottom: 16px;
    float: left;
    margin: 0;
    padding: 0;
}
.vendor-metrics-question .btn{
    margin: 0;
    display: block;
    float: right;
}

.tableau-subhead{
    background: #F6F6F6;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 40px;
    display: block;
    clear: both;
    width: 100%;
}

.vendor-detail-tableau{
    margin-bottom: 72px;
    width: 100%;
    overflow: hidden;
}
.vendor-detail-tableau h2{
    margin-top: 72px;
    padding-bottom: 55px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}
.vendor-detail-tableau h4{
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.vendor-detail-tableau h4 span{
    line-height: 24px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px;
    float: right;
    color: #fff;
    background: #00A471;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.vendor-detail-tableau .tableau-placeholder{
    margin-bottom: 10px
}

.vendor-detail-tableau p{
    font: 14px;
    line-height:22px;
    letter-spacing: normal;
    color:#464444;
    text-align: center;
    
}

.vendor-detail-tableau iframe.tableauViz{
    height: 650px !important;
}

.ratting-family-product{
    margin-bottom: 0;
    padding-bottom: 72px
}
.ratting-family-product h4{
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px
}
.ratting-family-product ul{
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    display: block;
}


.ratting-family-product ul.lastfamilyul{}
.ratting-family-product ul.lastfamilyul li{
    border-bottom: 1px solid #D4D2D4;
}
.ratting-family-product ul li{
   /*  list-style: none;
    display: block;
    width: 100%;
    padding: 17px 10px 19px 16px;
    margin: 0 0 30px;
    vertical-align: top;
    margin-right: 5%; 
    float: left;
    border: 1px solid #BEE3D9;
    background: #FFFFFF;*/
    
    list-style: none;
    display: block;
    width: 45%;
    padding: 17px 10px 19px 0;
    margin: 0 0 30px;
    vertical-align: top;
    margin-right: 5%;
    float: left;
    border-bottom: 1px solid #D4D2D4;
    background: #FFFFFF;
    
}
.ratting-family-product ul li:first-child{
    border-top: 1px solid #D4D2D4; 
}
.ratting-family-product ul li:nth-child(2){
    border-top: 1px solid #D4D2D4;
}
.ratting-family-product ul li .box{
    background: #D8D8D8;
    width: 120px;
    height: 80px;
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    overflow: hidden;
}
.ratting-family-product ul li .box img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}


.ratting-family-product ul li .details{
    float: left;
    display: inline-block;
    width: 53%;
    padding-top: 18px;
}
.ratting-family-product ul li .details h4{
    color: #00A471;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}
.ratting-family-product ul li .details h4 span{
    color: #0EB2E8;
}
.ratting-family-product ul li .details h4 span.grey{
    color: #464444;
}
.ratting-family-product ul li .details h4.blue{
    color: #00A471;
}
.ratting-family-product ul li .details h3{
    color: #EF462C;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 0
    
}
.ratting-family-product p{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: normal;
    clear: both;
    color: #464445;
}

.vendor-page-head.nopage{
        padding: 129px 0 0;
}

.vendor-page-head{
    display: inline-block;
    width: 100%;
    padding: 45px 0 0;
    margin-bottom: 35px;
}
.vendor-page-head small.green {
    color: #00A471;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 6px;
    letter-spacing: 1px;
}
.vendor-page-head h2 {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-transform: capitalize;
    margin-bottom: 0;
}
.vendor-page-head .btn-icon {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
}
.vendor-page-head .btn-icon a {
    color: #EF462C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 27px;
    text-transform: uppercase;
    display: block;
}
.vendor-page-head .btn-icon a img {
    margin-right: 20px;
    width: 28px;
}
.vendor-metrics-panel{
    background: #F6F6F6;
    padding: 25px 24px 45px; 
    margin-bottom: 47px
}
.vendor-metrics-panel.top-space{
    margin-top:12px;
    margin-bottom:50px;
    
}
.vendor-metrics-panel.top-space h2{
    padding-bottom: 55px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}
.vendor-metrics-panel h4{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 23px;
    margin-bottom: 16px
    }
.vendor-metrics-badge {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.vendor-metrics-badge p {
    color: #fff;
    background-color: #005d8c;
    margin-bottom: 0;
    padding-top: 15px;
    font-size: 16px;
}
.badge-image-container {
    padding: 25px 0 0;
    text-align: center;
    display: block;
    background-image: url(/assets/images/background_blue_edit.png);
    background-repeat: no-repeat;
    background-size: cover;
    user-select: none;
}
.badge-image {
    width: 260px;
    margin: 0 auto;
}
/*.vendor-metrics-badge:hover .badge-image-container, .vendor-metrics-badge:hover .leader-numbers, .vendor-metrics-badge:hover .selected-family-name {
    visibility: hidden;
    border: 20px solid orange;
}*/

.selected-family-name {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    padding: 5px 10px;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 20px;
    background-color: #005d8c;
}
.reduced-font-size{
    font-size: 5px;
}
.carousel-buttons {
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0 auto;
    display: flex;
    width: 8em;
    align-items: center;
    height: min-content;
    justify-content: space-around;
}
.previous-product-family-button {
    transform: rotate(180deg);
    padding-top: .5px;
    cursor: pointer;
}
.next-product-family-button {
    cursor: pointer;
}
.carousel-buttons > p {
    margin: 2px 0;
}
.vendor-dropdown-metrics.dropdown {
    display: block;
    float: none;
    background: #fff;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}
.vendor-dropdown-metrics.dropdown select {
    text-indent: 0;
    background-color: white;
    border: 1px solid #BEE3D9;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 20px 30px 20px 20px;
    margin: 0 auto;
    font-size: 11px;
    font-weight: bold;
    height: 60px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.vendor-dropdown-metrics.dropdown select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, #E4631B 50%), linear-gradient(135deg, #E4631B 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 13px), calc(100% - 15px) calc(1em + 13px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.vendor-dropdown-metrics.dropdown select.minimal:focus {
    background-image: linear-gradient(45deg, #E4631B 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #E4631B 50%),
    background-position: calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    outline: 0;
}
.vendor-dropdown-metrics.dropdown select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.vendor-metrics-badge .leader-numbers {
    justify-content: space-around;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
    background-image: url(/assets/images/background_blue_edit.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.vendor-metrics-container {
    padding-top: 118px;
}
.vendor-metrics-badge .leader-numbers img {
    height: max-content;
    padding-top: 5px;
}
.vendor-metrics-badge .greencontent{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.vendor-metrics-badge:hover .greencontent{
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    visibility: visible;
    padding: 30px 20px;
}

.vendor-metrics-badge:hover .greencontent p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 25px 20px;
    line-height:24px;
}



.vendor-metrics-panel .leader {
    display: block;
    width: 100%;
    margin-bottom: 28px;
    overflow: hidden;
}
.vendor-metrics-panel .leader .leader-icon {
    display: block;
    max-width: 77px;
    float: left;
    background: #fff;
    padding: 17px;
    border-radius: 100%;
    width: 78px;
    height: 78px;
    cursor: pointer;
    border:1px solid #E4EDEC 
}
.vendor-metrics-panel .leader .leader-icon img{
    max-width: 100%;
    margin: 0px auto;
    display: block;
    height: 44px;
    width: 41px;
}
.vendor-metrics-panel .leader .about-leader {
    float: left;
    padding: 0 0 0 36px;
    width: 165px;
}
.vendor-metrics-panel .leader .about-leader h5 {
       color: #EF462C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px !important;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}
.vendor-metrics-panel .leader .about-leader h4 {
    color: #05A895;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 16px;
    text-transform: uppercase;
    text-align:left;
    margin-bottom: 0px;
}
.vendor-metrics-panel .leader .about-leader h4 span{
     color: #005D8B; 
    
}
.vendor-metrics-panel .leader .about-leader h4 span.grey{
    color: #5B5A5C;
}
.vendor-metrics-panel .leader .about-leader h4.blue{
    color: #0EB2E8;
}
.vendor-metrics-panel .leader .about-leader .leader-numbers {
    color: #464444;
    font-size: 16px;
    font-weight: 600;
    line-height: 37px;
}
.vendor-metrics-panel .leader .about-leader .leader-numbers span{
    width: 25px;
    display: inline-block;
}
.vendor-metrics-panel .leader .about-leader .leader-numbers span img{
    width: 18px;
}
.vendor-metrics-panel .btn{
    margin: 0 auto 40px;
    display: block;
}
.showmodalratingtext{
    display: none;
}

.vendor-metrics-panel p{
    font-size: 14px;
    line-height: 21px;
    color: #464444;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 42px;
    text-align: center;
    }
.vendor-metrics-panel span.or{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    display: block;
    text-transform: uppercase;
}
.vendor-metrics-panel span.or a{
    color: #EF462C;
    display: block;
    } 
.vendor-metrics-panel span.or a:hover {
    color: #B44534;
    text-decoration: underline;
}
.vendor-banner-image{
        width: 903px;
    height: 443px;
}
.vendor-banner-image img{
    width: 100%;
    max-height: 443px;
    min-height: 443px;
}

.vendor-page-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    display:block;
    max-height: 699px;
    overflow: hidden
}
.vendor-page-banner img{
    width:100%;
}
.vendor-page-banner::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    content: ''
}
.vendor-page-banner h1 {
    font-size: 60px;
    line-height: 78px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}
.vendor-page-banner p {
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    color: #fff;
}
.vendor-page-banner .banner-content {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 350px;
    left: 0;
    right: 0;
    transform: translateY(0px);
    text-align: center;
    width: 100%;
    max-width: 900px;
    z-index: 9;
}

.vendor-page-banner .banner-content img{
    margin-top: 100px;
    width: 17px;
    height: 43px;
}
.vendor-page-banner .banner-content small {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.vendor-page-details{
    margin-bottom: 0;
    /* background:#F6F6F6; */
    padding:72px 0 67px;
}
.vendor-page-details h2{
        font-size: 16px;
        line-height: 24px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px;
        color: #00A471;
}
.vendor-page-details p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 56px;
    white-space: inherit;
    }
.vendor-page-details p a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
}
.vendor-page-details p.websitelink a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
    margin-top:50px;
    margin-left:41px;
    /* display: block; */
}

.vendor-page-details h4{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 35px;
    font-weight: bold;
    }
    
    
/***  New Vendor Page  ***/

.vendor-page-details_NEW{
    margin-bottom: 0;
     background:#F6F6F6; 
    padding:72px 0 67px;
}
.vendor-page-details_NEW h2{
        font-size: 16px;
        line-height: 24px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px;
        color: #00A471;
}
.vendor-page-details_NEW p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    }
.vendor-page-details_NEW p a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
}
.vendor-page-details_NEW p.websitelink a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
    margin-top:50px;
    display: block;
}
.vendor-metrics-question_NEW{
    background: #F6F6F6;
    padding:31px 0;
    margin-bottom: 65px;
    overflow:hidden;
    }

.vendor-metrics-question_NEW h4 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    line-height: 48px;
    margin-bottom: 16px;
    float: left;
    margin: 0;
    padding: 0;
}
.vendor-metrics-question_NEW .btn{
    margin: 0;
    display: block;
}
.vendor-metrics-badge_NEW {
    width: 100%;
    margin: 0 0 30px;
    display: block;
    padding: 26px 0 40px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='303px' height='373px' viewBox='0 0 303 373' version='1.1'%3E%3Ctitle%3EFill 1%3C/title%3E%3Cg id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Mockup-with-PF-badge' transform='translate(-1158.000000  -206.000000)' fill='%23005D8C'%3E%3Cg id='Group-3' transform='translate(1158.000000  206.000000)'%3E%3Cpath d='M303 151.598095 C303 67.490026 234.549036 -0.62000182 150.350918 0.00425718849 C66.8167499 0.62370186 0 69.9116374 0 153.501363 L0 357 C0 365.553472 6.92977405 372.486117 15.4761212 372.486117 L287.523879 372.486117 C296.070226 372.486117 303 365.553472 303 357 L303 151.598095 Z' id='Fill-1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
    }
.vendor-metrics-badge_NEW p{
    color:#fff;
    }
.vendor-metrics-badge_NEW img{
    width: 70%;
    margin: 0 auto 20px;
    display: block;
    }

.vendor-metrics-badge_NEW .leader-numbers {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.vendor-metrics-badge_NEW .leader-numbers span {
        width: 20px;
    display: inline-block;
    height: 44px;
}
.vendor-metrics-badge_NEW .leader-numbers span img {
    width: 70%;
    margin: 0 auto;
    display: block;
    padding: 28px 0 5px;
}
.vendor-metrics-badge_NEW .greencontent{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.vendor-metrics-badge_NEW:hover .greencontent{
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    visibility: visible;
    padding: 30px 20px;
    background: rgb(3,164,129);
    background: -moz-linear-gradient(90deg, rgba(3,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: linear-gradient(90deg, rgba(3,164,129,1) 0%, rgba(14,178,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03a481",endColorstr="#0eb2e8",GradientType=1);
}

.vendor-metrics-badge_NEW:hover .greencontent p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 20px;
}

 
 
.ratting-family-product_NEW ul{
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    display: block;
    }
.ratting-family-product_NEW ul.lastfamilyul{}
.ratting-family-product_NEW ul.lastfamilyul li{
    border-bottom: 1px solid #D4D2D4;
    }
.ratting-family-product_NEW ul li{
    list-style: none;
    display: block;
    width: 45%;
    padding: 17px 10px 19px 16px;
    margin: 0 0 30px;
    vertical-align: top;
    margin-right: 5%; 
    float: left;
    border: 1px solid #BEE3D9;
    background: #FFFFFF
    }
.ratting-family-product_NEW ul li .box{
    background: #D8D8D8;
    width: 120px;
    height: 80px;
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    overflow: hidden;
    }
.ratting-family-product_NEW ul li .box img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
    }
.ratting-family-product_NEW ul li .details{
    float: left;
    display: inline-block;
    width: 53%;
    padding-top: 18px;
    }
.ratting-family-product_NEW ul li .details h4{
    color: #00A471;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    }
.ratting-family-product_NEW ul li .details h4 span{
    color: #0EB2E8;
    }
.ratting-family-product_NEW ul li .details h4 span.grey{
    color: #464444;
    }
.ratting-family-product_NEW ul li .details h4.blue{
    color: #00A471;
    }
.ratting-family-product_NEW ul li .details h3{
    color: #EF462C;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 0
    }    
.vendor-metrics-panel.top-space_NEW{
    margin-top: 12px;
    padding-bottom: 50px;
    margin-bottom: 0;
    }
.vendor-metrics-panel.top-space_NEW h2{
    padding-bottom: 55px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}    


.vendor-ratings-product-families-head { margin-bottom: 35px; }
.vendor-ratings-product-families-head h2 { font-size:24px;line-height:28px;font-weight: bold;color:#212D23; }
.vendor-ratings-product-families-head p { font-size:14px;line-height:21px;    max-width: 650px; }
.vendor-ratings-product-families-head p a { color: #EF462C;font-weight:bold; }


.modal-content.vendor-page-tab-cont{
            padding: 50px 20px 20px
        }
        .modal-content.vendor-page-tab-cont h2{
            padding-bottom: 10px;
            text-align: center;
            font-size: 24px;
            line-height: 33px;
            color: #464444;
            font-weight: bold;
        }
        .modal-content.vendor-page-tab-cont p{
            padding-bottom: 20px;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
        }
        .vendor-page-rate-prod {
            margin-bottom:30px;
            overflow:hidden;
        }
        
        .vendor-page-rate-prod .box-icon{
            display: block;
            max-width: 77px;
            float: left;
            background: #fff;
            padding: 17px;
            border-radius: 100%;
            width: 76px;
            height: 76px;
            margin-right: 19px;
            border: 1px solid #E4EDEC;
        }
        .vendor-page-rate-prod .box-icon img{
            max-width: 100%;
            margin: 0px auto;
            display: block;
            height: 44px;
            width: 41px;
        }

        .vendor-page-rate-prod .details{
            float: left;
            display: inline-block;
            width: 66%;
            }
        .vendor-page-rate-prod .details h4{
            font-size: 10px;
            font-weight: bold;
            letter-spacing: 1px;
            line-height: 12px;
            text-transform: uppercase;
            color: #464444;
            margin-bottom: 10px;
        }
        .vendor-page-rate-prod .details p{
            font-size: 12px;
            line-height: 21px;
            margin-bottom: 0;
            text-align: left;
        }
        .vendor-page-rate-prod .details p span{
            font-weight:bold;
        }
        

        .modal-content.msap-rating-methodology{
            padding: 50px 20px 20px
        }
        .modal-content.msap-rating-methodology .banner{ }
        .modal-content.msap-rating-methodology .banner img{ 
            max-width:100%;
            width:100%;
        }
        .modal-content.msap-rating-methodology h2{
            display: block;
            font-size: 24px;
            line-height: 33px;
            color: #464444;
            letter-spacing: normal;
            margin-bottom: 0px;
            font-weight: bold;
            padding: 80px 0px 20px;
        }
        .modal-content.msap-rating-methodology p{
            padding-bottom: 20px;
            text-align: left;
            font-size: 14px;
            line-height: 18px;
        }

        .msap-rating-methodology-prod {
            margin-bottom:30px;
            overflow:hidden;
            padding-top: 40px
        }
        .msap-rating-methodology-prod .box-icon{
            display: block;
            max-width: 111px;
            background: #fff;
            padding: 0;
            border-radius: 100%;
            width: 111px;
            height: 112px;
            margin: 0 auto 19px;
        }
        .msap-rating-methodology-prod .box-icon img{
            max-width: 100%;
            width: 100%;
            display: block;            
        }
        .msap-rating-methodology-prod .methodology-prod-content{
            min-height:140px;
        }
        .msap-rating-methodology-prod p{
            font-size: 12px;
            line-height: 21px;
            margin-bottom: 30px;
            text-align: center !important;
        }
        .msap-rating-methodology-prod span{
            font-weight:bold;
            font-size: 14px;
            line-height: 18px;
                display: block;
            text-align: center;
        }
        .msap-rating-methodology-prod span.grey{
            color:#464444;
            font-weight:bold;
            
        }
        .msap-rating-methodology-prod span.green{
            color:#00A471;
            font-weight:bold;
        }
        .msap-rating-methodology-prod span.blue{
            color:#0EB2E8;
            font-weight:bold;
        }
   
    
.vendor-ratings-product-families_NEW {margin-bottom: 35px;}
.vendor-ratings-product-families_NEW h2 {font-size:24px;line-height:28px;  font-weight: bold;}
.vendor-ratings-product-families_NEW p {font-size:14px;line-height:21px;}
.vendor-ratings-product-families_NEW .btn{     float: right;margin-right: 0%;}



.contact-detail_NEW {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
    /*border-bottom: 1px solid #BEE3D9;*/
}

.contact-detail_NEW .primary-contact,
.contact-detail_NEW .contact-links {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.contact-detail_NEW .primary-contact small,
.contact-detail_NEW .contact-links small {
    display: inline-block;
    width: 100%;
    color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase
}

.contact-detail_NEW .primary-contact p,
.contact-detail_NEW .contact-links p {
    color: #464444;
    font-size: 16px;
    line-height: 24px
}

.contact-detail_NEW .contact-links a {
    color: #EF462C;
    font-size: 16px;
    line-height: 24px
}

.contact-detail_NEW .primary-contact p {
    margin-bottom: 0
}

.contact-detail_NEW .primary-contact h4 {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 5px 0;
}


.vendor-page-details_NEW .collapsed {
    float: left;
}
.vendor-page-details_NEW .expanded {
    float: left;
    
    
}
.vendor-page-details_NEW .contact-detail_NEW {
    padding: 0 0 40px;
    border: 0;
}
.vendor-page-details_NEW .contact-detail_NEW h2{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    
}
.vendor-page-details_NEW .contact-detail_NEW h6{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 15px;
    color: #00A471;
}


.vendor-page-details_NEW .contact-detail_NEW span{ }
.vendor-page-details_NEW .contact-detail_NEW span p{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom:1rem;
    width: 100%;
    display: block;
    text-transform: uppercase;
    color: #EF462C;
    }

.vendor-details-casestudy-projects { padding:78px 0 0px; background:#F6F6F6; }

.vendor-details-casestudy-projects .vendor-details-casestudy{ padding: 0 15px 20px }
.vendor-details-casestudy-projects .vendor-details-casestudy .casestudy-pods { padding: 0 0 40px }
.vendor-details-casestudy-projects .vendor-details-projects { padding: 0 15px 20px }
.vendor-details-casestudy-projects .vendor-details-projects .projects-pods { padding: 0 0 40px }

.vendor-details-casestudy-projects h2{ text-align: center;line-height: 1.4;margin-bottom: 40px;font-weight:bold; }
.vendor-details-casestudy-projects p {     text-align: center;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 24px; }


.vendor-details-casestudy-projects .main-banner { height: auto;}
.vendor-details-casestudy-projects .main-banner img{     margin-bottom: 33px;
    width: 100%;
    max-width: 100%;
    max-height: 506px;
    min-height: 506px;
}
.vendor-details-casestudy-projects .main-banner h4{ font-size: 10px;font-weight: bold;letter-spacing: 1px;line-height: 12px;text-transform: uppercase}
.vendor-details-casestudy-projects .main-banner h3{     font-size: 24px;
    line-height: 29px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px;
    color: #EF462C; }

.vendor-details-casestudy-projects .side-content { }
.vendor-details-casestudy-projects .side-content img{
        margin-bottom: 39px;
    width: 100%;
    max-width: 100%;
    max-height: 252px;
    min-height: 252px;
}
.vendor-details-casestudy-projects .side-content h3{ font-size: 16px;line-height: 24px;letter-spacing: normal;font-weight: bold;margin-bottom: 20px;}
.vendor-details-casestudy-projects .side-content p{ text-align:left;}

.vendor-details-casestudy-projects .side-content{}

.vendor-details-casestudy-projects .side-content .leader-score{    color: #464444; font-size: 16px;font-weight: 600;line-height: 37px;}
.vendor-details-casestudy-projects .side-content .leader-score h5{     text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold; 
    color:#0EB2E8}
.vendor-details-casestudy-projects .side-content .leader-score .numbers{}
.vendor-details-casestudy-projects .side-content .leader-score .numbers span{    display: inline-block;
    line-height: 30px;
    height: 30px;}
.vendor-details-casestudy-projects .side-content .leader-score .numbers span img {
        height: 23px;
    min-height: 23px;
    max-height: 23px;
    margin: 10px 0;
    display: block;
}


/***  New Vendor Page  ***/ 
    

#summary {
    font-size: 14px;
    line-height: 1.5;
    }
    #summary p.collapse:not(.show) {
    height: 147px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;  
    }
    #summary p.collapsing {
    min-height: 147px !important;
    }
    #summary a.collapsed:after  {
    content: 'Read More';
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    color: #EF462C;
    }
    #summary a:not(.collapsed):after {
    content: 'Less';
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    color: #EF462C;
    }
a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}
.vendor-page-details .collapsed {
    float: left;
}
.vendor-page-details .expanded {
    float: left;
    
    
}
.vendor-page-details .contact-detail {
    padding: 0 0 40px;
    border: 0;
}
.vendor-page-details .contact-detail h2{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    
}
.vendor-page-details .contact-detail h6{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 15px;
    color: #00A471;
}


.vendor-page-details .contact-detail span{ }
.vendor-page-details .contact-detail span p{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom:1rem;
    width: 100%;
    display: block;
    text-transform: uppercase;
    color: #EF462C;
}
.vendor-page-details .contact-detail span a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom:1rem;
    width: 100%;
    display: block;
    text-transform: uppercase;
    color: #EF462C;
}

#fw_caseStudies{
    scroll-behavior: smooth;
}
#fw_Projects{
    scroll-behavior: smooth;
}

.vendor-ratings-product-families{margin-bottom: 35px;}
.vendor-ratings-product-families h2 {font-size:24px;line-height:28px;  font-weight: bold;}
.vendor-ratings-product-families p {font-size:14px;line-height:21px;}
.vendor-ratings-product-families .btn{     float: right;margin-right: 5%;}


.vendor-page-tabs{ padding:50px 0;}
.vendor-page-tabs .nav.nav-pills{}
.vendor-page-tabs .nav.nav-pills .nav-item{ width:25%}

.vendor-page-tabs .nav.nav-pills .nav-link {
    border-radius: 0;
    text-align: center;
    line-height: 43px;
    font-size: 10px;
    font-weight: bold;
    color: #EF462C;
    padding: 0;
        text-transform: uppercase;
}
.vendor-page-tabs .nav.nav-pills .nav-link.active, 
.vendor-page-tabs .nav.nav-pills .show>.nav-link {
    color: #464444;
    background-color: transparent;
}

.vendor-page-tab-cont{
    background: #F6F6F6;
    padding-top:75px;
}
.vendor-page-tab-cont.rate-prod{
    padding-bottom:130px;
}
.vendor-page-tab-cont.rate-prod h2{
    padding-bottom: 55px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}
.vendor-page-rate-prod {
    margin-bottom:30px;
    overflow:hidden;
}
.vendor-page-rate-prod .box-icon{
    display: block;
    max-width: 77px;
    float: left;
    background: #fff;
    padding: 17px;
    border-radius: 100%;
    width: 76px;
    height: 76px;
    margin-right: 19px;
    border: 1px solid #E4EDEC;
}
.vendor-page-rate-prod .box-icon img{
    max-width: 100%;
    margin: 0px auto;
    display: block;
    height: 44px;
    width: 41px;
}

.vendor-page-rate-prod .details{
    float: left;
    display: inline-block;
    width: 66%;
    }
.vendor-page-rate-prod .details h4{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #464444;
}
.vendor-page-rate-prod .details p{
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 0;
    
}
.vendor-page-rate-prod .details p span{
    font-weight:bold;
    
}

.framework-rating-methodology { padding:74px 0 40px }
.framework-rating-methodology h2{ 
    margin-bottom: 74px;
    font-size: 24px;
    text-align: center;
    line-height: 33px;
    font-weight: bold;
}

.framework-rating-methodology .main-image { }
.framework-rating-methodology .main-image img{ margin-bottom: 32px;max-width: 100%;}
.framework-rating-methodology .main-image p{ margin: 0 0 50px; font-size: 14px; line-height: 18px }

.framework-rating-methodology .point-col { margin: 0 0 20px }
.framework-rating-methodology .point-col img{ margin-bottom: 19px;width: 111px;height: 112px; }

.framework-rating-methodology .point-col p{ margin: 0; font-size: 14px; line-height: 18px;}
.framework-rating-methodology .point-col p span{ font-weight: bold;display: block;margin: 20px 0 0;}
.framework-rating-methodology .point-col p span.green{ color:#00A471; }
.framework-rating-methodology .point-col p span.blue { color:#0EB2E8; }


.vendor-page-tab-cont.feat-proj{
    padding-bottom:40px;
}
.vendor-page-tab-cont.feat-proj h2{
    padding-bottom: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
}
.vendor-page-tab-cont.feat-proj p{
    padding-bottom: 35px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.vendor-page-tab-cont.feat-proj .feature-list{
    padding-bottom:80px;
}

.vendor-page-tab-cont.feat-proj .feature-banner{}
.vendor-page-tab-cont.feat-proj .feature-banner img{
    width: 100%;
    max-width: 100%;
    margin-bottom: 33px;
    height: 505px;
}
.vendor-page-tab-cont.feat-proj .feature-banner h5{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #464444;
}
.vendor-page-tab-cont.feat-proj .feature-banner h3{
    font-size: 24px;
    line-height: 29px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 20px;
    color: #EF462C;
}

.vendor-page-tab-cont.feat-proj .feature-detail img{
    margin-bottom: 36px;
    max-width: 378px;
    height: 252px;
    width: 100%;
}
.vendor-page-tab-cont.feat-proj .feature-detail h4{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #00A471;
}
.vendor-page-tab-cont.feat-proj .feature-detail p{
    text-align: left;
    margin:0;
    padding:0;
    font-size: 16px;
    line-height: 24px;
}
.vendor-page-tab-cont.feat-proj .feature-detail .leader{}
.vendor-page-tab-cont.feat-proj .feature-detail .leader span{
    display: inline-block;
}
.vendor-page-tab-cont.feat-proj .feature-detail .leader img{
    margin-bottom: 0;
    height: 20px;
    max-width: 100%;
}
  
  
  
    
.vendors-logo {
    border: 2px solid #f2f2f2;
    width: 100%;
    margin-bottom:23px; 
    padding: 0;
}

 .vendors-logo .event-image{
            width: 100%;
    }
    .vendors-logo .event-image img{
            width: 100%;
    }

.inner-page-banner {
    background: black;
    display: inline-block;
    width: 100%;
    height: 159px;
    vertical-align: top;
    margin-bottom: 0
}

.inner-page-banner img {
    display: none
}

.inner-page-banner .banner-content {
    display: none
}

.inner-page-content-wrapper {
    border-bottom: 2px solid #BEE3D9;
    margin-bottom: 62px;
    padding: 30px 0;
}
.inner-page-content-wrapper.supplier-detail {
    border-bottom: 0px solid #BEE3D9;
    margin-bottom: 0px;
}



.inner-page-content-wrapper .inner-page-title {
    display: inline-block;
    width: 100%;
    padding: 45px 0 0;
    margin-bottom: 35px
}

.inner-page-content-wrapper .about-inner-page .desc {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.inner-page-content-wrapper .about-inner-page .desc p {
    font-size: 16px;
    line-height: 24px
}

    .inner-page-content-wrapper .about-inner-page .desc p:last-child {
        padding-bottom: 30px
    }
    .inner-page-content-wrapper .about-inner-page .suppliers-logo {
        padding: 80px 30px;
    }
    .inner-page-content-wrapper .about-inner-page .download-pdf {
        padding: 60px 0 90px 0
    }
    .inner-page-content-wrapper .about-inner-page .download-pdf img {
        display: inline-block;
        float: left;
        margin-right: 40px;
        width: 36px;
    }
    .inner-page-content-wrapper .about-inner-page .download-pdf p {
        display: inline-block;
        margin-bottom: 0;
        color: #EF462C;
        font-size: 18px;
        font-weight: bold;
        line-height: 50px;
        padding: 0;
    }



.inner-page-content-wrapper .left-side small {
    color: #464444;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 6px;
    letter-spacing: 1px;
}
.inner-page-content-wrapper .left-side small.green {
    color: #00A471;
}


.inner-page-content-wrapper .back-btn {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 15px 0
}

.inner-page-content-wrapper .back-btn.show-in-mobile {
    text-align: left
}

.inner-page-content-wrapper .back-btn a {
    color: #EF462C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 27px;
    text-transform: uppercase;
    display: block;
}
.inner-page-content-wrapper .back-btn a:hover {
    color: #B44534;
    text-decoration: underline;
}

.inner-page-content-wrapper .back-btn a img {
    transform: rotate(180deg);
    margin-right: 25px
}

 .inner-page-content-wrapper .back-btn.desktop-in-mobile{
        display: none;
    }









.contact-detail {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 1px solid #BEE3D9;
}

.contact-detail .primary-contact,
.contact-detail .contact-links {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.contact-detail .primary-contact small,
.contact-detail .contact-links small {
    display: inline-block;
    width: 100%;
    color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase
}

.contact-detail .primary-contact p,
.contact-detail .contact-links p {
    color: #464444;
    font-size: 16px;
    line-height: 24px
}

.contact-detail .contact-links a {
    color: #EF462C;
    font-size: 16px;
    line-height: 24px
}

.contact-detail .primary-contact p {
    margin-bottom: 0
}

.contact-detail .primary-contact h4 {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 5px 0;
}

.leader {
    display: block;
    width: 100%;
    text-align: left;
}




.leader .about-leader {
     display: inline-block;
    float: left;
    padding:35px 0;

}



.leader .about-leader small {
       color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
}

.leader .about-leader .leader-numbers {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
    
}

.leader .leader-icon {
    display: block;
    max-width: 120px;
    float: right;
}







.left-side {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.left-side .profile-image {
    display: inline-flex;
    width: 20%;
    float: left;
    margin-right: 40px;
    flex-wrap: wrap;
    max-width: 75px;
    max-height: 76px;
    overflow:hidden;
}
.left-side .profile-image img{
    max-width: 100%;
    width: 100%;
}

.left-side .profile-content {
    display: inline-block
}

.left-side .profile-content div {
    display: inline-block;
    padding: 12px 0 13px;
}

.account-page .right-side li a:hover {
    border-color: transparent !important;
    color: #B44534;
    text-decoration: underline;
}

.account-page .right-side li:first-child a.nav-link {
    padding-left: 0
}


.account-projct-image{
    position: relative;
}
.account-projct-image img{
    max-width:100%;
}

.account-projct-image .top-video-click{
    position: absolute;
    top: 309px;
    z-index: 1;
    left: 0px;
    width: 270px;
    display: block;
    height: 40px;
    cursor: pointer;
 
}

.account-projct-image .bottom-video-click{
    position: absolute;
    bottom: 40px;
    z-index: 1;
    right: 34px;
    width: 280px;
    display: block;
    height: 40px;
    cursor: pointer;

}

.right-side {
    display: inline-block;
    width: 100%;
    padding: 10px 0px
}

.right-side ul {
    border-bottom: none;
    float: right
}








.right-side ul li a {
    color: #EF462C;
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    padding: .5rem 1.6rem;
}

.right-side ul li a.active {
    border-color: transparent !important
}

.profile-person {
    display: inline-block;
    width: 100%;
    margin-bottom: 70px;
}

.profile-person .profile-image {
    display: inline-block;
    width: 20%;
    overflow:hidden;
}

.profile-person .profile-content {
    display: inline-block;
    width: 80%;
    float: left;
}

.profile-person .profile-content small {
    display: block;
    margin-bottom: 20px
}

.profile-person .profile-content .btn {
    margin-bottom: 0;
    float: left;
    padding: 6px 23px
}

.about-person {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.account-page-form-wrap .inner-title {
    margin-bottom: 30px
}

.account-page-form-wrap .btn {
    display: block;
    margin: 0 auto 100px;
    padding: 10px 38px
}



.account-page-form-wrap .btn:hover {
    color: #fff
}

.account-page-form-wrap .form-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 100px
}



.delete-acc a {
    width: 100%;
    display: inline-block;
    margin-bottom: 120px;
    color: #EF462C !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}



.delete-acc .modal-footer .btn {
    margin-bottom: 0
}

.set-password {
    display: inline-block;
    width: 100%;
    margin-bottom: 130px
}

.card{
      border: 0px solid rgba(0,0,0,.125);
    border-radius: 0;
}
.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px solid rgba(0,0,0,.125);
    border-radius: 0;
}


.report-container{
    max-width: 1180px;
}
.project-submission {
    display:block;
    width: 100%
}
.accordion>.card {
    border: 1px solid #BEE3D9 !important;
    border-radius: 0;
    margin-bottom: 34px;
    width: 48%;
    float: left;
    margin-right: 4%;
}
.accordion>.card:nth-child(even) {
    margin-right: 0;
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-radius: 0;
}
.accordion>.card .card-header{
        margin-bottom: 0;
}
.accordion>.card .card-header .collapsed .project-name:hover{
    cursor: pointer;
 
}

.accordion.project-submission .card{
    border: 1px solid #BEE3D9;
    margin-bottom: 27px;
    width:100%;
    display:block;
    }
.accordion.project-submission .card .card-body{
    padding:1.25rem 0.75rem;
}



.accordion.project-submission .card .card-body .tableauPlaceholder{
    width:100% !important;
    min-height: 740px !important;
}


.accordion.project-submission .card .card-body .tableauPlaceholder iframe{
    width:100% !important;
    min-height: 740px !important;
}


.project-submission .project-top {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.project-submission .project-top .inner-title {
    display: inline-block;
    padding: 8px 0
}

.project-submission .project-top button {
    float: right
}

.project-submission .about-each-project {
    display: block;
    padding: 22px 32px 22px 43px;
    flex-wrap: wrap;
    
    margin-bottom: 0;
    width: 100%;
}
.project-submission.border {
    border: 1px solid #BEE3D9 !important; 
    margin-bottom: 27px
    
}

.project-submission .project-detail {
        display: inline-flex;
    flex-wrap: wrap;
    width: 66%;
    float: left;
}
.profile-title .inner-page-title {
    /*
    padding: 32px 0 25px 0;
    margin-bottom: 0
    */
    padding: 0px 0 0px 0;
    margin-bottom: 0;
    display: block;
}
.project-submission .project-detail .project-name {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: #EF462C;
    margin-top: 8px;
    
}

.project-submission .title-hover .project-detail .project-name {cursor: pointer;}
    
    
    
    
.project-submission .project-detail .project-name.dark {
    color: #464444;
    margin-top: 0;
}



.project-submission .project-detail p {
    color: #464444;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 24px;
    display: block;
    width: 100%;
}

.project-submission .score-rating {
    display: block;
    width: 34%;
    float: right;
}


.project-submission .score-rating .download-pdf {
       display: block;
    width: 24%;
    padding: 14px 0 0 0;
    float: right;
    text-align: center;
    z-index: 1;
}



.project-submission .score-rating .download-pdf a {
    width: 100%;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    align-self: center;
    display:block;
}


.project-submission .score-rating .download-pdf a img {
    margin-top: 6px;
    width: 22px;
    height: 31px;
    
}



.project-submission .score-rating .leader {
    display: block;
    width: 65%;
    float: right;
    padding: 0 3%;
}

.project-submission .score-rating .leader .about-leader {
    margin-right: 0;
    align-self: center;
    padding: 8px 0 0 0;
}


.project-submission .score-rating .leader .leader-icon  {
    display: block;
    width: 80px;
    float: right;
}
.project-submission .score-rating .leader .leader-icon img {
    max-width: 80px;
    max-height: 80px
}

.project-submission .score-rating .panel-action{
    float: right;
    width: 10%;
    display: block;
    padding: 28px 0 0 0;
    text-align:center;
}
.project-submission .score-rating .panel-action:hover{
   cursor: pointer;
}
.project-submission .score-rating .panel-action i{ 
    color: #EF462C;
    font-size: 14px;
}

.project-submission .rating-progress {
    margin-bottom: 0;
    float: right;
    text-align: right;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 12px;
    font-weight: bold;
    align-self: center;
    color: #2BA481;
    letter-spacing: 1px;
    padding-top: 25px;
}


#viz-client-container{
    width: 100% !important;
    }
#dashboard-spacer{
    width: 100% !important;
    }
#tab-dashboard-region{
    width: 100% !important;
    }
#centeringContainer #viz-client-container{
    width: 100% !important;
    }
body:not(.lyteboxed) #viz-client-container {
    height: 100vh;
    width: 100% !important;
}


.tab-zone.tab-widget{
       width: 100% !important;
}
.explore-projects {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding:142px 0 53px 0;
}
.explore-projects  h3{
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin: 0 0 20px;
    line-height: 32px;
}
.explore-projects p {
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
}
.explore-projects label{
    display: block;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
}
.explore-projects .dropdown{
    display: block;
    margin: 0 auto 42px;
    float: none;
    height: 62px;
    line-height: initial;
}
.explore-projects .dropdown .btn-downdrop{
    height: 60px;
    line-height: 60px;
    font-size: 10px;
}
.explore-projects .dropdown .btn-downdrop.dropdown-toggle::after {
    margin-right: 10px;
    margin-top: 26px;
}
.explore-projects .submit-project { }
.explore-projects .submit-project .join-project {
    margin: 0 0 25px;
    line-height: 28px;
    display: block;
    font-weight: bold;
}
.explore-projects .submit-project .btn{
    display: block;
    margin: 0 auto;
}

    
.signin-banner {
    margin-bottom: 70px
}
.sign-in-form {
    display: inline-block;
    width: 100%;
    padding-bottom: 240px;
        padding-top: 71px;
}


.sign-in-form .sign-in-title{
    overflow: hidden;    
}
.sign-in-form .sign-in-title p{
    color: #464444;
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    float: left;
    display: inline-block;
}
.sign-in-form .sign-in-title span {
    display: inline-block;
    float: right;
    font-size: 14px;
    text-align: right;
    font-weight: normal;
    line-height: 20px;
}

.sign-in-form .sign-in-title span a {
    color: #EF462C;
    font-size: 14px;
    transition: .5s ease-in-out;
    display: block;
    
}

    .thank-you-registration { 
        padding:50px 0 80px;
    }
    .thank-you-registration h1{
        text-align: center;
        font-size: 32px;
        line-height: 50px;
        margin: 0 0 50px;
    }
    
    .thank-you-registration p{
        text-align: center;
        font-size: 18px;
        line-height: 30px;
    }
    .thank-you-registration p span{
        display:block;
        font-weight:600;
    }
    .thank-you-registration p a{
        text-decoration:underline;
        color: #EF462C;
        font-weight:600;
    }
    


.sign-in-form .main-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.sign-in-form .main-form .form-group p{
    font-size:14px;
    
}
.sign-in-form form {
    display: inline-block;
    width: 100%
}

#divNotifyMessageText h3{
    font-size: 14px;
    line-height: 21px;
    color:#00A471;
    font-weight: bold;
    margin: 0;
}
#divNotifyMessageText p{
    font-size: 14px;
    line-height: 21px;
    color:#00A471;
    font-weight: normal;
}



.sign-in-form form .form-check {
    margin-bottom: 35px
}

.sign-in-form form .forget-pw {
    display: inline-block;
    float: right
}

.sign-in-form form .forget-pw:hover a {
    padding-right: 10px
}

.sign-in-form form .forget-pw a {
    color: #EF462C;
    font-size: 14px;
    transition: .5s ease-in-out;
    display:block;
}

.sign-in-form .create-account {
    display: inline-block;
    width: 100%;
    max-width: 500px;
}


.sign-in-form .create-account div {
    margin-bottom: 50px
}

.sign-in-form .create-account p{
    font-size: 16px;
line-height: 24px;
}

.sign-in-form .create-account p a{
        color: #EF462C;
}
.sign-in-form .create-account ul{
    
}
.sign-in-form .create-account ul li{
    font-size: 16px;
    line-height: 24px;
}
.sign-in-form .btn.signin {
    width: 124px
}



.supplier-dropdown {
    max-width: 42%
}

.sign-in-form select {
    padding: 0 15px;
    border: 1px solid #BEE3D9
}


.sign-in-form select {
    text-indent: 0;
    
    background-color: white;
    border: 1px solid #BEE3D9;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 20px 30px 20px 20px;
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    height: 60px;
    
    width: 100%;
    margin-bottom:20px;
    color: #464444;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sign-in-form select.minimal {
      background-image: linear-gradient(45deg, transparent 50%, #E4631B 50%), linear-gradient(135deg, #E4631B 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 18px), calc(100% - 15px) calc(1em + 18px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

.sign-in-form select.minimal:focus {
  background-image:
    linear-gradient(45deg, #E4631B 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #E4631B 50%),
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
.sign-in-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}




.create-account button {
    padding: 11px 0;
    width: 175px;
}

.contact-us-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 180px
}

.contact-us-form .form-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 80px
}

.contact-us-form .contact-submit-btn {
    display: inline-block;
    width: 100%
}

.contact-us-form .contact-submit-btn button {
    display: block;
    margin: 0 auto;
    width: 175px;
}

.contact-us-form .form-columns-1,
.contact-us-form .form-columns-2{
        border: 0;
    padding: 0;
    margin: 0 auto 30px;
    max-width: 840px;
}

.contact-us-form .form-columns-1 label,
.contact-us-form .form-columns-2 label{
    color: #464444;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.contact-us-form .form-columns-1 label,
.contact-us-form .form-columns-2 label{
    color: #464444;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.contact-us-form .form-columns-1 .hs-fieldtype-text,
.contact-us-form .form-columns-2 .hs-fieldtype-text{
    color: #d10a11 !important;
    padding: 0 0 0 10px;
}


.contact-us-form  ul.inputs-list.multi-container{
    display: block;
    list-style: none;
    padding: 10px 0 0 30px;
    margin: 0;
}
.contact-us-form  ul.inputs-list.multi-container li span{
    font-weight: 400 !important;
    padding: 0 0 0 10px;
    
}


.contact-us-form  .hs-error-msgs.inputs-list{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-us-form .hs-error-msg{
    color: #d10a11 !important;
    padding: 10px 0 0;
    float: none !important;
    width: 100% !important;
    display: block;
    font-weight: 400 !important;
    list-style: none;
    margin: 0;
}

.contact-us-form .form-columns-1 .hs-input,
.contact-us-form .form-columns-2 .hs-input{
    color: #464444;
    font-size: 14px;
    padding: 20px 25px;
    border-radius: 0;
    border: 1px solid #BEE3D9;
    width: 100%;
}

.contact-us-form .grecaptcha-badge{
    display: block;
    margin: 0 auto 30px;
}
.contact-us-form .hs-button{
        display: block;
    margin: 0 auto;
    width: 175px;   
    position: relative;
    border-radius: 30px;
    background: rgb(14,178,232);
    background: -moz-linear-gradient(top, rgba(14,178,232,1) 0%, rgba(43,164,129,1) 100%);
    background: -webkit-linear-gradient(top, rgba(14,178,232,1) 0%,rgba(43,164,129,1) 100%);
    background: linear-gradient(to bottom, rgba(14,178,232,1) 0%,rgba(43,164,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eb2e8', endColorstr='#2ba481',GradientType=0 );
    box-shadow: 0 9px 9px 0 rgb(0 0 0 / 15%);
    padding: 11px 27px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
    transition: inherit;
        border: 0;
}

.contact-us-form .hs-button:hover {
    background: #0EB2E8;
    color: #fff;
}
.contact-us-form .hs-button:active {
    background: #00A471;
}
.contact-us-form .hs-button:focus {
    outline: 0px solid #00B0FF;
}

.privacy-policy-wrap {
    display: inline-block;
    width: 100%;
    padding-bottom: 120px;
    padding-top: 74px;
}





.sign-in-form .inner-title {
    color: #464444;
    text-transform: none;
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 40px
}
.sign-in-form .inner-title sup {
    font-size: 12px;
    top: -18px;
}


.privacy-policy-wrap .wrapper {
    max-width: 1060px;
    width: 100%
}

.privacy-policy-wrap p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: left
}

.privacy-policy-wrap p.title {
    font-size: 18px
}

.privacy-policy-wrap .policy-content {
    margin-bottom: 50px
}

.privacy-policy-wrap .event-title {
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}




#msform {
    text-align: center;
    position: relative
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    padding-bottom: 80px;
    box-sizing: border-box;
    width: 100%;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform textarea {
    padding: 15px;
    border: 1px solid #BEE3D9;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px
}

#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #80bdff;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in
}

#msform .action-button {
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 12px 55px;
    /* transition: .5s ease-in-out*/
}


#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0EB2E8
}

.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
    letter-spacing: 1px
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 auto 10px auto
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1
}

#progressbar li:first-child:after {
    content: none
}

#progressbar li.active:before {
    background: #ee0979;
    color: white
}

#progressbar li.active:after {
    background: #ee0979;
    color: white
}

.dme_link {
    margin-top: 30px;
    text-align: center
}

.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px
}

.dme_link a:hover {
    background: #C5C5F1;
    text-decoration: none
}

.dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none
}

.step-top-header {
    display: inline-block;
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 70px;
        padding-top: 80px;
}


.step-top-header .left-side {
    display: inline-block;
    max-width: 650px;
    margin-bottom: 20px
}



.step-top-header .left-side .inner-title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1.6;
}

.step-top-header .left-side p {
    font-size: 14px;
    line-height: 21px
}
.step-top-header .left-side p sup{
    top: -6px;
    font-size: 7px;
}
.step-top-header .step-count {
    display: inline-block;
    float: right;
    padding: 20px 0
}


.step-top-header .step-count small {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase
}

.step-top-header .step-count div {
    font-size: 18px;
    font-weight: 600;
    line-height: 37px
}

.step-top-header .step-count div img {
    max-height: 20px
}

.steps-body {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 70px;
    text-align: left
}




.steps-body .step-form {
    text-align: left
}

.steps-body .step-form.radio-btns {
    margin-bottom: 60px;
    margin-top: 30px;
}

.steps-body .step-form.radio-btns .step-location {
    margin-bottom: 15px;
    line-height:1.6;
}

.steps-body .step-form .form-group {
    margin-bottom: 60px
}

.steps-body .step-form .form-group #exampleFormControlTextarea1 {
   /* width: 822px*/
}


.steps-body .step-form .form-group label {
    font-size: 18px;
    line-height: 24px;
    width: 100%
}

.steps-body .step-form .form-group input {
    color: #464444;
    font-size: 14px;
    line-height: 21px;
    padding: 30px 25px;
    border-radius: unset;
    margin-bottom: 10px
}
.steps-body .step-form .form-group .input-group .input-group-append{
    display:none !important;
}

.steps-body .step-form .form-group input::placeholder {
    color: #464444
}

.steps-body .step-form .form-group small {
    font-size: 14px;
    line-height: 21px;
    color: #00A471
}

.steps-body .step-form p {
    font-size: 14px;
    line-height: 21px;
    max-width: 520px
}

.step-footer {
    display: inline-block;
    float: left
}

.step-footer .cancel-form {
    display: inline-block;
    float: left;
    padding-top: 18px
}

.step-footer .cancel-form a {
    color: #EF462C
}

.step-footer .continue {
    display: inline-flex;
    flex-wrap: wrap;
    margin-left: auto
}

.step-1 {
    display: inline-block;
    width: 100%;
    text-align: left
}

.step-1 .action-button {
    float: right;
    display: inline-block
}

.step-1 .btn {
    float: right;
    margin-left: 20px;
}

.step-1 .steps-body .step-form .form-group {
    margin-bottom: 70px
}

.step-1 .step-form .form-group label {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 10px
}

.step-location {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-bottom: 25px
}


#teamMemberList #AddedTeamMember1,
#teamMemberList #AddedTeamMember2,
#teamMemberList #AddedTeamMember3,
#teamMemberList #AddedTeamMember4,
#teamMemberList #AddedTeamMember5,
#teamMemberList #AddedTeamMember6,
#teamMemberList #AddedTeamMember7,
#teamMemberList #AddedTeamMember8,
#teamMemberList #AddedTeamMember9 ,
#teamMemberList #AddedTeamMember10,
#teamMemberList #AddedTeamMember11,
#teamMemberList #AddedTeamMember12,
#teamMemberList #AddedTeamMember13,
#teamMemberList #AddedTeamMember14,
#teamMemberList #AddedTeamMember15,
#teamMemberList #AddedTeamMember16,
#teamMemberList #AddedTeamMember17,
#teamMemberList #AddedTeamMember18,
#teamMemberList #AddedTeamMember19,
#teamMemberList #AddedTeamMember20 {
        position: relative;
        margin-bottom:20px;
        width: 90% !important;
}


form .form-group input

#teamMemberList #AddedTeamMember1 .form-control,
#teamMemberList #AddedTeamMember2 .form-control,
#teamMemberList #AddedTeamMember3 .form-control,
#teamMemberList #AddedTeamMember4 .form-control,
#teamMemberList #AddedTeamMember5 .form-control,
#teamMemberList #AddedTeamMember6 .form-control,
#teamMemberList #AddedTeamMember7 .form-control,
#teamMemberList #AddedTeamMember8 .form-control,
#teamMemberList #AddedTeamMember9 .form-control,
#teamMemberList #AddedTeamMember10 .form-control,
#teamMemberList #AddedTeamMember11 .form-control,
#teamMemberList #AddedTeamMember12 .form-control,
#teamMemberList #AddedTeamMember13 .form-control,
#teamMemberList #AddedTeamMember14 .form-control,
#teamMemberList #AddedTeamMember15 .form-control,
#teamMemberList #AddedTeamMember16 .form-control,
#teamMemberList #AddedTeamMember17 .form-control,
#teamMemberList #AddedTeamMember18 .form-control,
#teamMemberList #AddedTeamMember19 .form-control,
#teamMemberList #AddedTeamMember20 .form-control {
    width: 100% !important;
}


#teamMemberList #AddedTeamMember1 .custom-close,
#teamMemberList #AddedTeamMember2 .custom-close,
#teamMemberList #AddedTeamMember3 .custom-close,
#teamMemberList #AddedTeamMember4 .custom-close,
#teamMemberList #AddedTeamMember5 .custom-close,
#teamMemberList #AddedTeamMember6 .custom-close,
#teamMemberList #AddedTeamMember7 .custom-close,
#teamMemberList #AddedTeamMember8 .custom-close,
#teamMemberList #AddedTeamMember9 .custom-close,
#teamMemberList #AddedTeamMember10 .custom-close,
#teamMemberList #AddedTeamMember11 .custom-close,
#teamMemberList #AddedTeamMember12 .custom-close,
#teamMemberList #AddedTeamMember13 .custom-close,
#teamMemberList #AddedTeamMember14 .custom-close,
#teamMemberList #AddedTeamMember15 .custom-close,
#teamMemberList #AddedTeamMember16 .custom-close,
#teamMemberList #AddedTeamMember17 .custom-close,
#teamMemberList #AddedTeamMember18 .custom-close,
#teamMemberList #AddedTeamMember19 .custom-close,
#teamMemberList #AddedTeamMember20 .custom-close {
    right: -40px !important;
    left: auto;
    top: 20px;
    width: 20px !important;
    margin: 0 !important;
}



.step-2 .steps-body {
    padding-bottom: 65px
}



.step-2 .step-form .form-group {
    margin-bottom: 40px
}



.step-2 .step-form .form-group label {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px
}


.step-2 .step-form .form-group .supplier-dropdown {
    max-width: 100%;
    float: none;
    display: block;
}
.step-2 .step-form .form-group .supplier-dropdown .dropdown {
    display: block;
    float: none;
    max-width: 100%;
    width: 100%;
}
.step-2 .step-form .form-group .supplier-dropdown .dropdown .btn-downdrop{
    height: 62px;
    color: #464444;
    font-weight: 400;
    }

.step-2 .step-form .form-group .supplier-dropdown .dropdown .dropdown-menu.show .dropdown-item{
    color: #464444;
}

.step-2 .btn {
    float: right;
    margin-left: 20px
}

.step-3 {
    text-align: left
}

.step-3 .steps-body {
    padding-bottom: 70px
}



.step-3 p {
    font-size: 14px;
    line-height: 21px
}

.step-3 .form-group {
    margin-bottom: 30px
}
.step-3 .form-group.addteam {
    margin-bottom: 78px
}
.step-3 .form-group .btn{
    margin:7px 0; 
}


.step-3 .action-button-previous,
.step-3 .action-button {
    float: right;
    margin-left: 15px
}

.step-4 .action-button-previous,
.step-4 .action-button {
    float: right;
    margin-left: 15px
}

.step-4 .step-form p {
    margin-bottom: 25px
}

.step-4 .upload-button {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.step-4 .upload-button .btn {
    padding: 6px 29px
}

.step-4 .uploaded-file-details {
    display: inline-block;
    width: 100%;
    padding: 50px 0
}


.step-4 .file-format {
    display: inline-block;
    width: 100%;
    margin-bottom: 70px
}

.step-4 .file-format .files {
    display: inline-block;
    float: left;
}

.step-4 .file-format .files a {
    display: inline-block;
    margin-right: 15px;
    max-width: 30px
}
.step-4 .file-format p{
        line-height: 30px;
}


.step-4 .uploaded-projects {
    display: inline-block;
    width: 100%
}

.step-4 .uploaded-projects .each-pro-img {
    display: block;
    border-top: 0px solid #BEE3D9;
    padding: 10px 0;
    color: #aaa;
    font-size: 14px;
    border-bottom: 1px solid #BEE3D9;
    margin: 0;
    overflow: hidden;
}
.step-4 .uploaded-projects .each-pro-img:first-child {
    border-top: 1px solid #BEE3D9;
}

.step-4 .uploaded-projects .each-pro-img .custom-close{
    left: auto;
    right: 0;
}


.step-4 .uploaded-projects .each-pro-img .no,
.step-4 .uploaded-projects .each-pro-img .close {
    display: inline-block;
    float: left;
    padding: 0 4px 0 0;
}

.step-4 .uploaded-projects .each-pro-img .close {
    text-align: right;
    padding: 5px 0 0
}

.step-4 .uploaded-projects .each-pro-img .project-img {
    display: inline-block;
    width: 80%;
    float: left
}

.step-4 .steps-body .step-form .form-group {
    margin-bottom: 40px
}

.step-4 .action-button {
    float: right
}

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.custom-dropdown select {
    background-color: transparent;
    color: #464444;
    letter-spacing: 0;
    width: 100%;
    -webkit-appearance: button;
    border: 2px solid #E4EDEC !important;
    font-size: 14px;
    padding: 19px
}

.custom-dropdown::before {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 50px;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0
}

.radio-btn-label {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 12px;
    margin-right: 100px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-btn-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio-btn-label input:checked ~ .checkmark {
    background-color: transparent
}

.radio-btn-label input:checked ~ .checkmark:after {
    display: block
}

.radio-btn-label:hover input ~ .checkmark {
    background-color: #2BA481
}

.radio-btn-label .checkmark {
    transition: .5s ease-in-out
}

.radio-btn-label .checkmark:after {
    top: 3px;
    left: 3px;
    height: 14px;
    width: 14px;
    border: 2px solid #2BA481;
    background-color: #2BA481;
    border-radius: 50%
}

.custom-close {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: .5s ease-in-out;
    margin-top: 3px;
    margin-right: 3px;
}

.custom-close:hover {
    opacity: 1
}

.custom-close:before,
.custom-close:after {
    position: absolute;
    left: 0px;
    content: ' ';
    height: 13px;
    width: 2px;
    background-color: #EF462C;
}

.custom-close:before {
    transform: rotate(45deg)
}

.custom-close:after {
    transform: rotate(-45deg)
}

.hide-close {
    visibility: hidden;
    transition: .5s ease-in-out;
    transition-duration: .5s;
    position: absolute;
    opacity: 0
}

#custom-button {
    padding: 10px;
    color: white;
    background-color: #009578;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer
}

#custom-button:hover {
    background-color: #00b28f
}

#custom-text {
    margin-left: 14px;
    line-height: 21px;
    font-family: sans-serif;
    color: #aaa
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
    margin-top: -3px
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}


.submit-project-page {
    padding-top: 71px;
    padding-bottom: 159px;
}

.submit-project-page .project-wrapper {
    padding-bottom: 60px
}
.submit-project-page .policy-title {
    border-bottom: 1px solid #BEE3D9;
    padding-bottom: 40px;
}


.submit-project-page h4 {
    font-size: 24px;
    line-height: 39px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 10px;
    color: #464444
}



.submit-project-page .btn {
    padding: 11px 45px
}

.submit-project-page .about-project {
    margin-bottom: 70px
}


.submit-project-page .project-owner {
    background-image: url(../images/project-submitted.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 550px;
    background-position: center top;
    position: relative;
}

.submit-project-page .project-owner img {
       display: block;
    margin: -155px 0 0 -106px;
    width: 48%;
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 215px;
    max-height: 215px;
}



.supplier-page{}
.supplier-page h2{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5B5A5C;
    margin: 0 0 15px;
}
.supplier-page h2 a{
    float: right;
    color: #EF462C;
    text-decoration: underline;
}
.supplier-page h2 a:hover{
    text-decoration: underline;
}
.supplier-page .dropdown.supplier-dropdown{
    max-width: 100%;
    float: none;
    }
.supplier-page .dropdown.supplier-dropdown .dropdown {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}
.supplier-page .dropdown.supplier-dropdown .btn-downdrop {
       height: 62px;
       /*
    color: #212D23;
    display: block;
    */
}
.page-project-detai .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #0EB2E8;
    color: #fff;
}
.page-project-detail .select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    color: #464444;
    font-size: 14px;
    line-height:25px;
    text-transform: initial;
    font-weight: bold;
}
.page-project-detail .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0EB2E8;
    color: #fff;
}

.page-project-detail .select2-container--default .select2-results > .select2-results__options{
        max-height: 300px;
}

.supplier-page .input-group  {
    height: 62px;      
    }
.supplier-page .input-group  .form-control{
    height: 62px;
    border: 1px solid #BEE3D9;
    border-right: 0px;    
    border-radius: 0px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #EF462C;
    text-transform: uppercase;
    background: #E9F6F2;
    }
.supplier-page .input-group .input-group-append .input-group-text{
    height: 62px;
    background: #E9F6F2;
    border-left: 0px;
    border-radius: 0px;
    background: #E9F6F2;
    }

.supplier-page .input-group .input-group-append .input-group-text .fas{
    color: #EF462C;
    font-size: 14px;
    font-weight: 400;
    }


#myTabContent .category-label {
    padding-top: 45px;
    padding-bottom: 45px;
    border-top: 1px solid #BEE3D9;
    border-bottom: 1px solid #BEE3D9;
    margin-top: 45px;
}
#myTabContent .category-label h3{
    font-weight: bold;
    font-size: 60px;
    line-height: 78px;
    color: #464444;
}
#myTabContent .category-label h3 span{    
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #00A471;
    line-height: 12px;
    display: block;
    letter-spacing: 1px;
}
#myTabContent .category-label .btn{ 
    padding: 11px 14px;
    margin: 25px 0;
    float: right;
    } 


.footer {
    background: linear-gradient(270deg, #2BA481 0%, #0EB2E8 100%);
    padding: 110px 0;
    clear:both;
}

.footer .top-footer {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

.footer ul {
    list-style-type: none;
    padding: 0;
    color: #fff;
    margin-bottom: 0
}

.footer ul li {
    font-size: 16px;
    line-height: 34px
}

.footer ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    
}

.footer ul li a:hover {
    color:#212D23 ;
}

.footer .page-list {
    display: inline-block;
    width: 100%
}


.footer .page-list .footer-listing {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 30px
}


.footer .footer-grid form {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.footer .footer-grid form .form-group {
    display: block;
    width: 100%
}

.footer .footer-grid form .form-group input {
    border-radius: unset;
    background: transparent;
    padding: 18px 15px;
    float: left;
    width: 64%;
    color: #fff;
    border:1px solid #fff;
}
.footer .footer-grid form .form-group .form-control:focus{
    color: #fff;
    border-color: #fff;
}

.footer .footer-grid form .form-group input::placeholder {
    color: #fff
}

.footer .footer-grid form .transparent-btn {
    border-radius: unset;
    padding: 6px 5px;
    border-left: none;
    box-shadow: none;
    background: transparent;
    border: 1px solid;
    margin-left: -1px;
    font-weight: normal;
    float: left;
    width: 35%;
}

.footer .footer-grid form .transparent-btn:hover {
    color: #2BA481;
    background: #fff;
    border:1px solid #fff;
}



.footer .social-icons {
    display: inline-block;
    width: 100%;
    max-width: 90px
}

.footer .social-icons li {
    display: inline-block;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.footer .social-icons li a{
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
}


.footer .social-icons li a.facebook{
    background-image: url(../images/facebook.svg);
}
.footer .social-icons li a.facebook:hover{
    background-image: url(../images/facebook-hover.svg);
}



.footer .social-icons li a.linkedin{
    background-image: url(../images/linkedin.svg);    
}

.footer .social-icons li a.linkedin:hover{
    background-image: url(../images/linkedin-hover.svg);    
}


.footer .social-icons li a.twitter{
    background-image: url(../images/twitter.svg);
}
.footer .social-icons li a.twitter:hover{
    background-image: url(../images/twitter-hover.svg);
}



.footer .social-icons li a.instagram{
    background-image: url(../images/instagram.svg);
}
.footer .social-icons li a.instagram:hover{
    background-image: url(../images/instagram-hover.svg);
}





.footer .social-icons li a {
    padding-left: 0
}



.footer .footer-bold-text{
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 0;
    text-align: left;
}
.footer .footer-bold-text a{
    color: #fff
}
.footer .footer-bold-text a:hover {
    color:#212D23 ;
}


.footer .footer-content {
    font-size: 16px;
    line-height: 24px;
        text-align: left;
            margin-bottom: 10px;
}
.footer .footer-content a{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 6px 0 0 0;
    color: #fff;
    display:block;
    
}

.footer .footer-content a:hover{
    color:#464444;
}

.footer p {   color: #fff}

.footer .bottom-footer .footer-logo {
    display: inline-block;
    float: left;
    margin-right: 30px
}
.footer .bottom-footer p {
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 0;
    text-align: left;
}
.footer .bottom-footer p a{
    padding: 0 6px;
    color: #fff
}
.footer .bottom-footer p a:hover{
    color: #212D23
}

.show-in-mobile-submit{
    display: none;
 }
.hide-in-mobile-submit{
    display: block;
}

.tableauPlaceholder{   width: 100% !important }
.tableauPlaceholder#viz1591248224720{   width: 100% !important }



iframe.tableauViz {   width: 100% !important }
iframe.tableauViz document html body{ width: 100% !important }
iframe.tableauViz html body.tundra.tableau.public{   width: 100% !important; background :red; }


.tundra.tableau.public{  width: 100% !important }
.tundra.tableau.public.ff-IFrameSizedToWindow{  width: 100% !important }
#initializing_thin_client{width: 100% !important }
.wcBody{width: 100% !important }

#centeringContainer{width: 100% !important }
#centeringContainer #tabBootErr{width: 100% !important }
#tabBootErrBody{width: 100% !important }

#viz-client-container{width: 100% !important }
#main-content{width: 100% !important }
#dashboard-viewport{width: 100% !important }

#dashboard-spacer .dashboardSpacer.tab-widget{width: 100% !important }

#tab-dashboard-region.tab-dashboard .tab-widget.is-dashboard{width: 100% !important }

.tab-zone.tab-widget{ width: 100% !important }

.col-md-12.form-error{ margin-top: 120px; }

.refer-a-vendor {
    background: rgba(190,227,217,0.32);
    padding: 72px 51px 64px 58px;
    margin-bottom: 33px;
}
.refer-a-vendor p {
    margin: 0;
    font-size: 24px;
    line-height: 48px;
    font-weight: 600;
    color: #464444;
}
.refer-a-vendor .btn{
    padding: 11px 50px;
}

.promotional-banner {
    padding: 112px 51px 50px 58px;
    margin-bottom: 33px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.promotional-banner h3 {
    margin: 0;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
}
.promotional-banner h2 {
    margin: 0;
    font-size: 60px;
    line-height: 78px;
    font-weight: 600;
    color: #fff;
}
.promotional-banner .btn{
    padding: 11px 50px;
}



.tooltip-header {

}
.tooltip-header img{
    width: 18px;
    height: 18px;
}

.tooltip-header .tooltip-inner {
    background-color: rgb(33,45,35, 0.9) !important;
    text-align:center;
    display: block;
    margin: 0 auto;
}

/******************************************/
/******  Project Page Css ************/
/******************************************/
    .pt-section {
        /*top: 157px;*/
        transition: 4s ease-out;
    }
    #ptsection-one,
    #ptsection-two,
    #ptsection-three,
    #ptsection-four,
    #ptsection-five {
        padding:60px 0;
        position: relative;
    }
    
    #ptsection-one { 
            padding-top: 141px;
    }
    
    .project-head-section#ptsection-one{
        z-index: 1;
        width: 100%;
        background: #fff;
    }
    #ptsection-one .project-info-section{ 
        min-height: 327px;
    }
    #ptsection-one .project-info-section a{ color:#464444; }
    #ptsection-one .project-info-section a img{ 
        margin-bottom: 19px;
        max-height: 170px;
        max-width: 100%;
        min-height: 170px;
        width: 100%;
    }
    #ptsection-one .project-info-section h4{
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    #ptsection-one .project-info-section p{
        margin-bottom: 20px
    }
    
    #ptsection-one .project-info-section.main-photo { }
    #ptsection-one .project-info-section.main-photo img{
        min-width: 200px;
        min-height: 497px;
        max-width: 100%;
        max-height:  497px;
        margin-bottom: 10px;
    }
   
    #ptsection-one .project-info-section .title{
        margin-bottom: 20px;
        overflow: hidden;
    }
    #ptsection-one .project-info-section .title p{
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        float: left;
        line-height: 24px;
        margin: 30px 0 10px 0;
    }
    #ptsection-one .project-info-section .title .img{
        width: 112px;
        height: 99px;
        max-height: 100%;
        max-width: 100%;
        float: right;
        min-height: 100%;
    }
    #ptsection-one .project-info-section .title .img img{
        width: 100%;
        max-height: 100%;
        max-width: 100%;
        min-height: 100%;
        margin: 0;
        min-width: 100%;
    }





    #ptsection-two{
        background: #F6F6F6
    }
    #ptsection-two h2{
        margin-bottom: 50px;
        text-align: center;
    }
    #ptsection-two .btn{
        margin:0 auto;
        display:block;
    }
    #pt-section.project-head-section .btn{
        margin:0 auto;
        display:block;
    }
    #ptsection-two .vendor-list {
        margin-bottom: 35px;
    }
    #ptsection-two .vendor-list img{ 
        margin-bottom: 24px;
        min-height: 170px;
        max-height: 170px;
        width: 100%;
        max-width: 100%;
    }
    #ptsection-two .vendor-list h2{     
        font-size: 24px;
        line-height: 37px;
        font-weight: 600;
        text-align: left;
        margin-bottom: 8px;
    }
    #ptsection-two .vendor-list h3{
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        color: #00A471;
    }
    #ptsection-two .vendor-list h4{    
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    #ptsection-two .vendor-list p{ 
        font-size: 16px;
        margin-bottom: 20px;
        min-height: 260px;
    }
    #ptsection-two .vendor-list a.link-heading{
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    #ptsection-two .vendor-list .leader .about-leader{
        padding: 35px 0 0;
        float: none;
    }
    #ptsection-two .vendor-list .leader .about-leader .leader-numbers img{
        min-height: auto;
        max-height: auto !important;
        margin:0;
        width: auto;
    }
    .block {  }
    .block > .bottom {  }
    
    
    
    
/*************************************************************/
/******* vendor landing - multiple segment specific **********/
/*************************************************************/

.ven-land-mul-seg-intro{padding: 75px 0 79px; background: #F6F6F6;}
.ven-land-mul-seg-intro h2{
    line-height: 32px;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    color: #464444;
}
.ven-land-mul-seg-intro p{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}
.ven-land-mul-seg-intro .contact-detail{
    border-bottom: 0;
}
.ven-land-mul-seg-intro .contact-detail h6 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 15px;
    color: #00A471;
}
.ven-land-mul-seg-intro .contact-detail p {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 1rem;
    width: 100%;
    display: block;
    text-transform: uppercase;
    color: #EF462C;
}
.ven-land-mul-seg-intro .contact-detail span.space {
    margin-bottom: 60px;
    display:block;
}


.ven-land-list-sec {    padding: 80px 0 30px;}
.ven-land-list-sec h2{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        text-align: center;
    }
.ven-land-list-sec p{
        margin-bottom: 90px;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
.ven-land-list-sec h3{
        margin-bottom: 60px;
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        text-align: center;
    }

.ven-land-list-sec .project-list{
    border-bottom: 1px solid #BEE3D9;
    margin-bottom: 50px;
    padding-bottom: 50px;
    display: block;
    width: 100%;
    }
.ven-land-list-sec .project-list:last-child{
    border-bottom: 0px solid #BEE3D9;
}
.ven-land-list-sec .project-list .thumb{}
.ven-land-list-sec .project-list .thumb img{
        width: 100%;
        max-width: 100%;
        min-height: 398px;
        max-height: 398px;
    }
.ven-land-list-sec .project-list h5{
    color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    margin-top: 88px;
    text-transform: uppercase;
}
.ven-land-list-sec .project-list h4{
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        color: #464444;
    }
.ven-land-list-sec .project-list h4 a{
         margin-bottom: 15px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        color: #EF462C;
            text-transform: none;
    }
    
.ven-land-list-sec .project-list p{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}
.ven-land-list-sec .project-list a{
    margin-bottom: 0;
    line-height: 30px;
    color: #EF462C;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}




.ven-land-mul-seg-infographic { 
    padding: 123px 0 135px; 
    background: #F6F6F6; 
    }
.ven-land-mul-seg-infographic .placeholder img{
    max-height: 428px;
    margin: 0 auto;
    max-width: 904px;
    display: block;
    }



.ven-land-mul-seg-gallery { padding: 98px 0; background: #212D23; }
.ven-land-mul-seg-gallery h2{
    text-align: center;
    font-size: 24px;
    line-height: 37px;
    font-weight: bold;
    margin-bottom: 53px;
    color: #fff;
}





.ven-land-mul-seg-video { padding: 88px 0 120px; background: #F6F6F6; }
.ven-land-mul-seg-video h5{
        font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #00A471;
    text-align: center;
}
.ven-land-mul-seg-video h2{
    text-align: center;
    font-size: 24px;
    line-height: 37px;
    font-weight: bold;
    margin-bottom: 24px;
    color: #464444;
}

.ven-land-mul-seg-video .video-pod {margin-bottom: 37px  }
.ven-land-mul-seg-video .video-pod iframe{ ;max-width: 100%;width: 100%; }

.ven-land-mul-seg-video h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.ven-land-mul-seg-video h3 a{
    color: #EF462C;
}
.ven-land-mul-seg-video p{
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}





.ven-land-mul-seg-resources{ padding: 106px 0 100px; }
.ven-land-mul-seg-resources h2{
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 37px;
    color: #212D23;
}

.ven-land-mul-seg-resources .pod {  }
.ven-land-mul-seg-resources .pod img{ margin-bottom: 37px;max-width: 100%;width: 100%; }
.ven-land-mul-seg-resources .pod h5{
        font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #5B5A5C;
}
.ven-land-mul-seg-resources .pod h3{
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #464444;
    text-align: left; 
}
.ven-land-mul-seg-resources .pod h3 a{
    color: #EF462C;
}
.ven-land-mul-seg-resources .pod p{
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 24px;
}

.ven-land-mul-seg-resources .resources-image .tooltip-css{
    display:none;
}

.apexcharts-tooltip.apexcharts-theme-light{
    box-shadow: 0px 4px 6px rgb(0 0 0 / 38%) !important
}
.arrow_box {
    width:500px;
    
}
.arrow_box .arrow_box_head{
    padding:20px;
    background :#F6F6F6;
    overflow:hidden;
    
    
}
.arrow_box .arrow_box_head .arrow_box_head_title{
    float:left;
    width:310px;
}
.arrow_box .arrow_box_head .arrow_box_head_title h2{
    text-align:left  !important;
    font-size:24px !important;
    line-height:28px;
    margin:0 0 8px !important;
    font-weight:bold;
    padding: 0;
}
.arrow_box .arrow_box_head .arrow_box_head_title h3{
    text-align:left  !important;
    font-size:18px  !important;
    line-height:24px;
    margin: 0 0 5px;
    font-weight:normal;
    padding: 0;
    text-transform: capitalize;
}
.arrow_box .arrow_box_head .arrow_box_head_title p{
    text-align:left  !important;
    font-size:18px  !important;
    line-height:24px;
    margin: 0 0 5px;
    font-weight:normal;
    padding: 0;
}
.arrow_box .arrow_box_head .arrow_box_head_score{
    float:right;
    width:84px;
text-align: center;}
.arrow_box .arrow_box_head .arrow_box_head_score img{
    width: 76px !important;
    height:76px;    
    margin: 0 auto 10px !important;
    display:block;
}

.arrow_box .arrow_box_head .arrow_box_head_score span {
    color: #464444;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    display:block;
}
.arrow_box p{
    text-align:left  !important;
    font-size:16px  !important;
    clear:both;
    padding:20px;
    font-weight:bold;
margin: 0;}
.arrow_box p span{
    display:block;
    font-weight:normal;
}



/*************************************************************/
/******* vendor landing - multiple segment specific **********/
/*************************************************************/

    @media only screen and (min-width:480px) {
        .row.row-flex-wrapper::before,
        .row.row-flex-wrapper::after {
            content: none !important;
        }
        .row.row-flex-wrapper::after {
            clear: none;
        }
        .row.row-flex-wrapper {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;

            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        }
        .row.row-flex-wrapper .column {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            float: none;
            border: 1px solid orange;
        }
        .row.row-flex-wrapper .column > .block {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: column;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
        }
        .row.row-flex-wrapper .column > .block > .block-list {
            flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            -webkit-flex: 1 0 auto;
        }
        .row.row-flex-wrapper .column > .block > h2 {
        }
    }
    @media only screen and (min-width:480px) and (max-width: 767px) {
        .container .row .column {
            width: 50%; 
        }
    }
    
    .more-vendor-details{
        padding:40px 0;
    }
    .more-vendor-details h2{
        margin-bottom: 50px;
        text-align: center;
    }
    
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #F6F6F6;
    }
    
    .table.table-striped td,
    .table.table-striped th {
        padding: 40px 0;
        vertical-align: middle;
        border-top: 1px solid #BEE3D9;
        border-right: 1px solid #BEE3D9;
        border-bottom: 0px solid #BEE3D9;
    }
    
    .table.table-striped thead th{
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
        border: 0;
    }
    
    .table.table-striped thead th a{
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
        border: 0;
    }
    .table.table-striped thead th span{
        color: #464444;
    }
    .table.table-striped td {
        color: #464444;
        font-size: 14px;
        line-height: 21px;
        padding-left: 14px;
        padding-right: 10px;
    }
    .table.table-striped td .about-leader{}
    .table.table-striped td .about-leader small{
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    .table.table-striped td .about-leader .leader-numbers{
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 24px;
        margin: 0;
    }
    
    
    
    .table.table-striped th {
        color: #464444;
        font-size: 18px;
        font-weight: bold;
        line-height: 28px;
        padding-left: 34px;
        padding-right: 10px;
    }
      .table.table-striped th a{
        color: #EF462C;
        font-size: 18px;
        font-weight: bold;
        line-height: 28px;
    }

    #ptsection-three {
        background: #212D23
    }




    #ptsection-three h2{
        color: #fff;
        margin-bottom: 50px;
        text-align: center;
    }
    #ptsection-three p{
        color: #fff;
        margin-top: 12px;
    }
    #ptsection-three .carousel-inner p{
            text-align: left;
    }
    #ptsection-three p.photo-count{
        text-align: right;
        margin-top: 12px;
        display: block;
        line-height: 12px;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        
    }
    #ptsection-three  .carousel-inner .tooltip-css{
        bottom: 20px;
        right: 25px;
    }

    #ptsection-three .carousel-control-prev,
    #ptsection-three .carousel-control-next{
        width: 79px;
        opacity: 1;
        position: absolute;
        bottom: 0;
        top: 0;
    }
    #ptsection-three .carousel-control-prev span,
    #ptsection-three .carousel-control-next span{
        border: 1px solid rgba(255, 255, 255, 18%);
        width: 79px;
        height: 79px;
        opacity: 1; 
    }
    #ptsection-three .carousel-control-prev img,
    #ptsection-three .carousel-control-next img{
            width: 20px;
    padding: 31px 0;
    }
    
    #ptsection-three .carousel-inner img{
        max-width:958px;
        max-height:673px;
    }




    #ptsection-four { background: #F6F6F6 }
    #ptsection-four h2{ margin-bottom: 50px;text-align: center; }

    #ptsection-four .hero-image {}
    #ptsection-four .hero-image img{ 
        margin-bottom: 21px;
        min-height: 465px;
        max-height: 465px;
    }
    #ptsection-four .hero-image p{ font-size: 16px;line-height: 24px; }

    #ptsection-four .project-score-rating{
        display: block;
        background: #FFFFFF;
        padding: 20px 20px 26px;
        margin-bottom: 50px;
        min-height: 465px
    }
    #ptsection-four .project-score-rating img{
        margin-bottom: 20px;
        max-width:100%;
    }
    #ptsection-four .project-score-rating.head-space img{
        margin-bottom: 85px;
        max-width:100%;
    }

    #ptsection-four .project-score-rating .leader{
        float: none;
        width: 100%
    }
    #ptsection-four .project-score-rating .leader .about-leader {
        display: block;
        float: none;
        padding: 0;
        margin: 0 0 20px;
        text-align: center;
    }
      #ptsection-four .project-score-rating .leader .about-leader .leader-numbers span img{
            margin-bottom: 0px;
    }
    #ptsection-four .project-score-rating h4{
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
        text-align: center;
            cursor: pointer;
    }
    #ptsection-four .project-score-rating ul { padding:0;list-style: none   }
    #ptsection-four .project-score-rating ul li{ font-size: 14px;line-height: 21px; }
    
    #ptsection-four .project-score-rating ul.list-green {    margin: 0 0 10px;  }
    #ptsection-four .project-score-rating ul.list-green li::before{
        content: "\2022";
        color: #00A471;
        font-weight: bold;
        display: inline-block;
        width: 13px;
        margin-left: -1px;
        font-size: 30px;
        vertical-align: sub;
    }

    #ptsection-four .project-score-rating ul.list-blue {    margin: 0 0 10px;}
    #ptsection-four .project-score-rating ul.list-blue li::before{
        content: "\2022";
        color: #0EB2E8; 
        font-weight: bold;
        display: inline-block;
        width: 13px;
        margin-left: -1px;
        font-size: 30px;
        vertical-align: sub;
        
    }

    #ptsection-four .project-score-rating ul.list-grey {    margin: 0 0 34px;}
    #ptsection-four .project-score-rating ul.list-grey li::before{
        content: "\2022";
        color: #A4A1A4;
        font-weight: bold;
        display: inline-block;
        width: 13px;
        margin-left: -1px;
        font-size: 30px;
        vertical-align: sub;

    }
    #ptsection-four a.link-heading{
        margin-bottom: 0;
        display: block;
        line-height: 30px;
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }
    #ptsection-four a.link-heading:hover{
        color: #B44534;
        text-decoration: underline;
    }
    #ptsection-four a.link-heading img{
        width: 20px;
        margin-right: 10px;
        display: inline-block;
    }



    #ptsection-five .{}

    #ptsection-five h2{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        text-align: center;
    }
    #ptsection-five .project-list{
        border-top: 1px solid #BEE3D9;
        margin-bottom: 50px;
        padding-top: 50px;
            display: block;
    width: 100%;
    }
    #ptsection-five .project-list a.morelink.less,
    #ptsection-five .project-list a.morelink{
        line-height: 12px;
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }
    #ptsection-five .project-list .list-image{
        
    }
    #ptsection-five .project-list .list-image img{
        width: 100%;
        /* height: 227px; */
        max-width: 303px;
    }
    #ptsection-five .project-list h3{
        margin-top: 32px;
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
    #ptsection-five .project-list p{
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    #ptsection-five .project-list p a{
        margin-bottom: 0;
        line-height: 30px;
        color: #EF462C;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 20px;
    }
    #ptsection-five .designer-detail {
        width:100%;
    }
    #ptsection-five .designer-detail h2{
        margin-bottom: 0;
        line-height: 22px;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
    }
    #ptsection-five .designer-detail h2.space{
        margin-bottom: 20px;
        
    }
    #ptsection-five .designer-detail h2:last-child{
        margin-bottom: 37px;
    }
    #ptsection-five .designer-detail h3{
        margin-bottom: 7px;
        line-height: 12px;
        color: #00A471;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
    }
    #ptsection-five .designer-detail a{
        line-height: 22px;
        color: #EF462C;
        font-size: 16px;
        text-align: left;
    }
    #ptsection-five .designer-detail .btn{
        margin: 0 auto;
        display: block;
    }








    /* Progress Tracker */
    .progress-tracker {
        /*
        position: absolute;
        top: 50%;
        right: 10px;
        height: 104px;
        margin-top: -52px;
        */
        position: fixed;
        top: 50%;
        right: 10px;
    }
    .progress-tracker.hide {
        width: 0px;
    }
    .progress-tracker.hide ul li .pt-description,
    .progress-tracker.hide.active ul li .pt-description,
    .progress-tracker.hide.constant ul li.active .pt-description {
        display: none;
    }
    .progress-tracker ul li {
        width: 13px;
        height: 13px;
        position: relative;

        background-color: #464444;
        opacity: 25%;
        margin-bottom: 10px;

        list-style-type: none;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }
    .progress-tracker ul li a {
        width: 100%;
        height: 100%;
        display: block;
    }
    .progress-tracker ul li .pt-description {
        display: none;
        position: absolute;
        top: -2px;
        right: 25px;
        padding: 3px 8px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #e9ebea;
        white-space:nowrap;
    }
    .progress-tracker ul li.active {
        background-color: #464444; 
        opacity: 100%;
    }
    .progress-tracker.constant ul li.active .pt-description {
        display: block;
    }



.tooltip-css {
    bottom: 20px;
    right: 44px;
    width: 32px;
    height: 32px;
    color: red;
    background: rgba(33,45,35,0.7);
    padding: 7px;
    border-radius: 100%;
    line-height: 15px;
    position: absolute;
    z-index: 11;
}
.tooltip-css img{
    width: 18px;
    height: 18px;
}
.tooltip-css .tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 120px;
    background: rgba(33,45,35,0.7);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px 6px;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    position: absolute;
    z-index: 1;
    top: -37px;
    left: -180%;
}
.tooltip-css .tooltiptext span{
  display:block;
}

.tooltip-css:hover .tooltiptext {
  visibility: visible;
}

/******************************************/
/******  Project Page Css ************/
/******************************************/



/**************************************/
/****** CookiePro Button Style  *******/
/**************************************/

#onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler{
    border-radius: 30px  !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0eb2e8+0,2ba481+100 */
    background: rgb(14,178,232) !important; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(14,178,232,1) 0%, rgba(43,164,129,1) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(14,178,232,1) 0%,rgba(43,164,129,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(14,178,232,1) 0%,rgba(43,164,129,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0eb2e8', endColorstr='#2ba481',GradientType=0 ) !important; /* IE6-9 */

    box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.15) !important;
    padding: 11px 27px !important;
    color: #fff !important;
    line-height: 24px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    float: right;
    margin: 14px 32px !important;
}
#onetrust-banner-sdk #onetrust-policy {
    margin: 0 !important;
}
#onetrust-banner-sdk #onetrust-policy-text{
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    padding: 26px 0 0 20px !important;
    margin: 0 !important;
}
#onetrust-banner-sdk #onetrust-pc-btn-handler{
    margin: 19px 32px !important;
}
/**************************************/
/****** CookiePro Button Style  *******/
/**************************************/



/******************************************/
/******  Article Author Page Css ************/
/******************************************/
.article-author-section{ padding:100px 0;  }
.article-author-section.top-section{ padding-top: 0;  }

.article-author-section h2{ font-size: 24px;line-height: 32px;font-weight: 600;margin-bottom: 25px }
.article-author-section h3{ font-size: 16px;line-height: 24px;font-weight: 600;margin-bottom: 15px }
.article-author-section p{}
.article-author-section .article-author-image img{ margin-bottom: 30px;max-width:100%; }

.article-author-detail{
    margin: 50px 0;
    padding: 50px 10px;
    border-bottom: 1px solid #BEE3D9;
    border-top: 1px solid #BEE3D9;
    width: 100%;
}
.article-author-detail h2{ 
        font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 15px;
}
.article-author-detail p.author-name{
    color: #00A471;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin:0 ;
}
.article-author-detail p.author-des{
    color: #464444;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin:0 ;
}



.article-author-section .author-image-box{ background: #F6F6F6;padding:35px 40px  }
.article-author-section .author-image-box h4{ 
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #464444;
    margin-bottom: 20px;
    }
.article-author-section .author-image-box .image{ margin-bottom: 22px }
.article-author-section .author-image-box .image img{ max-width:100%; }
.article-author-section .author-image-box h2{ 
        color: #EF462C;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 14px;
}
.article-author-section .author-image-box p{ 
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}


/******************************************/
/******  Article Author Page Css ************/
/******************************************/


/********************************************************/
/******  Create Category Landing Page Css ************/
/********************************************************/

.cat-head-links{
    padding:46px 0;
}
.cat-head-links ul{
    padding:0;
    margin:0;
    text-align:center;
    overflow:hidden;
}
.cat-head-links ul li{
    padding: 0 15px;
    margin: 0;
    display: inline-block;
}
.cat-head-links ul li a{
    color: #EF462C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 0;
}

body.page-project-detail #ptsection-one{  
    padding-top: 120px;
}
body.page-project-detail #ptsection-two{   
    padding-top: 120px;
    
}
body.page-project-detail #ptsection-three{  
    padding-top: 120px;
}
body.page-project-detail #ptsection-four{  
    padding-top: 120px;
}
body.page-project-detail #ptsection-five{
        padding-top: 120px;
}




.create-cat-head{ 
    width: 100%;
    margin: 0 auto;
    display: block;
    padding:72px 0;
    background: #F6F6F6;
    z-index: 1}
.create-cat-head h2{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}
.create-cat-head a.morelink{
        font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
}

.create-cat-head h3{
    color: #00A471;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}
.create-cat-head h5 {
       font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
    cursor: pointer;
}
.create-cat-head h5 a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
}

body.page-project-detail.page-explore-projects #ptsection-one{
        padding-top: 103px;
}

.create-cat-ben-challenge{ 

    }
.create-cat-ben-challenge h2{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center
}
.create-cat-ben-challenge h3{
    color: #0EB2E8;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    padding: 0;
    margin: 0 0 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.create-cat-ben-challenge  .table-responsive{
    padding-right:1px;
    padding-left:1px;
    margin-bottom:82px;
}
.create-cat-ben-challenge .table-striped{
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.create-cat-ben-challenge .table-striped tbody{
    
}

/*
@-moz-document url-prefix() {
    .create-cat-ben-challenge .table-striped tbody {
            border-left:2px solid #BEE3D9
    }
}
*/
.create-cat-ben-challenge .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
    border-left:1px solid #BEE3D9;
    border-right:2px solid #BEE3D9
    
}
.create-cat-ben-challenge .table-striped tbody tr:nth-of-type(even) {
    background-color: #F6F6F6;
    border-left:1px solid #BEE3D9;
    border-right:2px solid #BEE3D9
}
.create-cat-ben-challenge .table-striped tbody tr:last-child {
    border-bottom:1px solid #BEE3D9
}



.create-cat-ben-challenge .table.table-striped thead th{
    color: #0EB2E8;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    line-height: 24px;
    padding: 0px 0 24px;
    margin: 0;
    width:50%;
}
.create-cat-ben-challenge .table.table-striped td{
    line-height: 28px;
    font-size:16px;
    text-align: center;
    width:50%;
    position:relative;
    padding: 30px 25px;
}
.create-cat-ben-challenge .table.table-striped td p{
    font-weight: bold;
    font-size:18px;
    margin: 0;
    padding: 0;
}
.create-cat-ben-challenge .table.table-striped td span p{
    font-weight: normal;
    font-size:18px;
    margin: 0;
    padding: 0;
}
.create-cat-ben-challenge .table.table-striped td p a{
    color: #EF462C;
    text-decoration:underline;
        font-weight: normal;
}
.create-cat-ben-challenge .table.table-striped td:hover{
    
}
.create-cat-ben-challenge .table.table-striped td.content-hover .greencontent {
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.create-cat-ben-challenge .table.table-striped td.content-hover .greencontent > p{
    text-align:center;
}

.create-cat-ben-challenge .table.table-striped td.content-hover:hover .greencontent {
    position: absolute;
    visibility: visible;
    cursor: pointer;
    
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    padding: 10px;
    background: rgb(3,164,129);
    background: -moz-linear-gradient(90deg, rgba(3,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: linear-gradient(90deg, rgba(3,164,129,1) 0%, rgba(14,178,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03a481",endColorstr="#0eb2e8",GradientType=1);
}
.create-cat-ben-challenge .table.table-striped td.content-hover:hover .greencontent p{
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    display: block;
    width: 100%;
    
}
body.page-project-detail.page-explore-projects #ptsection-two{
        padding-top: 123px;
}

#ptsection-three.create-cat-innovation-products{ 
    background: #fff;
    padding-top: 133px;
}
#ptsection-three.create-cat-innovation-products h2{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 40px; 
}
#ptsection-three.create-cat-innovation-products img{
    max-height: 420px;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 40px; 
}
#ptsection-three.create-cat-innovation-products h4{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #464444;
    margin-bottom: 20px;
}
#ptsection-three.create-cat-innovation-products h3{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}
#ptsection-three.create-cat-innovation-products h3.showCursorAsPointer{
    color: #EF462C;
}
#ptsection-three.create-cat-innovation-products p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 46px;
    color: #464444;
} 
#ptsection-three.create-cat-innovation-products a{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
}




#ptsection-four.vendor-highlight{ 
    text-align:center;
        padding-top: 110px;
}
#ptsection-four.vendor-highlight img{  
    max-width:100%;
}
#ptsection-four.vendor-highlight h4{
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #00A471;
    margin-bottom: 10px;
}
#ptsection-four.vendor-highlight h2{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 40px; 
    text-align:center;
}

#ptsection-four.vendor-highlight h3{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 45px;
    margin-bottom: 20px;
}
#ptsection-four.vendor-highlight h3.showCursorAsPointer{
    color: #EF462C;
}
#ptsection-four.vendor-highlight p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 40px;
    color: #464444;
}


#ptsection-five.create-cat-point-of-view { 
        padding-top: 110px;
    
}
#ptsection-five.create-cat-point-of-view .point-of-view-box {
    margin-bottom: 40px;
}
#ptsection-five.create-cat-point-of-view  .create-cat-point-of-view-row{
    border-bottom: 1px solid #BEE3D9;
    padding-bottom:74px;
    margin-bottom:74px;
}
#ptsection-five.create-cat-point-of-view  .create-cat-point-of-view-row:last-child{
    border-bottom: 0px solid #BEE3D9;
    padding-bottom:0;
    margin-bottom:0;
}
#ptsection-five.create-cat-point-of-view img{
    /*max-height: 227px;
    min-height: 227px;*/
    max-width: 100%;
    min-width: 100%;
}
#ptsection-five.create-cat-point-of-view h2{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center;
    }
#ptsection-five.create-cat-point-of-view h3{
        font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #464444;
    margin-bottom: 10px;
    margin-top: 0;
}

#ptsection-five.create-cat-point-of-view h4{
    color: #464444;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}
#ptsection-five.create-cat-point-of-view h4.showCursorAsPointer{
    color: #EF462C;
}


#ptsection-five.create-cat-point-of-view p{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 10px;
    color: #464444;
}
#ptsection-five.create-cat-point-of-view a{
        font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    color: #EF462C;
}


/********************************************************/
/******  Create Category Landing Page Css ************/
/********************************************************/

#onetrust-pc-sdk .ot-cat-grp .ot-always-active{
    color:#fff !important
}


.table.table-striped.marriottcontract{
    
    margin-bottom:60px
}
.table.table-striped.marriottcontract td, 
.table.table-striped.marriottcontract th{
        border-right: 0px;
    width: 25%;
}


/********************************************************/
/******  Vendor Detail page                  ************/
/********************************************************/
.at-glance {
    padding-bottom: 60px
}
.at-glance h2{
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    color: #212D23;
    margin-bottom: 34px;
}
.at-glance h3{
    font-size: 16px;
    line-height: 22px;
    color: #212D23;
    margin-bottom: 20px;
    font-weight: bold;
}
.at-glance p{
    clear: both;
    display: block;
}
/*
.at-glance .at-glance-rattting{
    display: block;
    width: 100%;

}
.at-glance .at-glance-rattting .card{background: none; }
.at-glance .at-glance-rattting .project-submission{
    display: block;
    width: 100%;
    background: none;
}
.at-glance .at-glance-rattting .title-hover{
    display: block;
    width: 100%;
    background: #fff;
    margin-bottom: 0px; 
    border-top: 1px solid #BEE3D9;
    border-right: 1px solid #BEE3D9;
    border-left: 1px solid #BEE3D9;
    border-bottom: 0px solid #BEE3D9;
}
.at-glance .at-glance-rattting .title-hover.collapsed{
    border: 1px solid #BEE3D9;
    margin-bottom: 30px;
    background: #fff;
}

.at-glance .at-glance-rattting .collapse.show{
    border-top: 0px solid #BEE3D9;
    border-right: 1px solid #BEE3D9;
    border-left: 1px solid #BEE3D9;
    border-bottom: 1px solid #BEE3D9;
    margin-bottom: 30px;
    background: #fff;
    padding-top: 26px;
    
    }   
*/
.at-glance .at-glance-rattting .at-glance-project-row{
    display: block;
    padding: 17px 17px 20px;
}
.at-glance .at-glance-rattting .at-glance-project-row .box {

    width: 120px;
    height: 80px;
    float: left;
    margin: 0 22px 0 0;
    text-align: center;
    overflow: hidden;
}
.at-glance .at-glance-rattting .at-glance-project-row .box img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 80px;
    min-height: 100%;
}
.at-glance .at-glance-rattting .at-glance-project-row .details {
    float: left;
    display: inline-block;
    width: 48%;
    padding-top: 14px;
}
.at-glance .at-glance-rattting .at-glance-project-row .details h4 {
    color: #05A895;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}
.at-glance .at-glance-rattting .at-glance-project-row .details h4 span {
     color: #005D8B; 
    
}
.at-glance .at-glance-rattting .at-glance-project-row .details h4 span.grey {
    color: #5B5A5C;
}
 .at-glance .at-glance-rattting .at-glance-project-row .details h3 {
    color: #EF462C;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 22px;
    margin-bottom: 0;
    text-transform: none;
}
.at-glance .at-glance-rattting .at-glance-project-row .score-rating{
    width: 14px;
    display: block;
    cursor: pointer;
    margin: 28px 0;
}
.at-glance .at-glance-rattting .at-glance-project-row .score-rating .fa, 
.at-glance .at-glance-rattting .at-glance-project-row .score-rating .fas{
    color: #EF462C;
}
.accordion.at-glance-rattting .card .card-body {
    padding:  0 0 33px;
      transition: 2s ease-out;
    transform: rotate(0deg);
}
.accordion.at-glance-rattting .card .card-body p{
    margin-bottom: 0;
    padding-top:0;
}
.accordion.at-glance-rattting .card .card-body h4{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
}

.accordion.at-glance-rattting .card .card-body .listing{
    border-top: 1px solid #BEE3D9;
    padding: 0;   
    }
.accordion.at-glance-rattting .card .card-body .listing p {
    margin-bottom: 0;
    padding: 20px 19px 30px;
    /*border-bottom: 1px solid #BEE3D9;*/
    font-size: 16px;
    line-height: 24px;
}
.accordion.at-glance-rattting .card .card-body .listing .main-list-cont{
    padding: 20px 34px 30px;
    border-right: 1px solid #BEE3D9;
    border-top: 1px solid #BEE3D9;
}
.accordion.at-glance-rattting .card .card-body .listing .main-list-cont:last-child{
    border-right: 0px solid #BEE3D9;
}
.accordion.at-glance-rattting .card .card-body .listing .customer-cont{
    padding: 20px 34px 30px;
    border-top: 1px solid #BEE3D9;
}
.accordion.at-glance-rattting .card .card-body .listing .customer-cont h4 {
    text-transform: inherit;
}
.accordion.at-glance-rattting .card .card-body ul{
    
    margin: 0;
    padding: 0 0 0 20px;
}
.accordion.at-glance-rattting .card .card-body ul li{
        font-size: 14px;
    line-height: 21px;
}

.accordion.at-glance-rattting .card .card-body .btn{
    float: left;
    margin-right:20px;
    padding: 11px 20px;
}
.accordion.at-glance-rattting .card .card-body .btn.order-sample{
    margin-right:0px;
}
.accordion.at-glance-rattting .card .card-body .btn.only{
    float: none;
}

.accordion.at-glance-rattting .card .card-body .action-buttons{
    border-top: 1px solid #BEE3D9;
    padding: 33px 20px 0px;   
    }




.vendor-found-projects {
    margin-bottom: 60px;
}
.vendor-found-projects h2{
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    color: #212D23;
    margin-bottom: 20px;
}
.vendor-found-projects .vednor-box {
    width: 100%;
    display: block;
}
.vendor-found-projects .vednor-box h4{
    color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}
.vendor-found-projects .vednor-box h3{
    color: #EF462C;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px;
}
.vendor-found-projects .vednor-box img{
    margin-bottom: 10px;
    max-width: 100%
}




.page-not-found{ padding-top:50px;padding-bottom:100px;text-align: center; }
.page-not-found h2{ font-size: 24px;line-height: 33px;font-weight: bold;margin-bottom: 30px }
.page-not-found p{ margin-bottom: 20px;font-size: 18px;line-height: 33px; }
.page-not-found .btn{    float: none;min-width: 192px; }


/*** SEGMENT PAGE ***/
.segment-banner{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0;
    max-height: 638px;
    overflow: hidden;
    margin-top: 90px;
}
.segment-banner img{
    width: 100%;
}
.segment-banner .banner-content{
    position: absolute;
    width: 100%;
    z-index: 0;
    bottom: 120px; 
    min-height: 129px;
}

.segment-banner h1 {
    font-size: 90px;
    line-height: 98px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
}
.segment-banner p{
	font-size: 18px;
    line-height: 31px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}


.segment-all-projects-section{
	background: #F6F6F6;
	padding:61px 0 72px;
	}
.segment-all-projects-section h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 10px; 
	}
.segment-all-projects-section h4{
    color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    padding: 20px 0 30px;
	}
.segment-all-projects-section p{
	font-size: 16px;
    font-weight: normal;
    text-align: left;
    line-height: 24px;
    margin-bottom: 20px;
	}

.segment-all-projects-section a.link-heading{
    color: #EF462C !important;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    padding-top: 0;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
}

.segment-all-projects-section .carousel {  }
.segment-all-projects-section .carousel .carousel-inner{
    margin-bottom: 122px;  }

.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper { 
    min-height: 375px;
}
.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper .thumb-image{ 
    position: relative;
    height: 265px;
    margin: 0 0 24px;
 }
.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper .thumb-image img{ 
	min-height: 265px;
	max-height: 265px;
 }
.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper .thumb-image .thumb-icon{ 
    width: 32px;
    height: 32px;
    margin: 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgb(33,45,35, 0.9);
    display: block;
    border-radius: 100%;
 }
 .segment-all-projects-section .carousel .carousel-inner .thumb-wrapper .thumb-image .thumb-icon .tooltip-css {
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    color: transparent;
    background: transparent;
    padding: 7px;
    border-radius: 100%;
    line-height: 15px;
    position: absolute;
    z-index: 11;
}
 .segment-all-projects-section .carousel .carousel-inner .thumb-wrapper .thumb-image .thumb-icon img{ 
    height: 15px;
    width: 18px;
    margin: 0px auto;
    display: block;
    min-height: 18px !important;
    max-height: 18px !important;
 }
 

.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper h4{ 
	color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    margin: 0;
    text-transform: uppercase;
    display: block;
    padding: 0 0 10px;
	}
.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper h3{ 
	font-size: 24px;
    line-height: 32px;
    letter-spacing: normal;
    font-weight: bold;
    margin: 0;
    color: #464444;
    }
.segment-all-projects-section .carousel .carousel-inner .thumb-wrapper h3 a{ 
    color: #EF462C;
    }

 .segment-all-projects-section .carousel-control-next, 
 .segment-all-projects-section .carousel-control-prev{
    position: relative;
    right: auto;
    float: left;
    width: 44px;
    height: 44px;
    opacity: 1;
 }
 .segment-all-projects-section .carousel-control-next img, 
 .segment-all-projects-section .carousel-control-prev img{
	position: relative;
    max-width: 100%;
    width: 26px;
    line-height: 44px;
 }


.segment-all-projects-section .carousel-indicators {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none;
    width: 290px;
    float: left;
    text-align: center;
	}
.segment-all-projects-section .carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: #5B5A5C !important;
    border-radius: 100px !important;
    display: inline-block;
    margin: 0 8px;
    overflow: hidden;
    background-clip: initial;
    padding: 0 !important;
    border: 0;
}


.segment-all-projects-section .segment-details .controls { text-align: center;position: relative; }
.segment-all-projects-section .segment-details .controls a{  }
.segment-all-projects-section .segment-details .controls a img{ width: 18px }

.segment-all-projects-section .segment-details .controls ul { position: relative;right: auto;left: auto;margin: 0;padding: 0;display: inline-block;width: 130px; }
.segment-all-projects-section .segment-details .controls ul li { border: 100px;margin: 0 4px; }

.segment-all-projects-section .segment-details { display: block;width: 100%; }
.segment-all-projects-section .segment-details p{     
	color: #464444;font-size: 10px;font-weight: bold;letter-spacing: 1px;line-height: 12px;margin-bottom: 0;text-transform: uppercase;display: block;padding: 72px 0 30px;text-align: center;
    }
.segment-all-projects-section .segment-details .btn{
    display: block;
    margin: 0 auto;    
    min-width: 207px;
    }


.segment-vendors-specializing{
	padding: 75px 0 60px;
	}
.segment-vendors-specializing h2{
	font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    margin-bottom: 40px;
	}
.segment-vendors-specializing .list-row {
	margin-bottom: 125px;
}
.segment-vendors-specializing .list-row h3,
.segment-vendors-specializing .list-row h2{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 60px;
	}
.segment-vendors-specializing .list-row p{
	font-size: 16px;
    font-weight: normal;
    text-align: left;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 20px;
	}
.segment-vendors-specializing .list-row img{
	max-height: 398px;
    max-width: 100%;
    width: 100%;
	}
.segment-vendors-specializing .coln-row {
		margin-bottom: 58px;
	}
.segment-vendors-specializing .coln-row .content-area {
	    min-height: 300px;
	}
.segment-vendors-specializing .coln-row h3{
	    font-size: 24px;
	    font-weight: bold;
	    text-align: left;
	    line-height: 32px;
	    margin-bottom: 20px;
	    margin-top: 60px;
	}
.segment-vendors-specializing .coln-row p{
		font-size: 16px;
	    font-weight: normal;
	    text-align: center;
	    line-height: 26px;
	    margin-bottom: 20px;
	}
	
.segment-vendors-specializing .coln-row p span{
	display: block;
	}
.segment-vendors-specializing .coln-row .btn{
	margin: 0 auto 40px;
	display: block;
	}


.segment-vendors-hospitality{
		background: #F6F6F6;
		padding:67px 0 97px;
	}
.segment-vendors-hospitality h2{
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 37px;
		margin-bottom: 34px;
	}
.segment-vendors-hospitality .vendor-list { 
    	margin-bottom: 50px;
    }
.segment-vendors-hospitality .vendor-list .main-image {
		margin-bottom: 24px;
	}
.segment-vendors-hospitality .vendor-list .main-image img{
		min-height: 170px;
		max-height: 170px;
		width: 100%;
		max-width: 100%;
	}
.segment-vendors-hospitality .vendor-list h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 37px;
	margin-bottom: 10px;
	}
.segment-vendors-hospitality .vendor-list p{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
}
.segment-vendors-hospitality .vendor-list .bottom {}
.segment-vendors-hospitality .vendor-list .bottom .link-heading{
	color: #EF462C;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 12px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.segment-vendors-hospitality .vendor-list .bottom .leader{}
.segment-vendors-hospitality .vendor-list .bottom .leader .about-leader {
	float: none;
    padding: 22px 0 0;
}
.segment-vendors-hospitality .vendor-list .bottom .leader .about-leader small{
	color: #464444;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
}

.segment-vendors-hospitality .vendor-list .bottom .leader .about-leader .leader-numbers{}
.segment-vendors-hospitality .vendor-list .bottom .leader .about-leader .leader-numbers span{  }
.segment-vendors-hospitality .vendor-list .bottom .leader .about-leader .leader-numbers span img{  }


.segment-vendors-hospitality .btn{
	margin: 0 auto;
	display: block;
}
/*** SEGMENT PAGE ***/


/*** NEW HOME PAGE ***/
.home-welcome-section { padding: 60px 0 0;clear:both; }
.home-welcome-section .domains { width: 100%; }
.home-welcome-section .domains img{ width: 100%; max-width: 100%; max-height: 377px; }

.home-welcome-section h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 37px;
    margin-bottom: 50px;
}
.home-welcome-section span.line{
    background: rgb(43,164,129);
    background: -moz-linear-gradient(90deg, rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: linear-gradient(90deg, rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ba481",endColorstr="#0eb2e8",GradientType=1);
    display: block;
    width: 131px;
    margin:0 0 10px;
    height: 13px;
    margin-top: 80px;
}


.home-tagline-section { 
	background: url(../images/banners/events_banner.jpg) no-repeat center top;
	max-height: 970px;
	height: 970px;
	position: relative;
	padding: 374px 0;
	margin-bottom:245px;
	margin-top:245px;
	}
.home-tagline-section .box {
	padding: 60px 150px;
    background: rgb(43,164,129);
    background: -moz-linear-gradient(90deg, rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%);
    background: linear-gradient(90deg, rgba(43,164,129,1) 0%, rgba(14,178,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ba481",endColorstr="#0eb2e8",GradientType=1);
	min-height: 196px;
}
.home-tagline-section .box p{
	font-size: 28px;
	font-weight: bold;
	line-height: 37px;
	margin: 0;
	color: #fff;
    text-align: center
}
.home-see-vendor-section { 
	position: relative;
	padding: /*245px*/ 0 0 200px
	}
.home-see-vendor-section h2{
	font-size: 72px;
	font-weight: bold;
	line-height: 92px;
	margin: 0 0 40px;
	color: rgba(14,178,232,1);
    background: -webkit-linear-gradient(0deg, rgba(14,178,232,1), rgba(43,164,129,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}
.home-see-vendor-section p{
    font-size: 16px;
	line-height: 24px;
	letter-spacing: normal;
	color: #464444;
	font-weight: normal;
	margin-bottom: 40px;
	text-align: center
}
.home-see-vendor-section .btn{
	margin:0 auto; 
	display: block;
}
/*** NEW HOME PAGE ***/

	
.table.table-striped.profile-vendor{
    border-bottom: 1px solid #BEE3D9;
    border-left: 1px solid #BEE3D9;
    margin-top: 15px;
}
	
/******************************************/
/******  Responsive Code Here  ************/
/******************************************/



@media only screen and (max-width: 1400px) {
    .banner-content{
        bottom: 30px;    
    }
}
@media only screen and (max-width: 1366px) {
    .small-banner .banner-content img {
        margin-top: 24px;
    }
    .small-banner h1 {
        line-height: 64px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0;
    }
    .small-banner .banner-content img {
        margin-top: 24px;
    }
    
    
    .vendor-page-banner img {
        margin-top: 24px;
    }
    .vendor-page-banner h1 {
        line-height: 64px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0;
    }
    .vendor-page-banner .banner-content img {
        margin-top: 24px;
    }
    .account-projct-image .top-video-click{
        top: 309px;
        left: 0px;
        width: 270px;
        height: 40px;
    }
    .account-projct-image .bottom-video-click{
        bottom: 40px;
        right: 34px;
        width: 280px;
        height: 40px;
    }
}
@media only screen and (max-width: 1342px) {
    .banner-content .banner-advertisement .ad-right-content{
        width: 22%;    
    }
    .banner-content .banner-advertisement .leader .about-leader{
        width: 60%;
    }
}
@media only screen and (max-width: 1300px) {
    .banner-content{
        bottom: 30px;    
    }
}
@media only screen and (max-width: 1280px) {
    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
        width: 56% !important;
    }
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group-parent {
        padding-left: 1% !important;
        margin-left: 0 !important;
    }
    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
        width: 40% !important;
    }
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 1240px) {
    .banner-content .banner-advertisement .ad-right-content{
        width: 21%;    
    }
    .submit-project-page .project-owner img{
         margin: -30% 0 0 -24%;
    }    
}

@media only screen and (max-width: 1220px) {
     .submit-project-page .project-owner {
        width: 460px;
    }
    .submit-project-page .project-owner img {
        width: 48%;
        top: 124px;
        left: 120px;
        margin: 0px
    }
}
@media only screen and (max-width: 1200px) {
    .banner-content{
        bottom: 4px;    
    }
    .explore-projects .submit-project p {
        margin-bottom: 20px
    }
    .main-banner {
        height: auto
    }
    .container {
        max-width: 1360px
    }
    .banner-content .banner-advertisement .next-prev-btn .btn-next i {
        font-size: 28px
    }
    .three-column-grid .each-project {
        height: 200px
    }
    .four-column-grid .each-project {
        height: 150px
    }
    .submit-project-page .policy-title {
        font-size: 50px
    }
    .footer .footer-grid form .transparent-btn {
        padding: 6px 0px
    }
}

@media only screen and (max-width: 1366px) {
    
    }

@media only screen and (max-width: 1199px) {
    .small-banner .banner-content{
        top:196px;
    }
    .vendor-page-banner .banner-content{
        top:196px;
    }
    .banner-content .banner-advertisement .advertisement {
        width: 72%;
    }
    .banner-content .banner-advertisement .advertisement .ad-img{
        /* width: 15%; */
    }
    .banner-content .banner-advertisement .advertisement .about-ad{
        width: 78%;
        padding: 36px 0 0 20px;
    }
    .banner-content .banner-advertisement .advertisement .about-ad h3{
        font-size: 20px;
        line-height: 24px;
    }
    .banner-content .banner-advertisement .ad-right-content {
        width: 28%;
        padding: 15px 15px 15px 0px;
    }
    .small-banner h1{
        font-size: 36px;
        line-height: 46px;
    }
    .small-banner .banner-content img {
        margin-top: 30px;
    }
    .vendor-page-banner h1{
        font-size: 36px;
        line-height: 46px;
    }
    .vendor-page-banner .banner-content img {
        margin-top: 30px;
    }
    .vendor-metrics-panel{
        padding-left:15px;
        padding-right:15px;
    }
    .vendor-metrics-panel .leader .leader-icon{
        padding: 18px;
        width: 78px;
        height: 78px;
        line-height: 38px;
    }
    .vendor-metrics-panel .leader .about-leader h4{
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 1150px) {
    .logo{
        left: 15px;
    }
    .submit-project-page .project-owner {
        width: 100%;
        min-height: 379px;
    }
    .submit-project-page .project-owner img {
        top: 122px;
        left: 120px;
    }
}
@media only screen and (max-width: 1024px){
    .logo {
        left: 15px
    }
    .small-banner p {
        margin-bottom: 5px;
    }
    .small-banner h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .small-banner h1 sup {
        font-size: 12px;
        top: -14px;
        padding: 0 2px;
    }
    .small-banner .banner-content img {
        margin-top: 20px;
        width: 13px;
    }
    .vendor-page-banner p {
        margin-bottom: 5px;
    }
    .vendor-page-banner h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .vendor-page-banner  h1 sup {
        font-size: 12px;
        top: -14px;
        padding: 0 2px;
    }
    .vendor-page-banner .banner-content img {
        margin-top: 20px;
        width: 13px;
    }
    .project-submission .score-rating .leader .about-leader {
        margin-right: 0;
        align-self: center;
        padding: 5px 0 0 0;
    }
    .project-submission .score-rating .leader .leader-icon {
        display: block;
        width: auto;
        float: right;
    }
    .project-submission .score-rating .leader .leader-icon img {
        max-width: 60px;
        max-height: 60px;
        margin: 5px auto;
        display: block;
    }
    .project-submission .score-rating .download-pdf {
        padding: 11px 0 0 0;
    }
    .refer-a-vendor p {
        font-size: 20px;
    }
    .submit-project-page .project-owner img {
        top: 108px;
        left: 106px;
        width: 47%;
        min-height: 190px;
        max-height: 190px;
    }
    .header h2 {
        padding-top: 50px;
        font-size: 22px;
        width: 48%;
        margin: 0 auto;
    }
    .account-projct-image .top-video-click{
        top: 265px;
    }
    .account-projct-image .bottom-video-click{
        bottom: 33px;
        right: 20px;
    }
}
@media only screen and (max-width: 1020px){
    
    .small-banner .banner-content{
        top: 190px;
    }
    
    .vendor-page-banner .banner-content{
        top: 190px;
    }
    
    
    .scroll-down{
        display:none;
    }
    
    .project-submission .about-each-project{
        padding:20px;
        
    }
    .project-submission .project-detail {
        width: 55%;
        
    }
    .project-submission .project-detail .project-name {
        font-size: 18px;
    }
    .project-submission .score-rating {
        width: 40%;
    }
    
    
    
    
    
    
    
    
    
}

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

        .show-in-mobile-submit{
        display: block;
        width: 100%;
        }
        .hide-in-mobile-submit{
        display: none;
        }
        .footer .footer-grid form .form-group {
        width: 400px;
        }
        .custom-close {
        right: 0 !important;
        left: auto;
        
        }
        .step-2 .btn#btnAddAWard{
            margin-bottom:40px;
        }
}

@media only screen and (max-width: 991px) {
    .submit-project-page .project-owner {
        width: 100%;
        min-height: 379px;
        margin-bottom: 60px
    }
    .submit-project-page .project-owner img{
        top: 103px;
        left: 100px;
    }
}

@media only screen and (max-width: 920px) {
    .submit-project-page .project-owner img{
        top: 97px;
        left: 93px;
    }
    .project-listing.home .dropdown{
        margin: 0 auto 24px;
        display: block;
        min-width: 300px;
        float: right;

    }
    .dropdown {
        float: left
    }
    .main-banner img {
        max-height: 440px
    }
    .banner-content .banner-advertisement .ad-right-content {
        max-width: unset
    }
    .three-column-grid .each-project {
        height: 145px
    }
   
    .inner-page-banner {
        height: 120px
    }
    
    .four-column-grid .each-project {
        height: 110px
    }
    .page-head{
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    
    .banner-content{
            bottom: 0;
    }
      .banner-content .container{
        max-width: 100%;
        padding: 0;
        width: 100%;
        /* border-bottom: 1px solid #BEE3D9; */
    }
    .banner-content .banner-advertisement .ad-right-content{
        width:100%;
        border:0;
        float: none;   
        padding:20px 0 
    }
    .banner-content .banner-advertisement .leader {
        display: block;
        width: 100%;
        float: none;
    }
    .banner-content .banner-advertisement .leader small {
        text-align: left;
    }
    
    .events .upcoming-events,
    .events .past-events {
        padding-bottom: 70px
    }
    .each-event .event-content {
        padding-left: 0
    }
    .each-event .event-content .event-title {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 10px
    }
    .each-event .event-content .event-detail {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 10px
    }
    .submit-project-page {
        padding-bottom: 70px
    }
    .submit-project-page .project-wrapper {
        padding-bottom: 60px
    }
    .submit-project-page .policy-title {
        font-size: 36px;
        line-height: 40px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .footer .page-list {
        margin-bottom: 30px
    }
    .footer .page-list .footer-listing {
        display: inline-block;
        width: 100%;
        margin-bottom: 0
    }
    .footer .footer-grid {
        margin-bottom: 30px
    }
    .inner-page-content-wrapper .left-side small {
        padding-bottom: 15px
    }
    .leader .about-leader {
        margin-right: 0;
        float: left
    }
    .leader .leader-icon {
        max-width: 105px
    }
    .profile-title .inner-page-title {
        padding: 25px 0 0
    }
    .right-side ul {
        float: left
    }
    .account-page-form-wrap .btn {
        margin-bottom: 80px
    }
    .delete-acc a {
        margin-bottom: 80px
    }
    .set-password {
        margin-bottom: 90px
    }
    
    .explore-projects {
        padding: 207px 0 100px
    }
    .explore-projects .dropdown {
        margin-bottom: 40px
    }
    .explore-projects .title {
        margin-bottom: 40px
    }
    .sign-in-form {
        padding-bottom: 80px
    }
    .sign-in-form .inner-title {
        line-height: 43px
    }
    .sign-in-form .main-form {
        margin-bottom: 0
    }
    .sign-in-form form {
        margin-bottom: 40px
    }
    
    .step-2 .steps-body {
        padding-bottom: 40px;
        margin-bottom: 60px
    }
    .contact-us-form {
        margin-bottom: 100px
    }

    .privacy-policy-wrap {
        padding-bottom: 80px
    }
    .step-top-header .left-side {
        max-width: 580px
    }
    .banner-content .banner-advertisement .advertisement {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #BEE3D9;
        padding: 20px;
    }
    .banner-content .banner-advertisement .advertisement::after{
        clear: both;
    }
    .banner-content .banner-advertisement .advertisement .ad-img {
        width: 11%
    }
    .banner-content .banner-advertisement .advertisement .about-ad {
        border-right: none;
        width: 89%;
        padding: 25px 0 0 20px;
    }
    .banner-content .banner-advertisement .leader .leader-icon img{
        padding: 10px;
    }
    .show-in-desktop {
        display: none !important
    }
    .show-in-mobile {
        display: block !important
    }
    
    
    .project-submission .project-detail{
        width: 100%;
        float: none;
        max-width: unset;
        margin-bottom: 20px
    }
     .project-submission .rating-progress {
        text-align: left;
        padding:0;
    }
    
    .project-submission .score-rating {
        width: 100%;
        float: none;
        max-width: unset
    }
    
    .project-submission .score-rating .download-pdf {
        width: 10%;
        min-width: 100px;
    }
    .project-submission .score-rating .download-pdf a img {
        display: block;
        margin: 6px auto 0;
    }
    
    .project-submission .score-rating .leader {
        justify-content: flex-start;
        width: 70%;
        max-width:240px;
    }
.pagination li:first-child, .pagination li:last-child{
    position: relative;
    right: auto;
    margin-right: 0;
}

    
    
    
    
    
    
}

@media only screen and (max-width: 991px) {
    .inner-page-content-wrapper .back-btn.show-in-mobile{
        display: none;
    }
    .inner-page-content-wrapper .back-btn.desktop-in-mobile{
        display: block;
    }
    .small-banner{
        margin-bottom: 40px;
    }
    .vendor-page-banner {
        margin-bottom: 40px;
    }
    .suppliers-logo{
        padding: 80px 20px
    }
    .submit-project .join-project{
        font-size: 14px;
        line-height: 24px;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .submit-project .join-project .btn.float-right{
        float: none !important;
        clear: both;
        display: block;
        margin: 0 auto;
    }
   
}
@media only screen and (min-width: 890px){
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group {
        margin-top: 0 !important;
    }
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
        width: auto !important;
    }
    
}
@media only screen and (max-width: 880px) {
    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
        width: 100% !important;
    }
    #onetrust-banner-sdk #onetrust-policy-text, #onetrust-banner-sdk .ot-dpd-desc, #onetrust-banner-sdk .ot-b-addl-desc {
            text-align: center !important;
        padding: 10px 40px 0 !important;
    }

    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group-parent {
        padding-left: 0% !important;
        margin-left: 0 !important;
    }
    #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
        width: 100% !important;
    }
    #onetrust-banner-sdk #onetrust-button-group {
        margin-right: 0 !important;
    }
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    
    .small-banner .banner-content{
        top: 197px;
    }
    .small-banner h1 {
        font-size: 24px;
        line-height: 30px;
    }
    .small-banner .banner-content img{
        display: none;
    }
    
    
    .vendor-page-banner .banner-content{
        top: 197px;
    }
    
    .vendor-page-banner  h1 {
        font-size: 24px;
        line-height: 30px;
    }
    
    .vendor-page-banner  .banner-content img{
        display: none;
    }
    
}

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

    .submit-project-page .project-owner img{
        top: 91px;
        left: 86px;
    }
}
@media only screen and (max-width: 823px) {
    .submit-project-page .project-owner {
        min-height: 799px;
    }
    .submit-project-page .project-owner img {
        top: 215px;
        left: 207px;
        height: 380px;
        min-height: 380px;
        max-height: 380px;
    }
}

@media only screen and (max-width: 812px) {
    .submit-project-page .project-owner {
        min-height: 799px;
    }
    .submit-project-page .project-owner img {
        top: 212px;
        left: 207px;
        height: 375px;
        min-height: 375px;
        max-height: 375px;
    }
}

@media only screen and (max-width: 810px) {
    .submit-project-page .project-owner img{
        top: 83px;
        left: 82px ;
    }
    .explore-projects .submit-project .join-project {
        margin-right: 0;
        line-height: 2;
    }
     .header h2 {
        width: 70%;
        padding-left: 150px;
    }

}
@media only screen and (min-width: 768px){
    .page-head:after {
        background-image: url(../images/icon-scroll-white.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 60px;
        left: calc(50% - 13px);
        position: absolute;
        top: calc(100% - 80px);
        width: 26px;
    }
    #ptsection-five.create-cat-point-of-view img{
        min-width: auto;
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .refer-a-vendor {
        padding: 40px 30px;
    }
    .refer-a-vendor p {
        margin: 0 0 10px;
        width: 100%;
        float: none !important;
        text-align: center;
        line-height: 1.5;
    }
    .refer-a-vendor .btn {
        float: none !important;
        display: block;
        margin: 0 auto;
    }
    .submit-project-page .project-owner {
        min-height: 754px;
    }
    .submit-project-page .project-owner img {
        top: 201px;
        left: 195px;
        width: 47%;
        min-height: 353px;
        max-height: 353px;
    }
    .header{
        height: 120px;
    }
    .header h2 {
        padding-top: 80px;
        margin-top: 0px;
        width: 100%;
        padding-left: 0;
    }
    
    .page-project-detail .header{
        height: 140px;
    }
    .page-project-detail .header.sticky h2 {
        margin-top: 10px;
        width: 100%;
    }
    
    .page-project-detail .header{
        
    }
    .page-project-detail.page-explore-projects .header{
        height: 90px;
    }




    .account-projct-image .top-video-click{
        bottom: 21px;
        right: 22px;
        width: 188px;
    }

    .account-projct-image .bottom-video-click{
        bottom: 33px;
        right: 20px;
    }
        .vendor-metrics-question h4{
        width: 100%;
        text-align: center;
    }
    .vendor-metrics-question .btn {
       float: none;
        margin: 0 auto;
    }
    
    
    
}
@media only screen and (max-width: 767px) {
    header.transparent{
        background: #fff;
        height: 91px;
        position: fixed !important;
        top: 0;
        z-index: 100;
        border-bottom: 1px solid #BEE3D9;
    }
    header .main-header .logo {
        height: 90px;
        position: absolute;
        left: 15px;
        top: 0;
        display: block;
        margin: 0;
        padding: 0;

        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
    header .main-header .logo a{
        background-image: url(../images/mobilelogo.png);
        background-repeat: no-repeat;
        height: 91px;
        background-position: left center;
        display: block;
        background-size: 100%;
        width: 100%;
        }
        
        
    .logo {
        height: 90px;
        position: absolute;
        /* left: 40px; */
        top: 0;
        display: block;
        margin: 0;
        padding: 0;

        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

       
    }
    .logo a{
        background-image: url(../images/mobilelogo.png);
        background-repeat: no-repeat;
        height: 91px;
        background-position: left center;
        display: block;
        background-size: 100%;
        width: 100%;
        }

    .toggle-menu {
        height: 70px;
        width: 70px;
        margin: 10px 0;
        padding: 20px 10px;
        border:0;
    }

    .page-head {
        min-height: 650px;
        margin-top: 90px;
    }

    .header.sticky h2{
        margin-top: 80px;
            width: 100%;
    }
    .header.sticky{
        height: 160px;
    }
    .banner-content {
        bottom: auto;
        top: 420px;
    }
    
    .project-listing.home {
        background: #f6f6f6;
        padding-top: 155px;
    }
    .footer .bottom-footer .footer-logo {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px
    }
    .footer .bottom-footer .footer-logo img{
            width: 200px;
    }
    .step-3 .steps-body {
        padding-bottom: 50px;
        margin-bottom: 50px
    }
    .step-3 .form-group .btn{
        margin:20px 0 40px ; 
    }
    .step-4 .uploaded-file-details {
        padding-bottom: 0
    }
    .submit-project-page .project-owner {
        min-height: 400px;
        margin-bottom: 60px;
        background-size: 400px;
    }
    .submit-project-page .project-owner img{
            top: 50%;
            left: 50%;
            width: 189px;
            height: 189px;
            margin: -95px 0 0 -95px;
    }
    .submit-project-page{
        padding-bottom: 20px;
        padding-top: 132px;
    }
 
    

    .inner-page-content-wrapper{
        margin-bottom: 24px;
        padding-top: 97px;
    }
    
    header .main-header.bg-black{
        background-color: #fff;
        border: 1px solid #BEE3D9;
        position: fixed;
        top: 0;
        z-index: 1;
        height: 92px;
        min-height: auto;
    }
    section {
        margin-bottom: 50px
    }
    .main-banner img {
        max-height: 340px
    }

    .banner-content .banner-advertisement .advertisement .ad-img {
        width: 120px;
    }
    .banner-content .banner-advertisement .advertisement .about-ad {
    padding-top: 25px;
    width: calc(100% - 120px);
    }
    .banner-content .banner-advertisement small.top{
        display: block;
        margin-bottom: 10px;
    }
    .banner-content .banner-advertisement small.bottom {
        display: none;
    }
     .submit-project .join-project{
            line-height: 24px;
        margin-right: 0;
    }
    .footer .bottom-footer p {
        line-height: 20px
    }
   
    .dropdown {
        display: inline-block;
        width: 100%;
        float: unset;
        max-width: unset
    }
    .dropdown select {
        max-width: 260px;
        display: block;
        margin: 0 auto
    }
    .three-column-grid .each-project:nth-child(2n) {
        margin-right: 0 !important
    }
    .three-column-grid .each-project:nth-child(3n) {
        margin-right: 20px
    }
    .three-column-grid .each-project {
        width: calc(50% - 10px)
    }
    .title {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 25px
    }
    .profile-title .inner-page-title {
        padding:0
    }
    .project-listing {
        padding: 50px 0
    }
    textarea.form-control {
        height: 250px;
    }
    .four-column-grid .each-project {
        width: unset;
        max-width: calc(33.33% - 10px);
        margin-right: 15px;
        margin-bottom: 15px;
        height: 95px
    }

    .four-column-grid .each-project:nth-child(4n) {
        margin-right: 15px
    }
    .four-column-grid .each-project:nth-child(3n) {
        float: right;
        margin-right: 0
    }
    .banner-content .container{
        max-width:100%;
        width:100%;

    }
    .banner-content .banner-advertisement .ad-right-content {
        width: 100%;
        border: 0;
        float: none;
        padding: 20px 0;
    }


    .banner-content .banner-advertisement .leader {
        display: block;
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .banner-content .banner-advertisement .leader .about-leader small {
        text-align: left;
    }
    .banner-content .banner-advertisement .leader .leader-icon {
        width: 100%;
        max-width: auto;
    }
    .banner-content .banner-advertisement .leader .leader-icon img {
        display: block;
        margin: 0 auto;
    }
    
    .inner-page-content-wrapper.supplier-detail{
        padding-top: 80px;
    }
    .inner-page-content-wrapper .about-inner-page .download-pdf img {
        margin-right: 12px;
    }

  
    
    .about-inner-page .leader {
        max-width: 100%;
        padding-bottom: 40px;
        clear: both;
    }

    .about-inner-page .leader .about-leader {
        padding: 21px 0;
    }



     .inner-page-content-wrapper .about-inner-page .download-pdf {
        padding: 30px 0
    }
    .leader {
        max-width: 60%;
        padding-bottom: 40px
    }
    .supplier-page .dropdown.supplier-dropdown{
        margin-bottom: 30px
    }

.sign-in-form .create-account {
        padding: 0 0 50px;
        max-width: 100%;
    }
    
    .account-page-form-wrap .form-wrapper form {
        margin-bottom: 50px
    }

    .set-password {
        margin-bottom: 50px
    }
    .project-submission .score-rating .leader {
        padding-bottom: 0;
        padding-left: 20px
    }

    .project-listing.home .title h3 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 28px;
    }
    .submit-project .join-project {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        line-height: 24px;
        font-size: 16px;
    }
    .submit-project .btn {
        display: block;
        margin: 0 auto;
        float: none !important;
    }
    .small-banner {
        margin-bottom: 50px;
        margin-top: 90px;
    }
    .small-banner .banner-content {
        top: 80%;
        transform: translateY(-80px)
    }
    
    
    .vendor-page-banner{
        margin-bottom: 50px;
        margin-top: 90px;
    }
    
    
    .vendor-page-banner .banner-content {
        top: 80%;
        transform: translateY(-80px)
    }
    
    
    .events .upcoming-events,
    .events .past-events {
        padding-bottom: 50px
    }
    .each-event .event-image {
        margin: 0 0 20px;
        max-width: 100%;
        width: 100%;
    }
    
    .sign-wrap {
        margin-bottom: 50px
    }
  
    .video-wrapper {
        margin-bottom: 50px
    }
    .suppliers-logo {
        display: block;
        margin: 0 auto 20px;
        height: unset;
        padding: 20px
    }

    .suppliers-logo .event-image {
        margin: 0 auto
    }
    .supplier-dropdown.dropdown select {
        float: left;
        margin-bottom: 20px;
        max-width: unset
    }
    .supplier-dropdown.dropdown select.minimal {
    margin: 0;
}
    .suppliers-top-bar .left-side .nav-tabs {
        width: 100%
    }
    .suppliers-top-bar .left-side .nav-tabs li a {
        width: 60px
    }
    .suppliers-top-bar .right-side.show-in-mobile .supplier-dropdown {
        max-width: unset;
        width: 100%;
        float: left
    }
    .suppliers-top-bar .right-side form {
        float: left;
        max-width: unset
    }
    .suppliers-top-bar .right-side form input.form-control {
        margin-left: 0 !important
    }
    .inner-page-content-wrapper .about-inner-page .suppliers-logo {
        float: left
    }

    .explore-projects {
        padding: 120px 0 80px
    }

    .sign-in-form {
        padding-top: 118px;
    }
    .sign-in-form form{
        max-width: 100%;
    }
    .sign-in-form .inner-title {
        line-height: 40px;
        font-size: 26px;
        margin-bottom: 20px;
    }
    .sign-in-form .sign-in-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }   


     .create-account {
        padding-left: 0
    }
    
    
    .contact-us-form .form-wrapper {
        margin-bottom: 10px
    }
    .contact-us-form .form-wrapper form {
        margin-bottom: 50px
    }

    .step-top-header {
        margin-bottom: 50px;
        padding-top: 120px;
    }
    .step-top-header .left-side p {
        line-height: 25px
    }
    .step-top-header .step-count {
        float: left;
        padding-top: 0;
        padding-right: 30px;
    }
    .steps-body {
        padding-bottom: 50px;
        margin-bottom: 50px
    }
    .steps-body .step-form .form-group #exampleFormControlTextarea1 {
        width: 100%
    }
    .step-2 .steps-body {
        padding-bottom: 20px;
        margin-bottom: 40px
    }
   


    .privacy-policy-wrap {
        padding-bottom: 50px;
        padding-top: 110px;
    }
    
    .privacy-policy-wrap .policy-title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .privacy-policy-wrap .event-title {
        font-size: 20px;
        line-height: 26px;
    }
    
    .vendor-metrics-panel.top-space{
        margin:0;
    }
    .ratting-family-product {
        margin-bottom: 0;
    }
    .vendor-detail-tableau{
        display:none;
    }
.ratting-family-product ul li{
        width:100%;
    }
    .ratting-family-product ul li:nth-child(even) {
        margin-left: 0;
    }
    .ratting-family-product ul li:nth-child(5) {
        border-bottom: 0 solid #D4D2D4;
    }
    .vendor-page-head{
        padding-top:112px;
    }
    .vendor-page-head .btn-icon{
        text-align: right;
    }
    
    .table.table-striped td{
        padding-left: 5px;
    }
    
    #ptsection-one .project-info-section.main-photo img {
        min-height: 400px;
    }

    #ptsection-two .vendor-list img {
        min-height: 100%;
        max-height: 100%;
    }

    #ptsection-two .vendor-list{
        padding:0 20px;
    }
    
    #ptsection-three h2{
        line-height: 1.6;
    }
     #ptsection-three .carousel-inner img{
        max-width: 100%;
        max-height: 300px;
    }
    
    #ptsection-four{
        padding-bottom:0px;
    }
    #ptsection-four a.link-heading{
        margin-bottom:30px;
    }
    #ptsection-four .project-score-rating {
        margin-bottom: 30px;
    }
    #ptsection-four .project-score-rating img {
        display: block;
        max-width: 210px;
        margin: 0 auto 30px;
    }
    
    
    #ptsection-four .project-score-rating .leader {
        width: 100%;
        max-width: 100%;
        padding-bottom: 0px;
    }
    
    #ptsection-five .project-list{
        padding:0 20px;
    }
    #ptsection-five .designer-detail{
        padding:0 20px;
    }
    
    .footer .top-footer {
        margin-bottom: 0px;
    }
    
    #ptsection-two .vendor-list p{ min-height: auto; }
    .account-projct-image{
        display:none;
    }
    
    .promotional-banner {
        padding: 35px 50px;
    }
    .promotional-banner h2  {
        font-size: 30px;
        line-height: 36px;
    }
    .promotional-banner .btn {
        margin: 20px auto 0;
        float: none !important;
        display: block;
    }
	.vendor-products{
		font-size: 18px !important; 
		line-height: 50px !important;
	}	
	
	.vendor-metrics-panel .btn{
	    display:none;
	}
	.showmodalratingtext{
	    display: block;
        margin-bottom: 40px;
        text-align: center;
	}
}


@media only screen and (max-width: 736px) {
    .submit-project-page .project-owner img {
        top: 50%;
        left: 50%;
        width: 189px;
        height: 89px;
        margin: -95px 0 0 -95px;
        min-height: 194px;
        max-height: 194px;
    }   
}



@media only screen and (max-width: 707px) {
    .banner-content .banner-advertisement .advertisement .about-ad {
        padding-top: 25px;
    }
}
@media only screen and (max-width: 640px) {
    .page-head{
        margin-top: 90px;
    }
    .small-banner .banner-content{
        top: 180px;
    }
    .small-banner h1 {
        font-size: 24px;
        line-height: 30px;
    }
    .small-banner .banner-content img{
        display: none;
    }
    .vendor-page-banner .banner-content{
        top: 180px;
    }
    .vendor-page-banner h1 {
        font-size: 24px;
        line-height: 30px;
    }
    .vendor-page-banner .banner-content img{
        display: none;
    }
    .cat-head-links ul li{
       display: block;
       margin: 10px 0;
    }
}


@media only screen and (max-width: 720px){
    .page-head {
        min-height: 650px;
        margin-top: 90px;
    }
    .banner-content {
        top: 410px;
    }
    .explore-projects .submit-project .join-project {
        width: 100%;
    }
}


@media only screen and (max-width: 690px){
    .page-head {
            min-height: 650px;
            margin-top: 90px;
        }
    .banner-content {
        top: 370px;
    }

}

@media only screen and (max-width: 653px){
    .submit-project-page .project-owner img {
       min-height: 195px;
       max-height: 195px;
    }
}
@media only screen and (max-width: 630px){
    .banner-content {
        top: 340px;
    }
    .page-head {
        min-height: 570px;
    }
    .header h2 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 540px){
    .banner-content {
        top: 310px;
    }
    .page-head {
        min-height: 540px;
    }

    .footer .footer-grid form .form-group {
        width: 360px;
    }
}

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

    .banner-content {
        top: 270px;
    }
    .page-head {
        min-height: 490px;
    }

    .project-submission .score-rating .leader .about-leader {
        margin-right: 0;
        padding: 0;
    }
    .leader .about-leader .leader-numbers {
        font-size: 18px;
        line-height: 34px;
    }

    .project-submission .score-rating .download-pdf {
        width: 10%;
        min-width: 80px;
        padding: 5px 0 0 0;
    }

    .project-submission .score-rating .leader {
    width: 170px;
}
    .project-submission .score-rating .leader .leader-icon {
        width: 50px;
    }
    .project-submission .score-rating .leader .leader-icon img {
        max-width: 50px;
        max-height: 50px;
    }
    
    .project-submission .score-rating .panel-action {
        width: 30px;
        padding: 10px 0 0 0;
    }
    
    .vendor-metrics-question{
        padding:20px 30px;
    }
    .vendor-metrics-question h4 {
        line-height: 24px;
        margin-bottom: 20px;
    }

}
@media only screen and (max-width: 460px){
    .page-head {
        min-height: 520px;
    }
}

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


    .page-head {
        min-height: 490px;
    }
    .banner-content {
        top: 230px;
    }
    .banner-content .banner-advertisement .leader .leader-icon img {
        padding: 0;
    }



}




@media only screen and (max-width: 620px) {
    .submit-project-page .about-project {
        margin-bottom: 50px
    }
    .footer .footer-content{
        font-size: 16px;
        line-height: 24px;
    }
    
}


@media only screen and (max-width: 580px) {
    .inner-page-content-wrapper .about-inner-page .download-pdf img {
        margin-right: 12px;
        width: 24px;
    }
    .inner-page-content-wrapper .about-inner-page .download-pdf p {
        font-size: 12px;
        line-height: 35px;
    }

    .privacy-policy-wrap .event-title {
        font-size: 20px;
        line-height: 24px
    }
    
    .step-2 .step-footer {
        line-height: 40px;
        font-size: 14px;
        font-weight: 600;
    }
    .step-2 .step-footer .cancel-form {
        padding: 0;
        margin-bottom: 10px
    }
    .banner-content .banner-advertisement .advertisement .about-ad h3 {
        font-size: 20px
    }
    .three-column-grid .each-project {
        height: 120px
    }
    .toggle-menu {
        margin: 10px 0
    }
    .right-side ul li a{
        padding: .5rem 10px;
        font-size: 14px;
    }
    .policy-title {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 25px
    }
    .inner-page-banner {
        height: 106px
    }
    .banner-image {
        max-height: 326px;
        display: inline-block;
        width: 100%;
        overflow: hidden
    }
    .inner-page-content-wrapper .about-inner-page .desc p:last-child {
        padding-bottom: 0
    }
    
    .step-1 .btn,
    .step-2 .btn,
    .step-3 .btn,
    .step-4 .btn {
        margin-right: 0;
        margin-left: 20px
    }
    .step-3 .action-button-previous,
    .step-3 .action-button {
        float: right;
        margin-left: 25px;
        margin-right: 0
    }
    
}

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

    .logo a {
        width: 90%;
        margin-left: 5%;
    }
    

    
    .tabContent .tabItem h1 {
        font-size: 36px !important;
        line-height: 54px !important;
    }
    .home-see-vendor-section h2 {
        font-size: 36px;
        line-height: 52px;
        margin: 0 0 30px;
    }
    
    
    .home-tagline-section .box{
        padding: 50px 20px;
        min-height: auto;
    }
    
    .home-tagline-section{
        max-height: 490px;
        height: auto;
        position: relative;
        padding: 125px 0;
        margin-bottom: 100px;
        margin-top: 100px;    
    }
    .home-tagline-section .box p {
        font-size: 18px;
        line-height: 26px;
    }
    
    
 .home-see-vendor-section {
    padding: /*245px*/ 0 0 50px;
}
    
    .tabContent .tabItem .title {
        position: absolute;
        bottom: 0px;
        background: #fff;
        color: #464444;
        padding: 30px 20px;
        margin: 0;
        min-width: 100%;
        height: auto;
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .segment-vendors-specializing h2 {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .segment-all-projects-section h4 {
        margin-bottom: 0px;
        padding: 20px 0;
    }
    .segment-all-projects-section a.link-heading {
        margin-bottom: 20px;
    }
    .segment-all-projects-section {
        padding: 40px 0 80px;
    }
    
    
    
    
    header {
        height: 100px;
    }
    
    .sign-in-form {
        padding-top: 40px;
    }
    .sign-in-form .btn.signin {
        width: 124px;
        margin: 40px auto 0;
        display: block;
    }
    .sign-in-form {
        padding-bottom: 20px;
    }
    
    #modal-forgetPassword .modal-dialog .modal-content {
        padding-top: 90px;
    }
    #divNotifyMessageText h3{
        margin: 0 0 5px;
    }
    
    .three-column-grid .each-project {
        height: 180px;
        width: 100%;
        margin-bottom: 40px;
    }
    .explore-projects .submit-project .join-project {
        line-height: 1.6;
    }
    
    
    .header h2 {
        padding-top: 86px;
    }
    body.page-project-detail #ptsection-one {
        padding-top: 160px;
    }
    #ptsection-one .project-info-section {
        min-height: 300px;
    }
    #ptsection-one .project-info-section .title p{
        margin: 25px 0 0 0;
        display: block;
    }
    
    
    .small-banner small p{
        margin: 20px 0 20px;
        font-size: 13px;
        letter-spacing: 0.9px;
    }
    .banner-bg{
        height: 395px;
    }
    
    .vendor-products {
        font-size: 20px !important;
        line-height: 47px !important;
        font-weight: 400 !important;
        color: white;
        padding: 20px 0px;
    }
    .refer-a-vendor p {
        margin: 0 0 20px;
        line-height: 1.5;
        font-size: 16px;
    }
    
    .page-project-detail .header {
        height: 100px;
        z-index: 10;
    }
    .supplier-page .input-group .form-control{
        border-right: transparent !important;
        border: 2px solid #BEE3D9;
        padding: 4px 16px;   
    }
    
    
    

    .about-mindclick-wrapper img{
        margin-bottom: 40px;
    }
    .video-wrapper video, .video-wrapper video:-webkit-full-page-media {
        width: 100%;
        height: 250px;
    }
    
    .form-columns-2 .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field{
        margin-bottom: 20px;
    }
    .form-columns-2 .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
        margin-bottom: 20px;
    }

    
    .privacy-policy-wrap {
        padding-top: 40px;   
    }

    
    .small-banner .banner-content{
        top: 170px;
    }
    .small-banner small p {
          margin-bottom: 10px;
        font-size: 13px;
        letter-spacing: 0.8px;
    }
    .small-banner h1 {
        font-size: 16px;
        line-height: 18px;
    }
    .small-banner h1 sup {
        font-size: 10px;
        top: -7px
    }
    
    
    .vendor-page-banner .banner-content{
        top: 170px;
    }

    .vendor-page-banner small p {
        margin-bottom: 10px;
        font-size: 13px;
        letter-spacing: 0.8px;
    }
    
    .vendor-page-banner  h1 {
        font-size: 16px;
        line-height: 18px;
    }
    
    .vendor-page-banner  h1 sup {
        font-size: 10px;
        top: -7px
    }
    #divRightSide .dropdown.vendor-dropdown-metrics select{
        max-width: 100%;
    }
    
    
    .banner-content .banner-advertisement .advertisement .about-ad {
        padding: 13px 0 0 20px;
    }
    .banner-content .banner-advertisement .advertisement .ad-img {
        width: 90px;
    }
    .banner-content .banner-advertisement .leader .leader-icon img {
        padding: 0;
        width: 64px;
    }
    
    .vendor-page-head{
        padding-top: 20px;
    }
    .vendor-page-details {
        padding: 50px 0;
    }
    .vendor-page-details p {
        margin-bottom: 40px;
    }
    .accordion>.card{
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }
    .at-glance .at-glance-rattting .at-glance-project-row{
        padding: 17px;
    }
    .at-glance .at-glance-rattting .at-glance-project-row .box {
        margin: 0 15px 0 0;
        width: 115px;
    }
    .at-glance .at-glance-rattting .at-glance-project-row .details{
        width: 54%;
        padding-top: 12px;
    }
    .at-glance .at-glance-rattting .at-glance-project-row .score-rating {
        float: right
    }
    .at-glance .at-glance-rattting .at-glance-project-row .details h3{
        font-size: 14px;
        line-height: 18px;
    }
    .modal-content.vendor-page-style-cont{
        padding: 25px 15px 25px 15px !important;
        margin-top: 90px;
    }


    .modal-content.vendor-page-style-cont h5 {
        margin: 0 0 15px;
    }
    .modal-content.vendor-page-style-cont .dropdown.vendor-dropdown-metrics {
        float: left;
        max-width: 100%;
    }
    .modal-content.vendor-page-style-cont .jumbotron .badge-icon{
        margin: 20px;
    }
    .modal-content.vendor-page-style-cont .jumbotron .leader-icon{
        margin: 20px;
    }
    .vendor-metrics-badge{
        margin: 20px 0px;    
    }
    
    .vendor-dropdown-metrics.dropdown .dropdown select {
        max-width: 100%;
    }
    
    
    
    
    .modal-content.msap-rating-methodology {
        padding: 15px 15px 15px;
        margin-top: 90px;
    }
    .modal-content.msap-rating-methodology h2 {
        padding: 20px 0;
    }
    .msap-rating-methodology-prod .methodology-prod-content {
        min-height: auto; 
    }
    .msap-rating-methodology-prod{
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .modal-content.msap-rating-methodology p {
        padding-bottom: 0px;
    }
    
    
    .modal-content.vendor-page-tab-cont {
        padding: 15px 30px 15px;
        margin-top: 65px;
    }
    .vendor-page-rate-prod .details p {
        padding: 0;
    }
    
    .step-top-header {
        margin-bottom: 40px;
        padding-top: 40px;
    }
    .step-4 .btn {
        margin-right: 0;
        margin-left: 15px;
    }
    .btn.btn-transparent {
        padding: 12px 15px;
    }
    .step-4 .file-format p {
        padding-left: 60px;
        line-height: 22px;
    }
    
}


@media only screen and (max-width: 480px) {
     .small-banner .banner-content{
        top: 140px;
    }
    
    .vendor-page-banner .banner-content{
        top: 140px;
    }


    .banner-content .banner-advertisement .ad-right-content{
        overflow: hidden;
        padding:20px 
    }
    .submit-project-page h4 {
        line-height: 34px
    }
    .banner-content .banner-advertisement .equal-ad-btns {
        width: 27%
    }
    .banner-content .banner-advertisement .leader .about-leader{
        padding: 16px 0 0 0px
    }
    .banner-content .banner-advertisement .leader .leader-icon{
        float: right;
    }
    .banner-content .banner-advertisement .advertisement .about-ad{
        padding: 2px 0 0 20px;
    }
    .four-column-grid .each-project {
        height: 61px
    }
    .three-column-grid .each-project {
        height: 180px;
        width: 100%;
    }
    .three-column-grid .each-project img {
        display: block;
        margin: 0 auto;
        min-height: 100%;
        width: 100%;
        min-width: 100%;
    }
    
    
    .footer .footer-grid form .form-group {
        width: 320px;
    }


}

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

    
    .leader {
        max-width: 81%
    }
    .project-submission .about-each-project {
        padding: 20px 15px
    }
    .project-submission .project-detail .project-name {
        font-size: 20px;
        line-height: 24px
    }
    .project-submission .score-rating .leader {
        justify-content: center
    }
    .project-submission .score-rating .leader .about-leader {
        margin-right: 0
    }
    .project-submission .score-rating .leader .leader-icon {
        justify-content: center;
        display: inline-flex
    }

    .leader .leader-icon{
        max-width: 75px;
    }
    .about-inner-page .leader .about-leade{
        padding: 0px 0;
    }
    
    .pagination li:first-child {
        margin-right: 54px

    }
    .pagination li a {
        height: 55px;
        width: 55px
    }
    #msform .action-button{
        padding: 12px 25px;
    }
    .btn.btn-transparent {
        padding: 12px 25px;
    }
    .step-footer .cancel-form {
        padding: 0;
    }
    .step-footer .cancel-form a {
        line-height: 48px;
        display: block;
        font-size: 14px;
    }
    
    
    .vendor-metrics-panel .leader {
        max-width: 100%;
        padding: 0;
    }
    
}
@media only screen and (max-width: 414px) {
    
        
   
    
    .pagination li:first-child {
        margin-right: 0;
    }
    .project-submission .project-top{}
    .project-submission .project-top .inner-title {
        display: block;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .project-submission .project-top button {
        float: none;
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 400px) {
    .submit-project-page .project-owner {
        min-height: 290px;
        background-size: 290px;
    }
    .submit-project-page .project-owner img{
        width: 140px;
        height: 140px;
        margin: -67px 0 0 -67px;        
    }
    .project-submission .project-top .inner-title {
        display: block;
        padding: 0px 0 20px;
        text-align: center;
        width: 100%;
    }
    .project-submission .project-top button {
        float: none;
        margin: 0 auto;
        display: block;
    }

    
}

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

    
    
}

@media only screen and (max-width: 380px) {
     .small-banner .banner-content{
        top: 120px;
    }
    .vendor-page-banner .banner-content{
        top: 120px;
    }
    
    .banner-content .banner-advertisement .advertisement .about-ad h3 {
        font-size: 14px;
        margin: 0;
        line-height: 22px;
    }
    .footer .footer-grid form .form-group {
        width: 280px;
    }
    
}

@media only screen and (max-width: 375px) {
    .navbar-toggle{
        right:0;
    }
    .banner-content .banner-advertisement .advertisement .about-ad {
        padding: 10px 0 0 10px;
    }
    #msform .action-button,
    .btn.btn-transparent {
        padding: 12px 20px;
    }
    .step-1 .btn,
    .step-2 .btn,
    .step-3 .btn,
    .step-4 .btn {
        margin-right: 0;
        margin-left: 10px
    }
    .submit-project-page .project-owner img {
        width: 136px;
        margin: -67px 0 0 -68px;
        height: auto;
        min-height: 140px;
        max-height: 140px;
    }    
    .vendor-page-details p.websitelink a {
        margin-top: 30px;
        margin-left: 0;
        display: block !important;
    }
    
    .vendor-banner-image img {
         min-height: auto;
    }
    .vendor-details-casestudy-projects .main-banner img {
        min-height: auto;
    }
    .vendor-details-casestudy-projects .side-content img{
        min-height: auto;
    }
    .vendor-details-casestudy-projects .main-banner img{
        min-height: auto;
    }
    
    
}

@media only screen and (max-width: 360px) {
    #msform .action-button,
    .btn.btn-transparent {
        padding: 12px 20px;
    }
        
}

@media only screen and (max-width: 320px) {
   .logo a {
      background-size: 90%;
    }
   .navbar-toggle{
        height: 87px;
        width: 87px;
            right: 0;
   }
    #msform .action-button,
    .btn.btn-transparent {
        padding: 10px 11px;
    }
        
    .project-submission .score-rating .leader {
        width: 156px;
        padding: 0 10px;
    }
    .project-submission .score-rating .download-pdf {
        min-width: 72px;
        padding: 5px 0 0 0;
    }
    .each-hotspot {
        top: 125px;
    }
    
}




@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.resendemailvalidate {
cursor:pointer;
}


.modal-content.vendor-page-style-cont .leader-score small {
    color: #464444;
}

.modal-content.vendor-page-style-cont .leader-score h5 {
    color: #05A895;
}

    .modal-content.vendor-page-style-cont .leader-score h5 span {
        color: #005D8B;
    }

        .modal-content.vendor-page-style-cont .leader-score h5 span.grey {
            color: #5B5A5C;
        }

    .modal-content.vendor-page-style-cont .leader-score h4.blue {
        color: #0EB2E8;
    }

.modal-content.vendor-page-style-cont .leader-score .leader-numbers {
    color: #464444;
}
/*VENDOR LIBRARY START */

.small-banner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 45px;
    max-height: 630px;
    overflow: hidden
}

.natural-dropdown {
    background-color: transparent;
    border: none;
    color: white;
    padding: 0px 6px;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    margin: 0 20px;
    	border-bottom-style: dashed;
    border-bottom-width: 2px;
	-webkit-appearance: none
    }
.natural-dropdown:focus{
    outline: none; 
    }

option {
  overflow: hidden;
  text-overflow: ellipsis;
}

.border-dashed{

}

.bg-darkgray{	
	margin: 10px !important;
	background-color: #fff;
	color : #464444;
	font-size: 16px !important;
	font-weight: 600;
}

.banner-bg{
	background: linear-gradient(90deg, #2BA481 0%, #0EB2E8 100%); 
	height: 485px
}
.banner-bg.expand{
	    min-height: 540px;

}


.vendor-library{
	font-size: 10px !important; 
	font-weight: 600 !important; 
	letter-spacing: 1px !important;
}

.vendor-products{
	font-size: 26px ; 
	line-height: 62px ;
	font-weight: 400;
	color: white;	
}
.vendor-products span{
    
}
/*
#SupplierTypes{
    width:auto !important;  
    }
#SupplierSubTypes{
   width:auto !important;  
    }
#SupplierSubSubTypes{
  width:auto !important;
    }

*/
.supplier-page .input-group .form-control{
    border-right: transparent !important;
    border: 2px solid #BEE3D9;
    padding: 0rem 10px;
    font-size: 10px;
    font-weight: bold;
    text-transform: inherit;
}

.supplier-page .input-group .input-group-append .input-group-text{
	border-left: transparent !important;
	border: 2px solid #BEE3D9;
    padding-right: 10px;
}
/*VENDOR LIBRARY END */
.modal-para p{
    font-size: 15px !important;
    line-height: 20px !important;
}
.chart-tooltip {
    padding:6px 12px;
}.footer .bottom-footer p