@keyframes onplay {
    0% {
        background-color: #d1d1d1;
        color: #23a4ad;
        border: 1px solid #23a4ad;
    }

    100% {
        background-color: #23a4ad;
        color: #d1d1d1;
        border: 1px solid #d1d1d1;
    }
}

@-webkit-keyframe onplay {
    0% {
        background-color: #d1d1d1;
        color: #23a4ad;
        border: 1px solid #d1d1d1;
    }

    100% {
        background-color: #23a4ad;
        color: #d1d1d1;
        border: 1px solid #d1d1d1;
    }
}

.js-preloader .preloader-inner .dot {
    background: #23a4ad;
}

.js-preloader .preloader-inner .dots span {
    background: #23a4ad;
}

.jsCalendar table tbody td.jsCalendar-current {
    background-color: #23a4ad;
}

body {
    background: #23a4ad;
    background: linear-gradient(90deg, rgba(35, 164, 173, 1) 60%, rgba(90, 142, 145, 1) 100%);
    color: #d1d1d1;
}

label {
    color: #FFFFFF;
}

p {
    color: #d1d1d1;
}

.text-main {
    color: #d1d1d1;
}

.text-parent {
    color: #FFFFFF;
}

.text-bride {
    color: #FFFFFF !important;
}

.btn-main {
    background-color: #d1d1d1;
    color: #23a4ad !important;
    border: 1px solid #23a4ad;
}

.btn-main:hover {
    background-color: #23a4ad;
    color: #d1d1d1 !important;
    border: 1px solid #d1d1d1 !important;
}

.form-control {
    border: 1px solid #d1d1d1;
}

.card-qr {
    background-color: #FFFFFF;
    border: 1px solid #d1d1d1;
}

.card-qr .title {
    background-color: #d1d1d1;
}

.card-qr label {
    color: #23a4ad;
}

.card-qr p {
    color: #23a4ad;
}

.card-prayer {
    border: 1px solid #d1d1d1;
}

.table-program tr td:nth-child(1) {
    color: #FFFFFF;
}

.table-program tr td:nth-child(2) {
    color: #d1d1d1;
}

.list-contact li a {
    background-color: #23a4ad;
    border: 1px solid #23a4ad;
}

.input-counter button:nth-child(1), .input-counter button:nth-child(3) {
    background-color: #23a4ad;
    border: 1px solid #23a4ad;
}

.slider-guestbook .owl-dot.active {
    background-color: #d1d1d1 !important;
}

.floating-bar .floating-music {
    background-color: #d1d1d1;
    color: #23a4ad;
    border: 1px solid #d1d1d1;
}

.main-page {
    background: #23a4ad;
    background: linear-gradient(90deg, rgba(35, 164, 173, 1) 60%, rgba(90, 142, 145, 1) 100%);
    color: #d1d1d1;
}

.main-page .main-left-1 .el {
    background-image: url(el1.png);
}

.main-page .main-right-1 .el {
    background-image: url(el1.png);
}

.main-page .main-top-1 .el {
    background-image: url(el1.png);
    opacity: 0.4;
}

.main-page .main-bottom-1 .el {
    background-image: url(el1.png);
    opacity: 0.4;
}

.main-page .container-content .content .title {
    color: #FFFFFF;
    text-shadow: 0px 2px 5px #23a4ad;
}

.sub-page .container.container-countdown {
    background-color: #d1d1d1;
}

.sub-page .container.container-countdown h4 {
    color: #23a4ad;
}

.sub-page .container.container-footer {
    background-color: #d1d1d1;
}

.sub-page .container.container-footer p {
    color: #23a4ad;
}

.appbar .appbar-nav {
    background-color: #d1d1d1;
}

.appbar .appbar-nav ul li {
    color: #23a4ad;
}

.appbar .appbar-nav ul li:nth-child(3) i {
    color: #23a4ad;
    border: 2px solid #23a4ad;
}

.appbar .appbar-modal .modal-dialog .modal-header {
    background-color: #23a4ad;
}

.appbar .appbar-modal .modal-dialog .modal-body {
    background-color: #FFFFFF;
}

.appbar .appbar-modal .modal-dialog .modal-body label {
    color: #23a4ad;
}