﻿/* Common Styles */

body {
    font-size: 14px;
    color: #00022b;
}

    body a {
        color: #00022b;
        text-decoration: underline;
    }

        body a:hover {
            color: #ea450f;
        }

.show-only-mobile {
    display: none;
}

/* Header */
.logo-bar {
    max-height: 120px;
    position: absolute;
}


.btn-more {
    background-color: #ea450f;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    padding: 3px 10px;
    cursor: pointer;
}

.btn-submit {
    background-color: #ea450f;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    padding: 3px 10px;
    height: 35px;
    min-width: 200px;
    border: none;
    cursor: pointer
}

    .btn-submit:hover {
        color: #fff;
        background-color: #e47f0a;
    }

.btn-more:hover {
    color: #fff !important;
    background-color: #e47f0a;
}

.link-more {
    color: #ea450f;
    text-decoration: underline;
}

    .link-more:hover {
        text-decoration: none;
    }

.top-bar {
    background-color: #06094a;
    color: white;
    height: 40px;
    text-align: right;
}

    .top-bar a {
        color: white;
        font-size: 14px;
    }

.top-bar-links-wrap {
    float: right;
}

.top-bar .MenuItem {
    border-right: 1px solid #fff;
}

    .top-bar .MenuItem.MenuItemLogin {
        border-right: none;
    }

    .top-bar .MenuItem a i,
    .top-bar-links .MenuItem a i {
        font-size: 18px;
        padding-right: 10px;
    }

    .top-bar .MenuItem a,
    .top-bar-links .MenuItem a {
        font-size: 14px;
        font-weight: normal;
    }

        .top-bar .MenuItem a:hover,
        .top-bar-links .MenuItem a:hover {
            color: #ea450f;
        }

.top-bar-links {
    text-align: right;
    float: right;
}

    .top-bar-links .MenuItem a {
        color: #00022b;
    }


.search-bar {
    height: 76px;
}

.search-bar-input,
.search-bar-buttons {
    display: inline-block;
    float: right;
}

.search-bar-input {
    width: 100%;
    max-width: 500px;
    height: 40px;
    vertical-align: middle;
    margin-right: 5px;
}

    .search-bar-input input {
        border: 1px solid #00022b;
    }

.search-bar-buttons button {
    height: 40px;
    background-color: #ea450f;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid #ea450f;
    margin-right: 5px;
}

.MenuCategoryDiv {
    background-color: #f6f6f7;
    z-index: 0;
    height: 337px;
    width: 27%;
}


.category-Title {
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e9;
    font-weight: bold;
    padding: 10px;
}

    .category-Title i {
        font-size: 18px;
        padding-right: 10px;
        color: #c1c1c4;
    }

#cssmenu > ul > li {
    border-bottom: 1px solid #e6e6e9;
    padding: 10px 0;
}

    #cssmenu > ul > li:last-child {
        border-bottom: none;
    }

    #cssmenu > ul > li > a,
    #cssmenu > ul > li > ul > li > a {
        color: #00022b;
    }

    #cssmenu > ul > li > a {
        padding: 0 10px;
    }

        #cssmenu > ul > li > a:hover,
        #cssmenu > ul > li > ul > li > a:hover {
            color: #ea450f;
        }

.sub-category-div {
    position: absolute;
    top: -41px;
    background-color: #f6f6f7;
    visibility: hidden;
    margin-left: 100%;
    padding: 20px;
    width: 600px;
    -webkit-box-shadow: 27px 49px 25px -29px rgba(235,235,235,0.14);
    -moz-box-shadow: 27px 49px 25px -29px rgba(235,235,235,0.14);
    box-shadow: 27px 49px 25px -29px rgba(235,235,235,0.14);
    min-height: 337px;
}

.sub-menu-image img {
    width: 100%;
}

#cssmenu ul li:hover > .sub-category-div {
    visibility: visible;
}

#cssmenu ul {
    width: 100%;
}

    #cssmenu ul ul li {
        padding-bottom: 10px;
    }

    #cssmenu ul ul {
        background-color: #f6f6f7;
        width: 100%;
    }

