* {
margin: 0;
padding: 0;
font-family:Roboto;
}
.mr-2{margin-right:0.5rem !important;}
#main {
margin-top: 70px;
z-index: 3;
position: relative;
}
.bg-section {
background: #fff;
margin-top: -65px;
}
.section-bg {
background: #f1f1f1;
padding: 48px;
}
.section-footer {
background: #1176b0;
padding: 5px;
}
/* Section Starts*/
section {
overflow: hidden;
}
.section-title {
text-align: center;
/*padding-bottom: 30px;*/
}
.section-title h2 {
font-size: 24px;
font-weight: 600;
/*margin-bottom: 20px;*/
padding-bottom: 0;
color: #ef7624;
text-transform: uppercase;
letter-spacing: 0;
}
.section-titleblack {
text-align: center;
padding-bottom: 30px;
}
.section-titleblack h2 {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 0;
color: #000;
text-transform: uppercase;
letter-spacing: 0;
}
.section-title p {
margin-bottom: 0;
font-size: 20px;
}
/* Section Ends*/
/*Hero Section Starts*/
#hero {
width: 100%;
height: 55vh;
background: url("https://www.happy.rentals/homeowner/common/images/banner-malta.jpg") top center;
background-size: cover;
position: relative;
z-index: 1;
}
#hero .hero-container {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
background: rgba(0, 0, 0, 0.5);
}
#hero .hero-container h1 {
color: #fff;
font-size: 40px !important;
font-weight: 600 !important;
}
#hero .hero-container p {
color: #fff !important;
font-size: 22px !important;
font-weight: 400 !important;
}
/*Hero Section Ends*/
/* Hero-form Start*/
.hero-form{
margin-top: -160px;
position: relative;
z-index:4;
}
.hero-form .container {
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
background: #fff;
border-radius: 5px;
width: 60%;
margin-bottom: 10px;
}
.hero-form .count-box {
width: 100%;
}
.hero-form .count-box p {
font-size: 20px;
font-weight: 600;
color: #000 !important;
}
.hero-form .form-control {
font-size: 12px !important;
padding: 3px !important;
}

