.nav-link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
}

    .nav-link:focus, .nav-link:hover, .nav-link.active {
        color: #C77B50 !important;
        font-weight:600;
    }


.btn-main {
    min-width: 120px;
    max-width: 100%;/*
    width: 120px;*/
    height: 36px;
    background-color: #C77B50;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

    .btn-main:hover {
        background-color: #C77B50;
        opacity: 0.8;
        color: #ffffff;
        border: 1px solid #C77B50;
    }

.btn-sub {
    width: 120px;
    height: 36px;
    background-color: #ffffff;
    color: #C77B50;
    font-size: 14px;
    font-weight: 700;
    border-color: #C77B50;
}

    .btn-sub:hover {
        background-color: #C77B50;
        opacity: 0.8;
        color: #ffffff;
    }

.navbar-collapse .w-100 .collapse .show ul > li > a {
    color: red;
}


.field-validation-error {
    font-size: smaller;
    color: red;
    font-weight: 400;
}

.required.col-form-label-sm:after {
    content: "*";
    color: red;
    margin: 2px;
}

.required.form-label:after {
    content: "*";
    color: red;
}

.form-control:focus {
    border-color: #C77B50 !important;
    box-shadow: none !important;
}

.form-check-input:checked {
    border-color: #C77B50 !important;
    box-shadow: none !important;
    background-color: #C77B50 !important;
}

.form-check-input:focus {
    border-color: #C77B50 !important;
    box-shadow: none !important;
}

.form-check-input[type=checkbox] {
    border-color: gray;
}

.validation-summary-errors ul li {
    color: red
}

.pagination-container {
    display: flex;
    padding: 24px 12px;
    border-radius: 4px;
    border: 1px solid #e5e5e5
}

    .pagination-container .PagedList-ellipses, .pagination-container .PagedList-skipToLast, .pagination-container .PagedList-skipToNext, .pagination-container .PagedList-skipToPrevious, .pagination-container li.PagedList-skipToFirst {
        cursor: pointer;
        background-color: #f9f9f9;
        border-radius: 4px
    }

        .pagination-container .PagedList-ellipses a, .pagination-container .PagedList-skipToLast a, .pagination-container .PagedList-skipToNext a, .pagination-container .PagedList-skipToPrevious a, .pagination-container li.PagedList-skipToFirst a {
            color: #0b0b0b
        }

    .pagination-container li {
        border: 1px solid #e5e5e5;
        padding: 0;
        margin-right: 10px;
        border-radius: 6px;
        width: 50px;
        text-align: center
    }

        .pagination-container li a {
            cursor: pointer;
            padding: 5px 0;
            display: block;
            color: #0b0b0b
        }

.pagination .active {
    background: #eee;
    font-weight: 700;
}

.cleditorMain {
    margin-bottom: 20px;
}


.fw-bold {
    font-family: Palanquin Dark, sans-serif;
}

.contact-heading {
    font-family: Palanquin Dark, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: center;
}

/*Portfolio*/
.img-portfolio ul {
    margin: 0;
    padding: 0;
}

.portfolio li {
    display: inline !important;
    border: none !important;
}

    .portfolio li a,
    .portfolio li a:visited {
        color: #777777;
        padding: 5px 10px;
        margin: 0px 5px;
    }

        .portfolio li a:hover {
            color: #555555;
        }

#portfolio .element {
    margin: 20px 10px 10px 0px;
    padding: 0px;
    display: inline-block;
}

#portfolio a, #portfolio a:visited,
#portfolio a:hover {
    color: #666666;
    text-decoration: none;
}

#portfolio img {
    width: 200px;
    max-width: 200px;
    height: 115px;
}

.portfolio {
    display: flex;
    flex-wrap: wrap;
}

    .portfolio .center-cropped {
        width: auto;
        overflow: initial;
        height: auto;
    }

    .portfolio .file-icons {
        height: 110px;
        width: 125px;
        text-align: center;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border-radius: 5px;
    }

    .portfolio i {
        /*font-size: 75px;
        padding: 25px;*/
    }

.element {
    display: initial;
    position: relative;
}

    .element img {
        width: auto !important;
        max-width: fit-content;
        height: 110px !important;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border-radius: 5px;
    }

    .element a {
        position: absolute;
        top: 10px;
        color: #FFFFFF;
        right: 10px;
        background-color: #dc3545;
        border: 1px solid #dc3545;
        padding: 3px 8px;
        font-size: 12px;
    }
.centerPage {
    height: 48px;
    width: 48px;
    background-repeat: repeat-y;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    margin: auto;
    background-image: url('../../images/loading-blue.png');
}

.text-bottom-border {
    border-bottom: #C77B50 2px solid;
}

.custom-card {
    border-radius: 20px 0px 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 2.95px 2.95px 3.6px;
    background-color: #FFF;
}

    .custom-card-hover:hover {
        background-color: #fcd7c2;
    }

@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }
}

@media all and (min-width: 992px) {
    .navbar .nav-item .m1 {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .m1 {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.breadcrumb-item{
    font-size: 16px !important;
}

.dropdown-item {
    font-size: 16px !important;
}