a:hover,
a:focus,
.topbar-content a:hover,
.topbar-content .float-left .number,
.navbar-nav .active>.nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.open,
.navbar-nav .open>.nav-link,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.tr-menu .float-right li i:hover,
.tr-menu .float-right li .icon:hover,
.farmfood ul li .icon, .farmfood-two .farmfood .icon,
.product-icon i, .product-icon .icon,
.btn.btn-primary:hover, .product .price,
.cta-info h2, .countdown li,
.entry-content a:hover, .footer-widget h3,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active,
.pricing-one .time, .pricing-one h3 a:hover,
.footer-bottom .select-option select,
.topbar-two .select-option select option,
.slider-two .btn.btn-primary, .footer-bottom .float-left a,
.cta-two .btn.btn-primary, .testimonial-title h1,
.pagination>.active>.page-numbers, .pagination>.active>.page-numbers:focus,
.pagination>.active>.page-numbers:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination>li>.page-numbers:focus, .pagination>li>.page-numbers:hover,
.pagination>li>span:focus, .pagination>li>span:hover,
.product-details-info .price, .product-details-info ul li:before,
.add-to-cart span a, .quantity a:hover, .widget .post-date,
.widget.widget_recent_entries a:hover, .contact-info .icon,
.pricing .price.active>span, .pricing .price.active
.btn.btn-primary:hover, .pricing .btn.btn-primary,
.total-surface span, .blockquote span, .tr-follow,
.comment-box .comment-meta a:hover,
.user-account .btn.btn-primary:hover,
.navbar-toggler-icon::before{
    color: #000;
}

.topbar-two path {
    fill: #000;
}

.cart-number,
.btn.btn-primary,
.product-icon i:hover,
.product-icon .icon:hover,
.slick-dots li:hover,
.slick-dots li.slick-active,
.post-time span, .tagcloud a:hover,
.ui-slider .ui-slider-handle,
.ui-slider, .add-to-cart span:hover,
.pagination>li>.page-numbers:before,
.pagination>li>.page-numbers:after,
.description-tabs>li>a:after,
.pricing .price.active .btn.btn-primary,
.pricing .btn.btn-primary:hover,
.pricing.pricing-three .btn.btn-primary:hover {
    background-color: #000;
}

.btn.btn-primary,
.form-control:focus,
.contact-form .form-control:focus,
.pricing .price.active .btn.btn-primary,
.pricing.pricing-three .price.active .btn.btn-primary,
.pricing.pricing-three .btn.btn-primary:hover,
.navbar-toggler-right {
    border-color: #000;
}

.footer-widget .global-list a {
    text-decoration:underline;
}

.footer-widget .global-list a:hover {
    text-decoration:none;
}

.footer-widget .btn.btn-primary {
    background-image: url(../images/submit.png);
}

.tr-comments .btn.btn-primary {
    background-image: url(../images/submit1.png);
}

.cta-two {
    background-image: url(../images/cta-bg.jpg);
}


.home-slider.slider-two{
    background: rgb(30,170,157);
    background: -moz-linear-gradient(45deg, rgb(30,170,157) 0%, rgb(169,229,82) 100%, rgb(125,185,232) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(30,170,157)), color-stop(100%,rgb(169,229,82)), color-stop(100%,rgb(125,185,232)));
    background: -webkit-linear-gradient(45deg, rgb(30,170,157) 0%,rgb(169,229,82) 100%,rgb(125,185,232) 100%);
    background: -o-linear-gradient(45deg, rgb(30,170,157) 0%,rgb(169,229,82) 100%,rgb(125,185,232) 100%);
    background: -ms-linear-gradient(45deg, rgb(30,170,157) 0%,rgb(169,229,82) 100%,rgb(125,185,232) 100%);
    background: linear-gradient(45deg, rgb(30,170,157) 0%,rgb(169,229,82) 100%,rgb(125,185,232) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eaa9d', endColorstr='#7db9e8',GradientType=1 );
}

.watch-video:before {
    background: rgb(30,170,157,0.9);
    background: -moz-linear-gradient(45deg, rgba(30,170,157,0.9) 0%, rgba(165,227,84,0.9) 100%, rgba(125,185,232,0.9) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(30,170,157,0.9)), color-stop(100%,rgba(165,227,84,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(45deg, rgba(30,170,157,0.9) 0%,rgba(165,227,84,0.9) 100%,rgba(125,185,232,0.9) 100%);
    background: -o-linear-gradient(45deg, rgba(30,170,157,0.9) 0%,rgba(165,227,84,0.9) 100%,rgba(125,185,232,0.9) 100%);
    background: -ms-linear-gradient(45deg, rgba(30,170,157,0.9) 0%,rgba(165,227,84,0.9) 100%,rgba(125,185,232,0.9) 100%);
    background: linear-gradient(45deg, rgba(30,170,157,0.9) 0%,rgba(165,227,84,0.9) 100%,rgba(125,185,232,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eaa9d', endColorstr='#7db9e8',GradientType=1 );
}

.tr-map {
    border: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 370px;
    width: 100%;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    color:#636c83;
    line-height:1.3em;
}

input[type="checkbox"] + label:before {
    width: 40px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    content: "";
    margin-right: 15px;
    transition: background-color 0.5s linear;
}

input[type="checkbox"] + label:after {
    width: 24px;
    height: 24px;
    border-radius: 25px;
    background-color: #fafafa;
    content: "";
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
    position: absolute;
    left: -2px;
    top: -2px;
}

input[type="checkbox"]:checked + label:before {
    background-color: #000;
    border: 1px solid #000;
}

input[type="checkbox"]:checked + label:after {
    margin: 0 0 0 20px;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    color:#636c83;
    line-height:1.3em;
}

input[type="radio"] + label:before {
    width: 40px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    content: "";
    margin-right: 15px;
    transition: background-color 0.5s linear;
}

input[type="radio"] + label:after {
    width: 24px;
    height: 24px;
    border-radius: 25px;
    background-color: #fafafa;
    content: "";
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
    position: absolute;
    left: -2px;
    top: -2px;
}

input[type="radio"]:checked + label:before {
    background-color: #000;
    border: 1px solid #000;
}

input[type="radio"]:checked + label:after {
    margin: 0 0 0 20px;
}

.nfc-div {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.nfc-img {
    max-height: 75%;
    max-width: 75%;
    height: auto;
}

.nfc-p {
    display: none;
}

.alert-toggle {
    display:none;
}

.spinner {
    display: block;
    position: relative;
    width: 40px;
}

.spinner::before,
.spinner::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
}

.spinner::before,
.spinner::after {
    width: 10px;
    height: 10px;
    background-color: #3c763d;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-ani 0.8s cubic-bezier(0.2, 0.32, 0, 0.87) infinite;
    margin-top:5px;
}

.spinner::after {
    animation-delay: 0.3s;
}


.spinner-white {
    display: block;
    position: relative;
    width: 40px;
}

.spinner-white::before,
.spinner-white::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
}

.spinner-white::before,
.spinner-white::after {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-ani 0.8s cubic-bezier(0.2, 0.32, 0, 0.87) infinite;
    margin-top:5px;
}

.spinner-white::after {
    animation-delay: 0.3s;
}

@keyframes spinner-ani {
    0%, 80%, 100% {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    0%, 100% {
        transform: translateX(-15px);
    }

    90% {
        transform: translateX(15px);
    }
}