.gravestone-banner-image {
    margin-top: 4em;
    float: right;
}

#contactForm{
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #f5f5f5;
}

.contact-person-message{
    color: #666;
    font-style: italic;
    text-align: center;
}

.contact-info td{
    padding-left: 1em;
}

.jumbotron.aboutus-page{
    color: #FFFFFF;
    font-size: 1.2em;
}

.jumbotron.aboutus-page h2{
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    font-size: 2em;
    color: #072466;
}

.jumbotron.aboutus-page p{
    color: black;
    font-size: 0.95em;
    font-weight: 300;
}

.jumbotron.ornaments-page{
    color: #000000;
    font-size: 1em;
}

.jumbotron.ornaments-page h2{
    font-size: 2.2em;
    color: #000000;
}

.jumbotron.ornaments-page p{
    font-size: 0.9em;
}

.ornaments-div{
    font-size: 0.9em;
}

.history-div{
    font-size: 0.9em;
}

.jumbotron.history-page h2{
    font-size: 2.2em;
    color: #FFFFFF;
}

.body-section{
    margin: auto;
    margin-bottom: 3em;
    max-width: 104.8em;
}

.ornaments-section {
    /*margin-bottom: 3em;*/
}

.nav-section {
    margin-bottom: 0em;
}

.inner-ornaments {
    margin-bottom: 2em;
}

.first-section {
    /*background: url("../images/section1-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0em;*/
    height: 20em;
    position: relative;
    background: none;
}

.ornaments-first-section-img .align-self-center {
    background: #ffffffe6;
}

.ornaments-first-section-img .align-self-center p, .ornaments-first-section-img .align-self-center h2, .ornaments-first-section-img .align-self-center h5 {
    color: #333333;
}

.ornaments-first-section-img {
    background: url(../images/newfp/ornaments-banner2.jpg);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20em;
    border-radius: 0em;
    position: absolute;
    box-shadow: inset 0 0 100px 0px #C2C2C2;
}

.ornaments-first-section-img.nl {
    background-size: cover !important;
    background-position: 100% 100% !important;
    background: url(../images/newfp/ornaments_gravestones_nl.jpg);
}

.white-banner-section {
    background-color: rgba(255, 255, 255, 0.9);
}

.testimonial-first-section-img{
    background: url(../images/aboutus/testimonials.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 18em;
    border-radius: 0em;
    position: absolute;
}

.testimonial-quote-box{
    border: 1px solid #f2f2f2;
}

blockquote {
    position: relative;
}

blockquote:before {
    font-family: Georgia, serif;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    color: #7a7a7a;
    top: -0.3em;
    left: 0em;
}

.blockquote-footer{
    color: #252b8b;
}

.second-section{
    background-image: url("../images/aboutus/section2-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 24em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.info-header {
    margin: auto;
    margin-bottom: 2em;
    text-align: center;
}

.iconic-ul {
    list-style: none;
    padding: 0;
}

.iconic-ul li {
    padding-left: 2.5em;
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
}

.info-header h4{
    font-family: 'Libre Baskerville', serif;
    /*font-weight: bold;*/
    font-style: italic;
    color: #072466;
}

hr {
    color: #666666;
    width: 80%;
    margin: auto;
}
.iconic-ul li::before{
    content: "\f3ff";
    font-family: "Ionicons";
    display: inline-block;
    margin-left: -1.5em;
    width: 1.5em;
    font-size: 1.40em;
    color: #2C2F86;
}

.frame-shadow {
    border: 10px solid white;
    box-shadow: 3px 3px 10px #aaa;
    width: 100%;
}

.btn {
    border-radius: 0px !important;
    width: 250px;
}

.btn-active {
    background-color: #092467;
    color: #FFFFFF;
    font-size: 1em;
    text-transform: uppercase;
}

.btn-active:hover {
    border: 1px solid #092467;
    color: #092467;
    background-color: #FFFFFF;
}

.btn-inactive {
    border: 1px solid #C2C2C2;
    background-color: #FFFFFF;
    color: #C2C2C2;
    font-size: 1em;
    text-transform: uppercase;
}

.btn-inactive:hover {
    color: #FFFFFF;
    background-color: #C2C2C2;
}

.body-quote {
    padding: 2em;
    text-align: center;
    background-color: #FFFFFF;
    color: #666666;
    font-style: italic;
    margin: 0.67em 0;
    font-size: 1.2em;
}

.ornaments-div .links a.links-caption span  {
    /* width: 100%; */
    display: block;
    font-size: 1.1em;
}

.ornaments-item .image-holder {
    display: flex;
}

.ornaments-div .links {
    border-left: 1px solid #cccccc;
}

.ornaments-div .links a.links-caption {
    text-decoration: underline;
    color: #9a9999;
}

.ornaments-div .section-header{
    background-color: #f6f6f6;
    font-family: 'Libre Baskerville', serif;
}

.ornaments-div .row .links:first-of-type {
    border-left: none;
}

.ornaments-div .section-header h3{
    padding: .5em 1em;
}

.ornaments-div .section-header h3,.ornaments-div .section-body .accessory-detail {
    font-style: italic;
    font-weight: 500;
    font-family: 'Libre Baskerville', serif;
}

.ornaments-item{
    padding: 1em 0px;
}

.ornaments-item:hover {
    box-shadow: 0px 4px 6px -3px #00000021;
}

.parent-selection {
    margin: 0;
    width: 100%;
    display: block;
}

.ornaments-section-1{
    background: #f4f4f4;
}

.ornaments-section-1 .info-dets, .ornaments-section-2 .info-dets{
    margin: auto 0;
    padding: 1em !important;
}

.info-dets h5 {
    padding: 1em 0;
    font-style: italic;
    font-weight: bolder;
    font-family: 'Libre Baskerville', serif;
}

.ornaments-section-1 img, .ornaments-section-2 img {
     max-width: 415px !important;
     width: 100%
}

.ornaments-section-1, .ornaments-section-2 {
    padding: 3em 0;
    margin-bottom: 5em 0;
}

 .card-body.ornaments {
    padding: 10px;
    margin: 0 auto;
    max-width: 800px;
    position: relative;
}

.parent-selection a.ornament-category[aria-expanded=true]{
    pointer-events: none;
}

h5.header-buttons {
    width: 100%;
    padding: 1em 0;
    display: block;
    text-align: center;
    font-style: italic;
    font-weight: bolder;
    font-family: 'Libre Baskerville', serif;
}

#ornament-categories-container {
    padding: 0px;
    text-align: center;
    margin-bottom: 0px;
}

#ornament-categories-container li {
    display: inline-block;
    list-style-type: none;
}

