/*Global*/
.montage_inner_logo {display: block;  margin: auto;  text-align: center;  max-width: 115px;}
.greyed_text{color: #555;}
a {color: #243DA3;}

/*Headers*/
.static_header1 {text-align: center; display: block; margin: auto; word-break: break-word;}
.static_header2 {text-align: center; word-break: break-word;}
.static_header3 {text-align: center; word-break: break-word;}
.static_header4 {text-align: center; word-break: break-word;}
.static_header5 {text-align: center; word-break: break-word;}
li.nav-item i {color: #610d0b;}
li.nav-item {font-size: 1.1rem; font-weight: 500; letter-spacing: .5px;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.8) !important;}
a.nav-item.nav-link:hover {color: #a3243d !important;}
a.dropdown-item {font-size: 1.1rem; margin-top: 2%;}

/* Messages */
.messages li {list-style: none;}
ul.messages {padding: 0%;}
ul.errorlist li {list-style: none !important; text-align: center;}
ul.errorlist {padding: 0%;}

/*Buttons*/
.m-button1 {
    background: #88c9cd;
    color: #212529;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    border-bottom: 1px inset #808080;
}
.m-button1:hover {background: #9ccfd0; color: #491313;}
.m-button1 i {color: #610d0b;}

.m-button2 {
    background: #b8b19f;
    color: #000000;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    border-bottom: 1px inset #808080;
}

.m-button2:hover {background: #610d0b; color: #fff;}
.m-button2 i {color: #ac1f25;}

.m-button3 {
    background: #931a1f;
    color: #ffffff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    border-bottom: 1px inset #808080;
}

.m-button3:hover {background: #451010; color: #ffffff;}
.m-button3 i {color: #b8b19f;}

.myUpBtn1 {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: transparent;
    color: #971730;
    cursor: pointer;
    padding: 5px;
    border-radius: 7px;
    font-size: 1.25rem;
    width: 40px;
    height: 40px;
    text-align: center;
}

.myUpBtn1:hover {background-color: #971730; color:#fff;}
.myUpBtn2 {display:none;}


/*General - Headers and Rows*/
.row.static_row {
    background: #d7d7d7;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    border-bottom: 1px solid #acacac;
}

.static_row_headers2{font-size: 2.5rem;}
.static_row_headers {padding-top: 2%;font-size: 2.5rem;}


/*Welcome-Home*/
.row.static_row_header_unique1 {
    background: #a3243d;
    color: #fff;
    text-align: center;
    padding: .8%;
    border-radius: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    border-bottom: 1px solid #acacac;
}

.home_header_unique1 {width: fit-content;display: inline;}
.welcome-page-1 {float: right; clear: both;}


/*VendorBox - eFair*/
.vendor_box {
    display: inline;
    width: 32%;
    border: 1px solid #d7d7d7;
    border-radius: 9px;
    margin: .5%;
    padding: 1%;
    text-align: center;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
}


.vendor_box_promo_box {
    /* border-bottom: 1px solid #d7d7d7; */
    margin-bottom: 0%;
    padding-bottom: 0%;
}

.vendor_box_promo {
    height: auto;
    width: -webkit-fill-available;
    max-width: 340px;
    max-height: 200px;
    display: block;
    margin: auto;
}

.vendor_box_logo_small {
    max-width: 120px;
    max-height: 50px;
    height: 50px;
    margin-top: 3%;
    /* border: 1px solid #d7d7d7; */
    border-radius: 18px;
    padding: 3%;
}

.vtype1{
    font-weight: 400;
    /* background: #d7d7d7; */
    padding: 0% 2%;
    border-radius: 13px;
    border-bottom: 1px solid #c2c2c2;
    letter-spacing: 1px;
    font-size: 1.1rem;
}

/*Infinite*/
.infinite-container_c1 {width: 100% !important;}
.infinite-item_c1 {display: inline !important;}

.infinite-container_c2 {display: contents;}
.infinite-item_c2 {
    display: inline-block;
    width: 32%;
    border: 1px solid #d7d7d7;
    border-radius: 9px;
    margin: .5%;
    padding: 1%;
    text-align: center;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
}

/*Article Form */
.left-form1 {
    padding: 2%;
}

.article_instructions {
    background: #fafafa;
    padding: 4%;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

#myVideo_general iframe {height: calc(34vh - 16px);}
#charNum4,
#charNum5 {
    display: inline;
}

/*Vendor Detail*/
.vendorlinks {
    text-align: center;
    background: #d7d7d7;
    padding: 1%;
    border-bottom: 1px solid #c0c0c0;
}
.vendorlinks a:hover {text-decoration: none;}
.vendorlinks img {width: 32px; margin: 1%;}
.my_VendorVid iframe {height: calc(42vh - 16px) !important;}

/*Vendor Articles*/

.my_VendorDetailedVid iframe {height: calc(68vh - 16px) !important;}
.article_box {
    border: 1px solid #cfcfcf;
    width: fit-content;
    margin: auto;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.10);
}

.article_single {
    width: 32%;
    display: inline-block;
    margin: auto;
    margin-top: 2%;
}
.article_single img {
    max-width: -webkit-fill-available;
    max-height: 226px;
    overflow: hidden;
    height: 226px;
    width: 100%;
}

#image_upload_preview {
    max-width: 320px;
    display: block;
    margin: auto;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.19);
}

.article_title,
#title_previewer {
    display: block;
    margin: auto;
    border: none !important;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.article_single a {color: #474747;}
.article_single a:hover {text-decoration: none; color: #000;}

.article_main_image,
.article_main_image img {max-width: 100%;}

/*Contact Details*/
.company_contact_box {
    border: 1px solid #d7d7d7;
    padding: 1%;
    margin: 1%;
    text-align: center;
    border-radius: 10px;
    width: 31%;
}

.contact_name {font-size: 1.2rem;}

.contact_montage {
    padding-bottom: 2%;
    color: #a3243d;
    letter-spacing: 1px;
}

.contact_the_client{
    padding-bottom: 2%;
    letter-spacing: 1px;
}

/*Logo Spacer*/
.logo_spacer {
  display: table;
  width: 100%;
  margin-top: 3%;
}

.s-left,
.s-right {
  display: table-cell;
  width: 40%;
}

.logo-line {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 1%;
}


/*Vendor Detail*/

.vendor_banner {height: 312px; max-width: 100%;}

.vendor_box_logo_large {
    display: block;
    margin: auto;
    max-width: 275px;
    max-height: 150px;
}

.vendor-left-detail {border-right: 1px solid #d7d7d7; padding: 1%;}

/*Account - Update*/
.update_showcase,
.client_md_logo {max-width: -webkit-fill-available;}

/*Article Forms*/
#article_layout_img {max-width: -webkit-fill-available;}

/*Company*/
.montage_box {border: 1px solid #6f413b; padding-top: 5%;}
.montage_box i {color: #243da3;}
.files_n_docs {padding: 5%;}
.client_sections {padding: 2%;}
.montagelinks {
    text-align: center;
    background: #451010;
    padding: 1%;
    border-bottom: 1px solid #70413b;
}
.montagelinks a:hover {text-decoration: none;}
.montagelinks img {width: 32px; margin: 1%;}



/*Client Management*/
.clientlist_logo {max-height: 90px;  max-width: 85px; width:85px;}

/*Client-Company Files*/
.company_file_box {
    border: 1px solid #d7d7d7;
    margin: 2%;
    padding: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Footer*/
.copyright1 {text-align: center; margin-top: 1%; padding-bottom: .5%; background: #a3243d; color: #fff; position: fixed; bottom: 0; width: 100%;}
.copyright1 a {color: #fff;}

.copyright2 {
    text-align: center;
    margin-top: 1%;
    padding-bottom: .5%;
    background: #88c9cd;
    color: #212529;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.copyright2 a {color: #212529;}


/*Mobile*/
@media only screen and (max-width: 991px) {
    /*Global*/
    .mycontent {margin-top: 18%;}
    .row {margin-right: 0px; margin-left: 0px;}
    /*Banners*/
    .vendor_banner {
    background-size: cover;
    background-repeat: no-repeat;
    height: 104px;
    max-width: 100%;
    }
    /*copyright*/
    .copyright2,
    .copyright1 {
    font-size: .8rem;
    }
    /*Infinite*/
    .infinite-item_c2{width: 100%;}
    /*Headers*/
    .static_row_headers {font-size: 1.5rem; padding-top: 10%;}
    .static_row_headers2 {font-size: 1.5rem; padding-top: 0%; text-align: center;}
    /*Resources*/
    .article_single {width: 100%; display: block; margin-bottom: 2%;}
    /*Vids*/
    .my_VendorDetailedVid iframe,
    .my_VendorVid iframe {height: calc(28vh - 16px) !important;}
    /*Contacts*/
    .company_contact_box {width: 100%;}
    /*efair*/
    .searcher_button1,
    .efair_search_button {width: 90%; margin-top: 3%;}
    /*buttons*/
    .m-button1 {font-size: .8rem;}
    /*vendor & efair*/
    .vendor_box {
        display: block;
        width: 99%;
        margin: 2.5%;
        padding: 5%;
    }
}