/* Front layout chrome
   Moved out of the inline <style> in resources/views/front/layout/app.blade.php
   Two blocks were inline here - one in <head>, one at the top of <body>.
   They are concatenated in that order, which is the order they cascaded in. */

.red_msg{
    color: #ca1818;
}
.scrollup:hover {
    background-color: #152B39;
}

.btn-fill-out::before, .btn-fill-out::after {
    background-color: #152B39;
}

.btn-fill-out {
    border: 1px solid #152B39;
}

.btn-fill-out:hover {
    color: #152B39 !important; 
}

a:hover {
    color: #152B39;
}

.footer_dark a:hover, .footer_dark .widget_links li a:hover, .widget_links li a:hover, .footer_dark .footer_link li a:hover, .footer_link li a:hover {
    color: #fff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #152B39;
}

.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #152B39;
}

.back_color{
    background-color: #152B39;
}

.font_color{
    color: #152B39;
}

.form-group span {
    color: #ca1818 !important;
}

.form-group .selection span {
    color: #000000 !important;
}

.select2-container--bootstrap4 .select2-selection__clear {
    background-color: #ffffff !important;
    color: #343a40 !important;
    margin-top: 10px !important;
}

.select2-container--bootstrap4 .select2-selection {
    height: 40px !important;
}

.select2-selection__rendered {
    margin-top: 2px !important;
}

.scrollup {
    bottom: 100px !important;
}

.lng_dropdown .ddcommon .ddChild li {
    padding-left: 10px;
}

.navbar .attr-nav li .search_trigger i {
    font-weight: bold !important;
}

.whatsapp_svg {
bottom: 50px !important;
}
.whatsapp_svg {
    bottom: 20px;
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 99;
}

/*body{
    background-color: #fdf1f2;
}*/


.announcement-bar{
    background:#fff;
    color:#000;
    overflow:hidden;
    white-space:nowrap;
    height:30px;
    line-height:30px;
    position:relative;
}

.announcement-track{
    display:inline-flex;
    align-items:center;
    animation: marquee 10s linear infinite;
}

.announcement-track span{
    padding-right:40px;
    font-size:14px;
    font-weight:600;
    flex-shrink:0;
}

@keyframes marquee{
    from{
        transform:translateX(100%);
    }
    to{
        transform:translateX(-100%);
    }
}