#ornament-categories-container .ornament-cat {
    margin: auto;
    display: block;
    max-width: 40px;
}

#ornament-categories-container .ornaments-parent-selection {
    width: 100%;
    margin: 0px;
    display: block;
    text-align: left;
    padding: 8px 8px;
}

#ornament-categories-container a.ornament-category span {
    opacity: 0.5;
    color: #333333;
    display: block;
    font-size: 16px;
    text-align: left;
    text-transform: capitalize;
}

#ornament-categories-container a.ornament-category {
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
}

#ornament-categories-container .parent-selection.parent-selected a.ornament-category span {
    opacity: 1;
}

#oranamentSelect .ornament-category-header {
    cursor: pointer;
    padding: 5px 8px;
    position: relative;
    background: #F6F6F6;
}

#oranamentSelect .ornament-category-header::after {
    top: 8px;
    right: 10px;
    content: "";
    padding: 5px;
    opacity: 0.5;
    position: absolute;
    border: 1px solid #333;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    transition: all .1s linear;
    -webkit-transform: rotate(45deg);
}

#oranamentSelect .ornament-category-header.active::after {
    top: 14px;
    -webkit-transform: rotate(225deg);
}

#oranamentSelect .ornament-category-header span {
    font-size: 16px;
    font-weight: 700;
}

#oranamentSelect .ornament-color-header {
    cursor: pointer;
    padding: 5px 8px;
    margin-top: 10px;
    position: relative;
    background: #F6F6F6;
}

#oranamentSelect .ornament-color-header::after {
    top: 8px;
    right: 10px;
    content: "";
    padding: 5px;
    opacity: 0.5;
    position: absolute;
    border: 1px solid #333;
    transform: rotate(45deg);
    border-width: 0 2px 2px 0;
    transition: all .1s linear;
    -webkit-transform: rotate(45deg);
}

#oranamentSelect .ornament-color-header.active::after {
    top: 14px;
    -webkit-transform: rotate(225deg);
}

#oranamentSelect .ornament-color-header span {
    font-size: 16px;
    font-weight: 700;
}

#engrave-color {
    padding-top: 10px;
    margin-bottom: 20px;
}

#engrave-color .select-engrave-color {
    width: 36px;
    height: 36px;
    cursor: pointer;
    position: relative;
    margin-right: 8px;
    border-radius: 100%;
    display: inline-block;
    transition: all 0.2s linear;
    border: 1px solid transparent;
}

#engrave-color .select-engrave-color.active {
    border-color: #1e2e70 !important;
}

#engrave-color .select-engrave-color:hover {
    border-color: #dee7f7;
}

#engrave-color .select-engrave-color .inner-circle {
    width: 28px;
    height: 28px;
    margin-top: 3px;
    margin-left: 3px;
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
}

#engrave-color .select-engrave-color.white .inner-circle {
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

#engrave-color .select-engrave-color.black .inner-circle {
    border: 1px solid #000000;
    background-color: #000000;
}

#engrave-color .select-engrave-color.gold .inner-circle {
    border: 1px solid #fdc965;
    background-color: #fdc965;
}

#engrave-color .select-engrave-color.silver .inner-circle {
    border: 1px solid #cacaca;
    background-color: #cacaca;
}

.ornament-category-text {
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    padding-bottom: 15px;
    text-transform: capitalize;
    border-bottom: 1px solid #ececec;
}

