@charset "UTF-8";

/* ----------------------------------

Name: homebrew.css
Code : optiflux|mediatribe
Version: 3.1

-------------------------------------


/* ===================================
    01. Colorings
====================================== */

.bg-sande-blue {background-color:#20335b;}

.bg-slims-blue {background-color:#4064AE;}

.btn.btn-maroon {background: #740d0d; border-color: #ffffff; color: #ffffff}
.btn.btn-maroon:hover, .btn.btn-maroon:focus {background: #ffffff; border-color: #740d0d; color: #740d0d}

.btn.btn-light-blue {background: #4064AE; border-color: #ffffff; color: #ffffff}
.btn.btn-light-blue:hover, .btn.btn-light-blue:focus {background: #ffffff; border-color: #4064AE; color: #4064AE}

.btn.btn-black {background: #000000; border-color: #ffffff; color: #ffffff}
.btn.btn-black:hover, .btn.btn-black:focus {background: #ffffff; border-color: #000000; color: #000000}

/* text color */
.text-slims-blue, .btn.text-slims-blue {color:#4064AE}

/* icon hover effect style 8 */
.social-icon-style-8 ul li a {text-align: center; width: auto; height: auto}
.social-icon-style-8 a:hover {color: #935050 !important;}

.input-border-bottom-red {border-bottom: 10px solid #740d0d; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-bottom-blue {border-bottom: 10px solid #20335b; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-bottom-black {border-bottom: 10px solid #535353; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}

/* ===================================
    02. Formatting
====================================== */

@media (min-width: 768px) {
    .feature-box-14 > div:nth-last-child(2) { border-bottom: 0}
    
    .text-md-justify { text-align: justify !important; }
}

.separator-line-horizontal-slims {width:150px; height: 1px;}

/* ===================================
    03. Navigation
====================================== */

/* scroll to top floating arrow */

.scroll-top-arrow, .scroll-top-arrow:focus {color: #4064AE; background: #fff; line-height: 28px; display: none; height: 50px; width: 50px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}

.scroll-top-arrow:hover {background: #fff; opacity: .8; color: #4064AE; border-color: var(--base-color)}

.scroll-top-arrow i {line-height: 50px;  position: relative;}

/* ===================================
    21. Swiper carousel
====================================== */

.swiper-pagination-bullet-active {background: #fff}