.hero-form .form-control:focus{
	border: 1px solid #ddd;
	box-shadow: none;
	outline: none;
	outline-width:0;
	outline-color: none;
}
.hero-form .sub_btn {
display: flex;
align-items: center;
justify-content: center;
}
.hero-form .btn {
color: #fff;
background-color: #ef7624;
border-radius: 5px;
font-size: 14px;
width: 20%;
}
@keyframes pulsate-btn {
0% {
transform: scale(0.6, 0.6);
opacity: 1;
}
100% {
transform: scale(1, 1);
opacity: 0;
}
}
/* Hero-form Ends*/
/* Services Starts*/
.services .servicecontainer{
display: flex;
align-items: center;
justify-content: center;
}
.services .service-item {
margin: 10px;
border:1px solid #ddd;
border-radius:5px;
padding: 10px;
min-height: 190px;
width: 30%;
}
.services .service-item:hover {
box-shadow: 0 0 8px rgb(221 221 221 / 63%);
padding: 10px;
border-radius: 5px;
border:none !important;
}
.services .service-iconbox{
width: 20%;
}
.services img {
width: 80%;
}
.services h4 {
color: #1176b0;
font-weight: 600;
font-size: 16px;
margin-top:10px;
margin-bottom: 20px;
letter-spacing: 0 !important;
transition: 0.3s;
}
.services .description {
color: #808080 !important;
font-size: 14px;
text-align: justify;
letter-spacing: 0 !important;
line-height: 1.3;
}
/*Services Ends*/
/* OTA Starts*/
.ota .space30 {
margin-top: 30px;
}
.ota .space20 {
margin-top: 20px;
}
.ota .ota_img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.ota h2{
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
padding-bottom: 0;
color: #000;
text-transform: uppercase;
letter-spacing: 0;
word-break: break-all;
}
.ota p{
font-size: 14px;
color: #808080 !important;
}
.ota img {
width: 50%;
}
.ota i{
font-size: 12px;
}
/* OTA Ends*/
/* PM Starts*/
.property_manager .pm-details{
display: flex;
align-items: center;
justify-content: center;
}
.property_manager .card-body {
padding: 0 !important;
min-height: 115px;
max-height: 120px;
}
.property_manager .card:hover{
border:none;
box-shadow: 0 0 8px rgb(221 221 221 / 63%);
}
.property_manager .card-body .w-40{
width: 40%;
}
.property_manager .card-body  img{
width: 95%;
}
.property_manager .media-body h3{
font-size: 16px;
font-weight: 600;
}
.property_manager .media-body span,p{
font-size: 14px;
color: #808080 !important;
}
.property_manager .media-body i{
color: #1176b0;
}
.property_manager .media-body{
position: absolute;
right: 2%;
top: 20%;
}
.property_manager .pm_btn {
display: flex;
align-items: center;
justify-content: center;
}
.property_manager .space20 {
margin-top: 20px;
}
.property_manager .btn-default {
background-color: #ef7701 !important;
background-image: none;
background-repeat: repeat-x;
border-color: #ef7701 !important;
border-radius: 5px;
color: #fff !important;
margin-bottom: 10px;
text-shadow: none;
font-size: 16px;
font-weight: 400;
padding: 8px 25px !important;
transition: all 0.2s;
}
/* PM Ends*/
/* Reviews Start*/
.review .review-box{
padding: 0 3rem;
}
.review .owl-carousel .item {
/*background: #fff;*/
padding: 1rem;
border-radius:5px;
/*border:1px solid #000;*/
box-shadow: 0 0 8px rgb(221 221 221 / 63%);
margin-bottom: 5px;
margin-top: 5px;
}
.review .owl-carousel .item-active {
background: #fff !important;
padding: 1rem;
border-radius:5px;
/*border:1px solid #000;*/
box-shadow: 0 0 8px rgb(221 221 221 / 63%);
margin-bottom: 5px;
margin-top: 5px;
}
.review .owl-carousel .item .rating{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.review .owl-carousel .item .rating i {
color:#ef7624;
}
.review .owl-carousel .item .review p{
font-size:14px !important;
}
.review .owl-carousel .item .user{
display: flex;
align-items: center;
justify-content: center;
}
.review .owl-theme .owl-nav{
display: none;
}
.review .owl-theme .owl-dots{
margin-top:15px !important;
}
/* Reviews Ends*/
/* Footer Starts*/
#footer .credits {
padding-top: 5px;
font-size: 13px;
}
#footer .social-links a {
font-size: 18px;
display: inline-block;
background: #1176b0;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-right: 2px;
border-radius: 4px;
text-align: center;
width: 25px;
height: 25px;
transition: 0.3s;
}
#footer .social-links a:hover {
background: #1176b0;
color: #fff;
text-decoration: none;
}
#footer .copyright {
font-size: 10px !important;
color: #fff;
}
#footer .copyright .securepayments1 {
width: 150px;
}
/* Footer Ends*/
/* MEDIA QUERY FOR MOBILE DEVICES */
@media screen and (min-device-width: 320px) and (max-device-width: 479.99px) { 
.section-title h2{
font-size: 20px !important;
}
.section-titleblack h2{
font-size: 20px !important;
}
#hero .hero-container h1{
font-size: 22px !important;
font-weight:600;
}
#hero .hero-container p{
font-size: 16px !important;
}
.hero-form{
margin-top:-50px !important;
}
.hero-form .container{
width: 90% !important;
}
.hero-form .btn{
width: 100% !important;
}
.services .service-item{
width: 95% !important;
margin:10px !important;
}
.services .service-iconbox{
width:auto !important;
}
.ota img {
width: 100% !important;
}
.property_manager .card-body img {
width:85% !important;
}
.review .review-box{
padding: 0 !important;
}
}
/* MEDIA QUERY FOR Ipad DEVICES */
@media screen and (min-device-width: 480px) and (max-device-width: 991px) { 
	.ota img {
width: 100% !important;
}
}