@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

html {
  scroll-behavior: smooth;
}

html body {

  font-family: "Roboto", sans-serif!important;
  font-weight: 400;
  font-style: normal;
  font-size: 16px!important;
  
}

.jumbotron {
  color: white;
  background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url("~/images/bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align:center;
}

.jumbotron .container {
    margin-top: 250px;
}

.jumbotron h1 {
    margin-bottom: 20px!important;
}

.jumbotron p {
    margin-bottom: 20px!important;
}

.navbar-brand{ display:flex!important;    height: 80px!important; border:none!important;}

    .navbar-nav > li > a {
        padding-top: 30px!important;
        padding-bottom: 30px!important;font-size: 18px;
    }

.navbar-default {
	 background: rgba(0, 0, 0, .6) !important;
    backdrop-filter: blur(10px);
	border:none!important;
}

.nav > li > a {
    padding-top: 30px!important;
	padding-bottom: 30px!important;
}

.nav > li > a:hover {
	color:#fff!important;
}

.navbar-default .navbar-nav > li > a {
	color: #adacac;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff!important;
    background: none!important;
}

.navbar-default .navbar-nav > .open > a {
	color: #fff !important;
	background-color: #595959 !important;
}



.navbar-default .navbar-nav > .open > .dropdown-menu {
	
	background-color: #595959 !important;
}

.navbar-default .navbar-nav > .open > .dropdown-menu li a {
	color: #fff !important;
	
}

	.navbar-default .navbar-nav > .open > .dropdown-menu li a:hover {
		color: #fff !important;
		background:none!important;
	}


	.main-btn{background-color: #e84a30!important;
    border-color: #EA5731!important;
	font-size:21px!important; width:auto;padding: 6px 50px!important;}
	
	.white{background-color:#ffffff; color:#333;}

	.white h2{ font-size:48px; font-weight:700;}
	
	.white p{ font-size:21px;}
	
	.white ul{ padding-left: 18px;}
	
	.white ul li{ line-height:28px;}
	
	.white span{ color:#EA5731;}
	
	.orange{background-color:#EA5731; color:#fff;}

	.orange h2{ font-size:48px; font-weight:700;}
	
	.orange p{ font-size:21px;}
	
	.orange .box{ background-color: #fff;
	
	
    color: #000;
    padding: 40px;
    border-radius: 16px;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; font-size:18px;}
	
	.orange .box .checkbx{ display:inline; }
	
	.gray{background-color:#f9f9f9; color:#333;}

	.gray h2{ font-size:48px; font-weight:700;}
	
	.gray span{ color:#EA5731;}
	
	.form-control {
    height: 50px!important;
    font-size: 18px!important; margin-bottom:20px;
	}
	
	section{ padding:80px 0;}
	
	section h2{ margin-top:0px!important}
	
	.form-txt{ padding-top:200px;}
	
	.active-locations{ padding-top:100px;}
	
	.homeowners-guide{ padding-top:20px;}
	
	.carousel-control.right{ background-image:none!important}
	
	.carousel-control.left{ background-image:none!important}
	
	.carousel-inner .item p{ padding:20px 0; margin:0px!important;}
	
	.carousel-inner .item img{ border-radius:12px;}
	
	.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #251c1c;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, .3);
    border: 1px solid #fff;
    border-radius: 10px;
}

    .carousel-indicators {
        bottom: -60px;
    }
	
	.company-features{padding:20px 0px;}
	
	.company-features p{padding:0px; margin:0px;}
	
	.company-features h2{padding:0px; margin:0px;}
	
	.mar{margin-bottom:0px}
	
	.sub-h{font-size: 36px;}
	
	
	.foot h4{border-bottom:1px solid #eaeaea;}
	
	.foot{line-height:35px}

.sli-desk{display:block;}

.sli-mob{display:none;}

.abt {
	padding: 200px 0px !important;
}

.sol h3 {
	margin-top: 20px !important;
}

.chat {
	padding: 10px 20px;
	background-color: #e84a30;
	z-index: 100001;
	position: fixed;
	bottom: 50px;
	right: 50px;
	color: #fff;
	border-radius: 30px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


@media only screen and (max-width: 600px) {
	.navbar-nav > li > a {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
	
	.navbar-toggle {
    margin-top: 24px!important;
    margin-right: 24px!important;
}

.main-btn{background-color: #EA5731!important;
    border-color: #EA5731!important;
	font-size:21px!important; width:80%;padding: 6px 20px!important;}	
	
	.white{background-color:#ffffff; color:#333;}

	.white h2{ font-size:36px; font-weight:700;}
	
	.white span{ color:#EA5731;}
	
	.orange{background-color:#EA5731; color:#fff;}

	.orange h2{ font-size:36px; font-weight:700;}
	
	section{ padding:40px 0;}
	
	.orange .box{ background-color: #fff;
    color: #000;
    padding: 30px;
    border-radius: 16px;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; font-size:18px;}
	
	.form-control {
    height: 50px!important;
    font-size: 18px!important;
	 margin-bottom:20px;
	}
	.form-txt{ padding-top:0px;}
	
	.active-locations{ padding-top:0px;}
	
	.homeowners-guide{ padding-top:0px;}
	
	.mar{margin-bottom:30px}
	
	.sub-h{font-size: 24px;}
	.container {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

	.sli-desk {
		display: none;
	}

	.sli-mob {
		display: block;
	}
	.abt {
		padding: 150px 0px !important;
	}

	.sol h3 {
		margin-top: 0px!important;
	}

	.chat {
		padding: 10px 20px;
		background-color: #e84a30;
		z-index: 100001;
		position: fixed;
		bottom: 20px;
		right: 20px;
		color: #fff;
		border-radius: 30px;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
	
}