@charset "utf-8";
/* CSS Document */


body{
	color: #5c5e58;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 300;
	}
a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
a:focus{
	outline:none;
	}
img{
	max-width:100%;
	}
.btn{
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.btn-outline-primary{
	border-color: #006e53 !important;
	border-width: 3px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #006e53;
}
.btn-outline-primary:focus,
.btn-outline-primary:hover{
	background-color: #006e53;
	color: #fff;
}
.social-links .fa{
	border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    margin-right:5px;
    text-align: center;
    width: 30px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.fa-facebook{
	color: #4e76b9;
}
.fa-twitter{
	color: #32c3f2;
}
.fa-google-plus{
	color: #f05649;
}
.fa-facebook:hover{
	background-color: #4e76b9;
	color: #fff;
	border-color:#4e76b9; 
}
.fa-twitter:hover{
	background-color: #32c3f2;
	color: #fff;
	border-color:#32c3f2; 
}
.fa-google-plus:hover{
	background-color: #f05649;
	color: #fff;
	border-color:#f05649; 
}

/* Header start here
====================*/
#header{
	left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
	}

.navbar{
	background-color: rgba(236,240,248,0.77);
}
.sticky .navbar{
	background-color: rgba(236,240,248,1);	
}

#navigation > .btn{
	border: none;
	border-radius: 0px;
	color: #fff !important;
	font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    
    line-height: 1.7;
    min-width: 200px;
}

.number{
	background-color: #4a9b88;
	color: #fff !important;
    display: inline-block;
    position: relative;
    padding: 0;
}
.number:before{
	background-color: #006f53;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 54px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.number:hover:before{
	width: 100%;
}
.number span{
	background-image: url("../images/phone.png");
	background-position: 16px center;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    line-height: 2.4;
    padding: 8px 14px 8px 70px;
    position: relative;
}

#navigation > .btn:hover,
#navigation > .btn:focus{	
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	opacity: 0.8;
}

.navbar-nav .nav-link{
	font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}



/* Content start here
====================*/
.content{}
section{
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
.title{
	color: #006e53;
	font-weight: 700;
	text-transform: uppercase;
}

.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.1;
}
.shadow{
	-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
}

#banner {
	color: #fff;
	text-align: center;
}
#banner .parallax{
	opacity: 1;
}
#banner h1{
	font-weight: 700;
    text-shadow: 3px 5px 1px rgba(0, 0, 0, 0.24);
    text-transform: uppercase;
}
#banner h1 + span{
	background-color: rgba(0, 110, 83, 0.8);
    color: #fff;
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
}
#banner p{
	margin-left: auto;
    margin-right: auto;
    max-width: 690px;
}
#banner .fa{
	border: medium solid;
    border-radius: 50%;
    bottom: 20px;
    color: #fff;	
    font-size: 36px;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 50px;
    line-height: 48px;	
}

#Services .card{
	border: none;
	font-size:18px;
	font-weight: 400;
	padding: 15px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}
#Services .card > a{
	color: #989898;
	text-decoration: none;

}
#Services .card > a[data-toggle="collapse"] + div{
	position: relative;
	
}
#Services .card > a:before{
	border-bottom: solid 5px transparent;
	bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3ms ease-in-out;
	-moz-transition: all 0.3ms ease-in-out;
	-ms-transition: all 0.3ms ease-in-out;
	-o-transition: all 0.3ms ease-in-out;
	transition: all 0.3ms ease-in-out;
}
#Services .card > a:hover:before{
	border-bottom-color: #006f53;
	-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
}


#Services figure > *{
	margin: auto;
	display: block;	
}
#Services h4{
	color: #989898;
}
#Services p{
	color: #686868;
    font-family: arial;
    font-size: 18px;
    margin: 0;
    padding: 0 9px;
    text-align: left;
    text-transform: none;
}