#cssmenu a {
    color: #00022b;
}

    #cssmenu a:hover {
        color: #ea450f;
        text-decoration: underline;
    }



.slider-div {
    float: left;
    width: 73%;
}



/*icon blocks*/

.icon-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto;
}

    .icon-blocks .ButtonGridColumn {
        display: flex;
        align-items: center;
    }

        .icon-blocks .ButtonGridColumn a {
            display: flex;
            align-items: center;
            color: #00022b;
            text-decoration: none;
            padding: 10px;
            border: 1px solid #f6f6f7;
            width: 190px;
        }

            .icon-blocks .ButtonGridColumn a:hover {
                border: 1px solid #abacaf;
            }

        .icon-blocks .ButtonGridColumn .ButtonGridImage img {
            width: 40px;
        }

        .icon-blocks .ButtonGridColumn .ButtonGridImage {
            display: inline-block;
        }

        .icon-blocks .ButtonGridColumn .ButtonGridLabel {
            display: inline-block;
            padding: 0 0 0 10px;
        }

.info-content-blocks {
    display: flex;
    justify-content: space-between;
}

    .info-content-blocks a {
        text-decoration: none;
    }

    .info-content-blocks .latestEntityColumn {
        background-color: #f6f6f7;
    }

    .info-content-blocks .latestEntityHeader {
        background-color: #06094a;
        color: #fff;
        text-align: left;
        padding: 10px 20px;
    }

    .info-content-blocks .latestEntityColumn a {
        color: #00022b;
    }

        .info-content-blocks .latestEntityColumn a.btn-more {
            color: #fff;
            float: right;
        }

.more-wrap {
    float: right;
    width: 100%;
    background-color: #f6f6f7;
}

.info-content-blocks .latestEntityColumn a:hover {
    color: #ea450f;
}

.info-content-blocks .latestEntityColumn a.btn-more:hover {
    color: #ffffff;
}


.info-content-blocks .latestEntityHeader h4 {
    text-transform: uppercase;
    font-size: 14px;
}

.info-content-blocks .latestEntity {
    border-bottom: 1px solid #e6e6e9;
    padding: 5px 20px;
}

    .info-content-blocks .latestEntity img {
        width: 15px;
        margin-right: 5px;
    }

.info-content-cols {
    flex-basis: 25%;
    margin-right: 20px;
    box-sizing: border-box;
}

    .info-content-cols:last-child {
        margin-right: 0;
    }

    .info-content-cols.ads img {
        max-height: 190px;
        margin-bottom: 20px;
        float: right;
    }

.home-slider .slick-slide img {
    width: 100%;
}

.slick-slide {
    text-decoration: none;
}

.buy-leads-slider .slick-dots,
.trending-slider .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}



.buy-leads-block .slick-track .slick-slide:nth-child(4n) .requestHomePageBox {
    margin-right: 2px;
}

.trending-slider .slick-track .slick-slide:nth-child(5n) .productBox {
    margin-right: 2px;
}

.buy-leads a:hover,
.trending-block a:hover,
.agents-block a:hover,
.country-search a:hover {
    color: inherit;
}

    .buy-leads a:hover .requestHomePageBox,
    .trending-block a:hover .productBox,
    .agents-block a:hover .requestHomePageBox,
    .country-search a:hover .requestHomePageBox {
        border: 1px solid #c4c4c7;
    }

.buy-leads-block .btn-more,
.trending-block .btn-more {
    float: right;
    margin-bottom: 10px;
}

.footer-country-search {
    display: flex;
    flex-wrap: wrap;
}

.footer-country-row {
    flex-basis: 20%;
    margin-bottom: 20px;
}

.footer-country-col {
    display: flex;
}

    .footer-country-col img {
        margin-right: 5px;
    }


.footer-ads-block {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}

.AdvertisementBoxHome {
    flex-basis: 25%;
}

    .AdvertisementBoxHome img {
        max-width: 190px;
        width: 100%;
    }



/*// Search Reslult*/

.search-result-buy-leads {
    display: flex;
    flex-wrap: wrap;
}

    .search-result-buy-leads .buy-leads {
        flex-basis: 25%;
    }