#oranamentSelect .col-ornament-img {
    padding: 12px;
}

.ornaments-category-text {
    color: #333333;
    font-size: 16px;
    text-align: left;
    line-height: 28px;
}

.ornaments-category-text-row {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ececec;
}

img.ornament-img {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 90px;
    position: relative;
}

.price-per-pc {
    opacity: 1;
    width: 130px;
    color: #1E2E70;
    margin: 0px auto;
    padding: 20px 0px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #1E2E70;
}

.price-per-pc span {
    font-weight: 700;
}

.price-per-pc h4 {
    margin: 0px;
    font-size: 36px;
    font-weight: bolder;
}

/*#oranamentSelect .subcat-col {
    top: 0px;
    left: 0px;
    position: absolute;
}*/

#oranamentSelect .btn-subcat-ornament {
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    margin-top: 0px;
    padding: 5px 16px;
    margin-right: 5px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #B7B7B7;
    transition: all 0.2s linear;
}

#oranamentSelect .btn-subcat-ornament.active {
    color: #ffffff;
    background: #1E2E70;
    border: 1px solid #1E2E70;
}

#oranamentSelect .single-ornament.active {
    /*display: flex;*/
}

#oranamentSelect .single-ornament {
    /*display: none;*/
}

#oranamentSelect .collapsing {
    transition: all .2s ease;
}

#oranamentSelect .card-body.ornaments {
    /*max-height: 580px;
    overflow-y: hidden;*/
}

#oranamentSelect .card-body.ornaments:hover {
    overflow-y: auto;
}

#oranamentSelect .card-body.ornaments::-webkit-scrollbar {
  width: 5px;
}

#oranamentSelect .card-body.ornaments::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#oranamentSelect .card-body.ornaments::-webkit-scrollbar-thumb {
    background: #888;
}

#oranamentSelect .card-body.ornaments::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#engrave-color .select-engrave-color .color-text {
    display: none;
}

.color-text {
    display: none;
}

.ornament-hide {
    display: none;
}

.view-more {
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
    padding: 15px 50px;
    background: #1E2E70;
    display: inline-block;
    border: 1px solid #1E2E70;
    
}

.view-more-container.hide {
    display: none;
}

@media (max-width:991px) {
    #oranamentSelect .card-body.ornaments {
        max-height: unset;
        overflow-y: hidden;
    }
}
@media (max-width:767px) {
    .ornaments-container {
        text-align: center;
    }

    .gravestone-banner-image {
        float: none;
        max-width: 80%;
        left: 0;
        right: 0;
        margin: 1em auto;
    }

    .ornaments-div .row .links:nth-of-type(3) {
        border-left: none;
    }

    .ornaments-div .section-header h3,.ornaments-div .section-body .accessory-detail {
        font-size: 1.5em;
    }

    .ornaments-div .links {
        border-left: none !important;
    }

    .links:first-of-type {
        border-top: 1px solid #bcbcbc;
    }

    .links-caption .row{
        padding: 10px 0px;
        border-bottom: 1px solid #bcbcbc;
        border-left: 0;
    }

    .links-caption .row span{
        text-align: left;

        margin: auto;
        position: relative;
        padding: 0;
    }

    .links-caption .row img{
        padding: 0;
        margin: auto;
        position: relative;
        width: 100%;
    }
}

@media (min-width:1024px) {

    .jumbotron.ornaments-page p{
        font-size: 0.9em;
        width: 80%;
        right: 0;
        left: 0;
        margin: 2em auto;
    }
}

@media (max-width: 576px){
    .col-sidebar {
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
    }

    .ornament-category-container,
    .ornament-color-container {
        flex: 0 0 50%;
        padding: 10px;
        max-width: 50%;
    }

    #oranamentSelect .ornament-color-header {
        margin-top: 0px;
    }

    #engrave-color {
        display: flex;
        flex-wrap: wrap;
    }

    #engrave-color .select-engrave-color {
        flex: 0 0 36px;
        max-width: 36px;
        display: inline-block;
    }

    #engrave-color .select-engrave-color .inner-circle {
        margin-right: 5px;
        display: inline-block;
    }

    #engrave-color .color-text {
        margin-top: 5px;
        margin-top: auto;
        margin-bottom: auto;
        display: inline-block;
        flex: calc(100% - 50px);
        max-width: calc(100% - 50px);
    }

    .color-text {
        display: inline-block;
    }

    .view-more {
        margin-bottom: 20px;
    }
}

@media (max-width:425px) {
    .ornaments-first-section-img .align-self-center {
        padding: 1rem !important;
        width: 95%;
    }
    .ornaments-div, .ornaments-div div[class^=col-md]{
        padding: 0;
    }
    .ornaments-div .row{
        margin: 0;
    }
    .ornaments-first-section-img .align-self-center p {
        font-size: .75em;
    }
    .ornaments-first-section-img .align-self-center h2 {
        font-size: 1.6em !important;
    }
}