.Featured h1{
	margin-bottom: 40px;
}
.featured-body{
	position: relative;
}
.Featured ul.row{
	border-bottom: none;
	margin-left: -1px;
	margin-right: -1px;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.Featured li[class*="col"]{
	padding:1px 0.5px;
}

.Featured figure{
	margin-bottom: 0;
}
.Featured figure img{
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.Featured a{
	display: block;
	overflow: hidden;
	position: relative;
}
.Featured a#NewEnglandColonial > img{
	left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 9;
    transform: scale(1);
	opacity: 0.75;
}
#NewEnglandColonial figcaption{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;

}
#NewEnglandColonial figcaption i{
	background-image: url(../images/ForSale.png);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 27px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
    
}
#NewEnglandColonial figcaption span{
	
}
.Featured a:hover img{
	transform: scale(1.1)
}
.Featured a:before{
	background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.Featured a:hover:before,
.Featured a.active:before{
	background-color: rgba(0, 0, 0, 0);
}
.Featured figure{
	position: relative;	
}
.Featured figure:before,
.Featured figure:after{
	border-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 99;
}
.Featured figure:before{
	border-width: 1px 0 0 1px;
    left: 15px;
    top: 15px;
}
.Featured figure:after{
	border-width: 0 1px 1px 0;
    right: 15px;
    bottom: 15px;
}
.Featured a:hover figure:before,
.Featured a:hover figure:after,
.Featured a.active figure:before,
.Featured a.active figure:after{
	border-color: #fff;
	height: 100px;
	width: 100px;
}

.Featured figcaption{
	bottom: 10px;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
}
.Featured .tab-content{
	
}
.Featured .tab-pane{
	background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    display: block;
    visibility: hidden;
    line-height: 1.3;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    padding: 20px;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.Featured .tab-content > .active{
	visibility: visible;
}
.Featured .fancybox{
	margin-bottom: 20px;
}
.Featured .tab-pane h4{
	color: #000;
	text-transform: uppercase;
}

.Out {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.In {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.Featured .tab-pane.active{
    
}
.Featured .tab-pane .row{
	
}

.Featured .carousel-item figure{
	margin: 0;
    padding: 7px;
}
.Featured .carousel-item figure img{
	height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}
.Featured .carousel-item figure:nth-child(2),
.Featured .carousel-item figure:nth-child(3){
	height: 50%;
    position: absolute;
    right: 0;
}
.Featured .carousel-item figure:nth-child(1){
	max-width: 66.666667%;
}
.Featured .carousel-item figure:nth-child(2){
	max-width: 33.333333%;
	top: 0;
}
.Featured .carousel-item figure:nth-child(3){
	max-width: 33.333333%;
	bottom: 0;
}
.Featured .carousel-indicators{
	margin-top: 10px;
    position: static;
}
.Featured .carousel-indicators li{
	background-color: #e8eaeb;
	height: 4px;
}
.Featured .carousel-indicators li.active{
	background-color: #106f56;
}

#About,
#Perfect{
	background-color: #f3f3f3;
	
}
#Perfect figure{
	margin-bottom: 0;
}


#Converge .title + p{
	font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    margin-bottom: 30px;
}
#Converge .card{
	border:none;
	border-radius: 0;
	color: #6b6b6b;
	font-size:15px;
}
#Converge .card .card-img-top{
	border-radius: 0;	
}
#Converge .card-block{
	position: relative;
}
/*#Converge .card-block:before {
    border-top: 6px solid #499a88;
    content: "";
    display: block;
    left: 15%;
    position: absolute;
    right: 15%;
    top: -3px;
}*/

#Contact{

}
#Contact [class*="col-"]:last-child{
}
#Contact .parallax{
	background-attachment: scroll;
    opacity: 1;
}
#Contact form{
	max-width: 420px;
}
#Contact .form-control{
	background-color: rgba(255,255,255,1);
}
#Contact .form-control:focus{
	border-color: #106f56;
}
#Contact .form-group i{
    border-radius: 4px;
    color: #000;
    display: table;
    font-size: 14px;
    height: 38px;
    line-height: 34px;
    margin-right: 13px;
    text-align: center;
    vertical-align: middle;
    width: 38px;
}
#Contact form .btn{
	background-color: #106f56;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
	opacity: 0.9;
	margin-left: 50px;
	text-transform: uppercase;
}
#Contact form .btn:hover{
	opacity: 1;
}
#Contact form .btn i{
	font-size: 28px;
    position: absolute;
    right: 12px;
}
#Contact label.error{
	position: absolute;
    z-index: 9;
    font-size: 10px;
    color: #f00;
    top: 2px;
    right: 3px;
}
#Contact #success,
#Contact #error{
	display: none;
	color: #fff;
    font-size: 15px;
    padding: 7px 10px;
    text-align: center;
}
.ajax-loader{
	background-color: rgba(52, 126, 102, 0.9);
    color: #fff;
    font-size: 24px;
    height: 46px;
    margin-bottom: 15px;
    margin-top: -46px;
    margin-left: 50px;
    padding: 6px;
    visibility: hidden;
    position: relative;
}


/* Footer start here
====================*/
#footer{
	background-color: #e6e8e9;
	font-size: 11px;
	padding-bottom: 15px;
}
#footer a{
	color: inherit;
}
#footer a:hover{
	color: #106f56;
	text-decoration: none;
}
.copyright img{
	margin-top: 20px;
	width: 100px;
}
#footer .number{
	color: #fff !important;
}
#footer .number .fa{

}
.design{
	margin: 10px auto 0;
    text-align: left;
    vertical-align: middle;
    width: 110px;
    }
.design label{
    color:#000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    line-height: 10px;
    margin-bottom: -1px;
    }
.design img{
    float:left;
    margin-right:2px;
    }
.websiteboston{
    color: #000 !important;
    font-family: "SF-Electrotome-Bold";
    font-size: 12px;
    text-decoration:none !important;
    }
.websiteboston span {
    color: #ed1c24 !important;
    }