.line2x {
    width: 100%;
    background-color: #e6e6e9;
    height: 1px;
    margin: 30px 0 30px;
}

    .line2x.nomargin {
        margin: 0;
    }

.searchResult .SearchButton {
    height: 35px;
    background-color: #ea450f;
    color: #fff;
    border: 1px solid #ea450f;
    margin-left: 0;
    text-align: center;
    float: right;
}

.search-box-with-btn {
    display: flex;
    align-items: center;
}

.field-row {
    margin-bottom: 5px;
}

    .field-row.searchContent {
        line-height: 35px;
    }

.search-result-ads img {
    width: 360px;
    height: 210px;
    border: 1px solid #e6e6e9;
}

.field-row input,
.field-row select,
.reset-password input[type='text'],
.register input[type='text'],
.contact-seller input[type='text'] {
    border: 1px solid #e6e6e9;
    height: 35px;
    padding: 0 5px;
}

.search-result-trending-block {
    display: flex;
    flex-wrap: wrap;
}


/*Agents*/

.agents-block .logoImage img {
    border: 1px solid #e6e6e9;
}

.inlineLink {
    color: #ea450f;
    text-decoration: underline;
}

    .inlineLink:hover {
        text-decoration: none;
    }

.new-user-block {
    margin-bottom: 30px;
}

    .new-user-block h3 {
        font-weight: bold;
    }

/*Register*/

.register .formLable {
    width: 10%;
    display: inline-block
}

.register .field-validation-error {
    margin-left: 3px;
}


/*Sub Category*/
.sub-cat-title {
    color: #ffffff;
    font-size: 24px;
    position: absolute;
    bottom: 0px;
    background-color: #06094a;
    padding: 10px 60px 10px 10px;
}


.subcat-tab {
    margin: 20px 0;
}

    .subcat-tab .btn-more {
        float: left;
    }


/*product page*/

.product-gallery .productBoxImage {
    width: 550px;
    height: auto;
}

.btn-contact-seller {
    padding: 5px;
}

    .btn-contact-seller i {
        margin-right: 5px;
        margin-top: 20px
    }

.product-content-wrap {
}

    .product-content-wrap .product-gallery {
        width: 50%;
        float: left;
    }

    .product-content-wrap .product-info {
        width: 50%;
        float: left;
    }

.galleryViewTable {
    display: flex;
    flex-wrap: wrap;
}

    .galleryViewTable img {
        border: 1px solid #e6e6e9;
        margin: 5px 5px 5px 0;
    }

.related-products {
    margin-top: 30px;
}

    .related-products .related-heading {
        text-transform: uppercase;
        text-align: left;
        border-bottom: 1px solid #e6e6e9;
        font-weight: bold;
        padding: 5px 10px 5px 0;
        margin-bottom: 20px;
    }

.showcase-products .productBox {
    /*border: 1px solid #e6e6e9;
    height: 150px;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 0;
    margin-bottom: 5px;
    text-align: center;*/
}

.showcase-products .productBoxImage {
    /*width:100px;
        height:100px;*/
}

/*country search*/

.showcase-products .slick-dots,
.related-products .slick-dots {
    bottom: -20px;
}

.CountryItem {
    font-weight: bold;
    display: flex;
    align-items: center;
}

.country-search {
    display: flex;
    flex-wrap: wrap;
}

.country-search-item {
    flex-basis: 25%;
}


/*Site map*/

.sitemap-row h4 {
    font-weight: bold;
}


/*Buyer admin*/

.link-actions {
    font-size: 12px;
}

.link-delete {
    color: #ea450f;
}

.edit-request input[type=text] {
}


.edit-request select,
.edit-request input[type='text'],
.edit-request textarea {
    border: 1px solid #e6e6e9;
    height: 35px;
    padding: 0 5px;
    max-width: 400px;
    width: 100%;
}

.edit-request input[type='file'],
.edit-request input[type='button'] {
    /*background-color: #ea450f;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    padding: 3px 10px;
    height: 35px;
    border: none;
    cursor: pointer;*/
}
