header {
position: sticky;
top: 0;
z-index: 999;
background: #fff;
box-shadow: 0px 0px 5px;
}
header a.navbar-brand.logo-box {
font-weight: bold;
}
.logo-box img {
max-width: 145px;
}
.navbar-toggler-icon img {
max-width: 34px !important;
}
header .navbar-nav .nav-link {
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.phone-order-box img {
max-width: 40px !important;
}
.phone-order-box ul {
display: flex;
align-items: center;
justify-content: center;
}
.phone-order-box a {
color: #333;
}
.phone-order-box a:hover{
text-decoration: none;
}
.phone-order-box li {
display: inline-block;
font-size: 13px;
padding-right: 25px;
min-width: 165px;
}
.phone-order-box li:last-child{
min-width: auto;
padding-right: 0px;
}
.detail-box {
display: flex;
flex-direction: column;
}
.theme-btn {
background: #2e45b5;
border-color: #2e45b5;
color: #fff !important;
}
.carousel-item:before{
content: '';
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
transition: all 0.2s ease-out;
}
.carousel-caption {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
display: flex !important;
align-items: center;
justify-content: center;
}
.banner-section p {
font-size: 35px;
text-transform: uppercase;
font-weight: 600;
max-width: 900px;
text-shadow: 3px 4px 4px #0c0c0c;
letter-spacing: 1px;
padding-top: 45px;
}
.yellow-text{color:#e8c01c;}
.heading-box {
color: #2f44b4;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
}
.chosse-box img {
max-width: 100px;
}
.chosse-box {
border: 2px solid #e0e0e0;
height: 100%;
padding: 60px 20px 30px 20px;
transition: 500ms;
margin-bottom: 20px;
}
.chosse-box:hover {
border: 2px solid #2f44b4;
}
.sub-heading-box {
color: #2f44b4;
text-transform: uppercase;
font-weight: 700;
font-size: 22px;
margin-top: 20px;
margin-bottom: 20px;
}
.property-box img {
min-height: 282px;
object-fit: cover;
}
.properties-area .owl-dots {
margin-top: 15px;
}
.properties-area .owl-dot {
width: 25px;
height: 4px;
background: #d6d6d6;
display: inline-block;
margin-left: 4px;
margin-right: 4px;
border-radius: 0px;
}
.properties-area .owl-dot.active{
background: #2f44b4;
}
.testimonial-box{
background-image: url(../images/bg-image.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.testimonial-area {
background: #fff;
padding: 40px;
position: relative;
margin: 50px 20px;
box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.1);
}
.testimonial-area h3{
font-size: 20px;
color:#333;
margin-top: 15px;
margin-bottom: 15px;
}
.testimonial-area img {
position: absolute;
max-width: 100px;
top: -50px;
}
.comma img {
right: 25px;
top: 23px;
}
footer{
background: #2e45b5;
padding-top: 40px;
padding-bottom: 20px;
color:#fff;
}
.footer-box.footer-description li {
padding-top: 0px !important;
margin-top: 0px;
border-right: 0px;
padding-right: 0px;
margin-right: 9px !important;
}
.copyright-box{
background: #000;
padding: 15px 0;
color:#fff;
font-size: 12px;
}
.footer-logo h2 {
font-size: 25px !important;
font-weight: 700;
margin-bottom: 10px;
}
.footer-box ul li {
color: #fff;
list-style: none;
margin-bottom: 0px;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #eee;
line-height: 13px;
}
.footer-box ul li:last-child{
border-right:none;
}
.footer-box ul li a{
color: #fff;
}
.footer-box ul li a:hover{
color: #fff !important;
}
.newsletter-box input{
background: #54537d;
border:1px solid #ccc;
color: #fff !important;
padding-right: 50px;
}
.newsletter-box input:focus{
background: #54537d;
border:1px solid #ccc;
}
.newsletter-box ::placeholder {
color: #fff;
}
.footer-box img {
max-width: 23px;
height: 18px;
}
.newsletter-box form{
position: relative;
}
.newsletter-box form img {
position: absolute;
right: 9px;
top: 8px;
max-width: 20px;
}
.social-box ul {
padding-left: 0px;
}
.social-box li {
display: inline-block;
margin-top: 20px;
}
footer ul li a:hover {
color: #eee;
}
.footer-description h2 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}

.about-banner{
position: relative;
background-image: url(../images/banner-3.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
min-height: 250px;
}
.about-banner:before{
content: '';
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
transition: all 0.2s ease-out;
}
.about-banner h2{
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #fff;
height: 100%;
min-height: 250px;
font-size: 47px;
font-weight: 700;
}

section.about-who.py-5 {
position: relative;
font-size: 20px;
top: 45px;
}
.vendor-box {
display: inline-block;
border: 2px solid #e8e8e8;
font-size: 25px;
text-transform: uppercase;
font-weight: bold;
min-width: 130px;
margin-bottom: 22px;
padding: 10px;
box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.1);
transition: 500ms;
margin: 10px;
}
.mision-vision .card-header {
padding: .45rem 1.25rem;
margin-bottom: 0;
background-color: rgb(46, 69, 181);
border-bottom: 1px solid rgba(0,0,0,.125);
color: #fff;
font-weight: bold;
font-size: 21px;
}
.vendor-box:hover{
border:2px solid #54537d;
text-decoration: none;
}

.promotion-banner{
position: relative;
background-image: url(../images/promotion-banner.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
min-height: 250px;
}
.promotion-banner:before{
content: '';
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
transition: all 0.2s ease-out;
}
.promotion-text {
display: flex;
justify-content: space-between;
color: #fff;
align-items: center;
height: 100%;
padding-top: 100px;
}
.first-promote h2{
color: #fff;
text-transform: uppercase;
}
.subscribe-box h5 {
font-style: italic;
font-size: 30px;
font-weight: bold;
}
.subscribe-box a {
color: #cea108;
text-decoration: none;
text-align: center;
display: flex;
justify-content: center;
font-size: 22px;
}
.about-us-content{
padding-bottom: 50px;
padding-top: 30px;
font-size: 16px;
background: #ffffff;
padding: 50px;
line-height: 30px;
color:#000000;
}
@media (min-width:1200px){
.container{max-width: 1200px; width: 100%;}
}

@media (max-width:767px){
.carousel-indicators {
bottom: -20px;
}
.banner-section p {
font-size: 17px;
margin: 0;
}
.phone-order-box ul{
flex-direction: column;
}
.phone-order-box li{
margin-top: 12px;
margin-bottom: 12px;
}
.phone-order-box li:last-child{
min-width: 100%;
}
header .navbar-nav .nav-link{
border-bottom: 1px solid #ccc;
}
.promotion-text{
flex-direction: column;
padding-top: 19px;
}
.promotion-banner{
min-height: 179px;
}
}


.footer-box.footer-logo img {
max-width: 295px;
height: 44px;
}