/*Custom CSS*/
body {
	font-family: 'inter';
	color: #1f1f1f;
	font-size: 16.5px;
	background: #fff;
}
body, header, #container {
	line-height: 1.7em;
}
#container {
	/* background: #e5eded; */
	background: #fff;
	padding-bottom: 3em;
	padding-top: 1em;
}
body.home #container {
	padding-top: 0;
}
/*header*/
#mobile-menu-container .menu-bar {
	background: #101d2d;
}
.home header#header {
    /*background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;*/
}
#header .header-b {
	border: none;
}

/*Logo*/
.logo img {
    max-height: 175px;
    width: auto;
}
a.hidden-logo {
    display: none;
}
.logo {
    font-size: 1.45em;
    color: #5C6B73;
    line-height: 1.0em;
    font-weight: bold;
    padding: 0 !important;
}
.logo span {
	font-size: 1.5em;
    color: #0A184C;
    display: block;
    line-height: 1.0em;
}

.passed-header a.hidden-logo {
    display: block;
    padding-top: .5em;
}
.hidden-logo p {
	margin: 0;
}


span.call-today {
    display: none;
}
a.phone-number {
}
a.phone-number i {
	margin-right: 5px;
}
a.phone-number:hover {
	/* color: #fff; */
}

/*nav*/
.nav-bar ul {
    padding: 0;
    margin-top: .5em;
    line-height: 1.2em;
}
.passed-header .nav-bar  {
	text-align: center;
}

.nav-bar ul li {
    margin: 0 .4em;
	text-align:center;
}
.nav-bar ul a {
    font-weight: bold;
    /* border: 2px solid transparent; */
    margin: 0 .2em;
    font-size: .93em;
}
.nav-bar .sub-menu a:hover {
	background: rgb(16, 63, 121);
}
.nav-bar .sub-menu a {
	padding: .55em .7em !important;
	display: block;
	margin: 0;
	font-size: .90em;
	line-height: 1.2em;
}
.nav-bar ul > li.current-menu-item > a, .nav-bar ul li.current_page_parent > a, .nav-bar ul li.current-menu-ancestor > a, .nav-bar ul > li:hover > a {
	color: #ffffff;
	/* border-bottom: 4px solid #CCDBDC; */
}
.header-b .nav-bar .menu-item-has-children a:after {
	padding-left: 5px;
}
.nav-bar ul a:active {
    /* padding: .5em !important; */
}
ul.menu > li.current-page-ancestor > a:before,
ul.menu > li.current_page_parent > a:before,
ul.menu > li.current-menu-parent> a:before,
ul.menu > li.current-menu-item > a:before,
ul.menu > li > a:before  {
  content: '';
  position: absolute;
  background: #ffffff;
  z-index: -1;
  right: 50%;
  bottom: 2px;
  left: 50%;
  height: 2px;
  top: auto;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
}
ul.menu li.current-page-ancestor > a:before,
ul.menu li.current_page_parent > a:before,
ul.menu li.current-menu-parent> a:before,
ul.menu li.current-menu-item > a:before,
ul.menu > li > a:hover:before, 
ul.menu > li:hover > a:before  {
  right: 0;
  left: 0;
  opacity: 1;
}



.header-visible .menu-wrap.stick-me {
    position: relative !important;
}
.passed-header .stuck {
    background: #103f79;
    /**/
}

/*headings*/

h1,h2,h3 {
	font-family: Amaranth;
	font-weight: 700;
	line-height: 1.4em;
}
h1 {
	margin: .95em 0 .5em;
	font-size: 1.75em;
}
h2 {
	font-size: 1.5em;
	margin-top: 1.3em;
	margin-bottom: .25em;
}
h2 + p {
	margin-top: .75em;
}
h3 {
	font-size: 1.4em;
}

h1, h2, h3 {
	color: #103f79;
}
h4 {
	font-weight: bold;
	font-size: 1.1em;
}

.medium-wrapper {
	padding: 0em 2em;
}

.serv {
	margin-top: 2em;
}
.serv:after {
	display: block;
	content: '';
	width: 50px;
	height: 3px;
	background: #5C6B73;
	margin: .5em 0 0;
}


.billboard.swiper-container {
    margin-bottom: 2em;
    margin-top: 0;
}
/*billboard*/
.billboard .swiper-slide {
    height: 85vh;
    justify-content: flex-end;
    align-items: flex-end;
}
body:not(.home) .billboard .swiper-slide {
	height: 40vh;
}
body:not(.home) .billboard .slider-content {
	/* background: #ffffff6b; */
	background: linear-gradient(0deg, rgb(23, 36, 45) 0%, rgba(255, 255, 255, 0) 100%);
}
/*.billboard .swiper-slide:after {
	width: auto;
	height: auto;
	background: transparent;
}
.billboard.swiper-container {
    margin-top: 0;
}
.billboard .swiper-slide {
    height: auto;
	max-height: 600px;
	overflow: hidden;
}*/
.breakout.billboard {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    margin-top: 0;
}
.breakout.billboard + .row {
	margin-top: 0;
}
body:not(.home) .breakout.billboard, 
.breakout.map {
	margin-top: -3em;
}
.background-overlay {

}
.billboard .slider-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    max-width: none;
    width: auto;
    flex-direction: column;
    padding: 2em 2em;
    z-index: 3;
    color: #ffffff;
    text-shadow: 0 0 5px #000;
}
.billboard .slider-content .wrap {
	/* background: rgba(0,0,0,.6); */
	padding: 1em;
}
.billboard img {
	/*display: block;*/
}
.billboard .slide-sub-header, .video-container .slide-sub-header {
    text-align: center;
}
.billboard .slide-header {
	font-size: 2.5em;
	text-align: center;
	font-family: Amaranth;
	font-weight: 700;
}
.billboard .slide-header.long-heading {
	font-size: 1.5em;
}
.slide-header h1, h1.slide-header {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}
.swiper-pagination-bullet-active {
    background: #000;
}	
.swiper-pagination-bullet-active {
    background: #000;
}

 .swiper-button-next {
    background: none;
}

.swiper-button-next:before {
    content: '\f054';
    font-size: 20px;
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 400; 
}

 .swiper-button-prev {
    background: none;
}

 .swiper-button-prev:before {
    content: '\f053';
    font-size: 20px;
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 400; 
}	


.serv-row {
	
}
.serv-row > div {
	margin-bottom: 1em;
}
.serv-row .wrap {
	border: 6px double #1ec0ef;
	/* border: 7px solid #1ec0ef; */
	padding: .25em 1em 1em;
	text-align: center;
	height: 100%;
}
.serv-row h2 {
	margin-top: 1em;
	font-family: Amaranth;
	line-height: 1.2em;
}


/*images*/  
#content img, img, .feedback-header img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.up-down a {
    color: #040407;
}
body.page-id-16 img.aligncenter {
    /* max-width: 100% !important; */
    /* width: auto; */
    /* height: auto; */
}


/*home ctas*/

.home-ctas h3 a {
    color: inherit;
    display: block;
}

.home-ctas h3 {
    text-align: center;
    font-size: 1.2em;
    color: #101010;
    line-height: 1.4em;
    background: transparent;
    margin: 0;
    padding: .45em .95em;
}

.home-ctas {
	text-align: center;
}
.home-ctas > div {
	max-width: 500px;
	margin: 0 auto 2em;
}
.home-ctas .subject:hover {
    box-shadow: 0 0 10px #2d4858;
}
.home-ctas .subject {
    background: transparent;
}
.home-ctas .wrap {
	position: relative;
	border: 0px solid #9fa2a4;
	box-shadow: 0 5px 0 #1ec0ef;
	border: 5px solid #103f79;
	padding: 1em;
	height: 100%;/* font-weight: bold; */
}
.home-ctas2 .wrap {
	background: #fff;
}
.home-ctas2 .wrap:before {
	display: none;
}
.home-ctas .patio {
    background-image: url(/wp-content/uploads/Patio-6.jpg);
    background-position: 0 40%;
}

.home-ctas .remodel {
    background-image: url(/wp-content/uploads/Living-Room.jpg);
}
.home-ctas .ad-serv {
    background-image: url(/wp-content/uploads/During.jpg);
}
.home-ctas p {
	margin-top: 0;
	margin-bottom: 0;
}
.home-ctas .btn {
	display: block !important;
	margin-top: -20px;
}
.home-ctas a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute; 
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    font-family: Amaranth;
    font-weight: 700;
    font-size: 1.5em;	
    color: white;
    text-shadow: 0 0 5px #000;
    text-transform: uppercase;
    padding: 2em 1em;
}
.home-ctas .wrap:hover a {
	color: #1ec0ef;
}
.home-ctas .wrap:before {
	background: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 0;
	content: '';
}

.row {
	margin-top: 2em;
	margin-bottom: 2em;
}

.blog .medium-wrapper > .row {
	margin-top: 0;
	margin-bottom: 0;
}


/*Modals*/
.modal-dialog {
    max-width: 1000px;
    width: 80%;
    margin-top: 170px;
}
.modal-header {
    display: block;
    padding: 1em 1.5em 0;
}
.modal-header h2 {
	margin-top: 0;
}
.modal-header .btn, .modal-header button {
    min-width: 0;
    padding: 0;
}
.modal-body {
	padding: 1em 1.5em;
}
.modal-footer {
	padding: 1em 1.5em;
}



/*buttons*/
.billboard .slider-content a:after, .video-container .slider-content a:after, 
.btn:after, button i,.rev-read-more:after,
a.contact-btn:after,.biziq-button:after,.client-button:after, .btn:after, #slider .btn:after, .view-article:after  {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: .9em;
  content: '\f138';
  margin-left: 10px;
  color: inherit;
  /* text-shadow: none; */
}
#footer .btn:hover,
.billboard .slider-content a:hover, .video-container .slider-content a:hover,
.btn:hover, #slider:hover .btn, button:hover, .rev-read-more:hover,
html input[type="button"]:hover, 
input[type="reset"]:hover, input[type="submit"]:hover,
#content .view-article:hover,.wpcf7-form input[type=submit]:hover, 
#content .btn:hover, #slider .btn:hover {
    background: #101d2d;
    color: #fff;
}

.btn.tel-btn:after {
	content: '\f095';
}
.btn + .btn {
	margin: .5em;
}
/*slider buttons*/
.billboard .slider-content a, .video-container .slider-content a {
	font-size: .9em;
	background: #1ec0ef;
	color: #000;
	/* border-color: #000000; */
	border: 2px solid #fff;
	margin: .85em  0 0;
	text-shadow: none;
}

.billboard .slider-content a:hover:after, .video-container .slider-content a:hover:after, 
.btn:hover:after, button i,.rev-read-more:hover:after,
a.contact-btn:hover:after,.biziq-button:hover:after,.client-button:hover:after, .btn:hover:after, #slider .btn:hover:after, .view-article:hover:after  {
  color: #fff;
}

#content .purple .btn {
	border: 2px solid #fff;
}
#content .purple .lg .btn {
	font-size: .85em;
}


/*breakouts*/
.first-billboard {
	margin-top: 0 !important;
	overflow:hidden;
}
.breakout {
  color: inherit;
  margin-top: 3em;
  margin-bottom: 3em;
  background: rgb(146, 231, 255);
  left: 0 !important;
}
.breakout + .small-wrapper {
	padding-top: .5em;
	padding-bottom: 1em;
}
.breakout + .breakout {
	margin-top: -3em;
}
.reddish {
	background: #a24c47;
}
.purple {
	background: #9e6389;
}
.blue {
	background: #2a4354;
}
.breakout .medium-wrapper, .breakout .small-wrapper {
	padding: 2em 2em 3em;
}
.small-wrapper {
	padding: .05em 0 0;
}
#content .small-wrapper h2 {
	margin-top: 1em;
}
#content .full-2-col h2 {
	margin-top: .5em;
}
.last-b {
	margin-bottom: -3em;
	font-size: 1.05em;
	padding: 0.05em;
}

.full-w-col .text-col .wrap {
   /* max-width: 570px;*/
}


/*usefull classes*/
.dk {
	background: #693451 ;
}
.center, .center * { text-align: center; }

.about-columns {
	margin-top: 3em;
	margin-bottom: 3em;
}
hr {
    margin: 2em 0;
}
.neg-margin {
  margin: 0 -15px;
}
.neg-margin > div {
  padding: 0 15px;
}
.clear {
	clear: both;
}
.lg {
	font-size: 1.20em;
	line-height: 1.6em;
}
.cta-full {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
  padding: 2em;
  background: #e5eded;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 2px solid #693451;
}
.cta-full p {
}
.full-2-col .row {
}
.full-2-col .wrap {
	padding: 2em;
}
.full-2-col .bg-img {
	/* height: 100%; */
}


/*feedback*/
.up-down a i {
    font-size: 7em;
    /* margin: 0; */
    text-align: center;
    display: inline-block;
    width: 35% !important;
    max-width: 200px;
}


/*Sidebar / blog */
.blog #sidebar, .woocommerce #sidebar, .single-post #sidebar {
	background: transparent;
	line-height: 1.6em;
}
.blog #sidebar > div, .woocommerce #sidebar > div, .single-post #sidebar > div {
    padding: 1em 1.5em 2em;
    color: inherit;
    background: transparent;
    border: 6px double #103f79;
}

.widget-title {
    /* color: #fff; */
}

#sidebar a {
    color: inherit;
}
a:hover {
	color: inherit;
	text-decoration: none;
}


/*Links*/
a {
	color: inherit;
}

#content .dotted {
  line-height:1.2em;
  /* display: inline-block; */
  border-bottom: 1px dotted;
  color: inherit;
}
.tel-inline {
  font-weight: 700;
}
.tel-inline:before {
  margin-right: 1px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f095";
  font-size: .95em;
}




.brands img {
	padding: 10px;
}


/*form*/
form {
	font-size: .95em;
	background: #e6e6e6;
	padding: 2em;
}
form .row {
	margin-top: .5em;
	margin-bottom: 0;
}
form small {
	display: block;
	line-height: 1.2em;
	position: relative;
	margin-top: 0;
}
body.page-contact-us #content form {
  padding: 1em 1.5em;
  background: #e5eded;
  background-position: bottom right;
  /* color: #fff; */
  /* box-shadow: 7px 8px 0px #a14b46; */
  border: 1px solid #ededed;
}
body.page-contact-us #content form h2 {
	color: #fff;
}
form label {
    display: block;
    margin: .5em 0 3px;
    font-weight: bold;
    line-height: 1.5em;
}
body.page-contact-us form textarea,
body.contact-us form input {
  /*border: none;
  font-weight: 400;*/
}
body.page-contact-us form input.submit {
  font-size: 1.05em;
  color: #fff;
}
input[type=checkbox], input[type=radio] {
	display: inline-block;
	width: auto;
}
form textarea, form input, form select {
	width: 100%;
	border: 1px solid #2e4b5f;
	padding: 7px 7px !important;
	/* background: #000; */
	margin: .0em 0 .5em;
	font-size: .9em;
	line-height: 1.5em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
form textarea {
	height: 150px;
}

.wpcf7-form input[type=submit], form input.submit, form input[type="submit"] {
	/* background: #c70c46; */
	/* color: #fff; */
	font-size: 1.05em;
	margin-top: .5em;
	max-width: 280px;
}
input#biziq-is-human + label {
    display: inline-block;
}

.inverse ul.checked li:before, .inverse ul.fancylist li:before  {
	color: #fff;
	font-weight: 500;
}

/*reviews*/
.review-body {
  font-style: normal;
  border: 0;
  line-height: 1.45em;
  font-style: italic;
}
#content .review-body {
  font-size: 1.1em;
  text-align: center;
}
#content .review-info span {
  display: block;
  width: auto;
  text-align: center;
  float: none;
  line-height: 1.4em;
}
.review-nav-container { width: 100%; }
.review-container {
  margin-top: 45px;
  justify-content: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -2em;
  margin-right: -2em;
}
.rev-cont {
  padding: 20px 20px 20px;
  border: 0px solid rgb(30, 144, 255);
  position: relative;
  flex-grow: 1;
  flex-basis: 400px;
  align-items: center;
  justify-content: center;
  margin: 0 2em 3em 2em;
  background: rgb(255, 255, 255);
  border: 2px solid rgba(204, 219, 220, 0.5);
}
.final-star {
    color: #1ec0ef !important;
    font-size: .9em;
}
.review-info {
	padding: 0 0 0 1em;
}
.admin-reply, .author-name {
	font-style: normal;
	font-size: .9em;
}
.rev-cont:before {
  content: '\201C ';
  font-family: Times New Roman, Georgia;
  font-weight: bold;
  background: #040506;
  width: 50px;
  height: 50px;
  color: #ffffff;
  line-height: 68px;
  font-size: 2.5em;
  top: -15px;
  left: -25px;
}
.review-container h3.review-title {
  display: none;
}
.review-nav-container li a {background: #fff;}

#content .review-nav-container li {
  background: transparent;
}

#content .review-nav-container li a {
  min-width: 0;
  color: #000;
  padding: 5px;
}

/*Footer*/
#footer {
	margin-top: 0;
	line-height: 1.5em;
	color: #ffffff;
	font-size: .92em;
	background: #101d2d;
}
header .row {
	
	max-width: 1900px;
	margin: auto;
	padding: 0em 0em;
}

#footer {
	/* min-width:1150px; */
}
#footer .row {
	margin: 0;
}
#footer h2 {
	/* text-transform: uppercase; */
	font-size: 1.35em;
	margin-bottom: .45em;
	color: #ffffff;
}
#footer ul {
    padding-left: 25px;
}
#footer .textwidget p:first-of-type {
	margin-top: 0;
}

#footer a {
    color: inherit;
    text-decoration: none;
}
#footer .btn {
	background: transparent;
	border: 2px solid #fff;
}
#footer a:hover {
    /* color: #9a0a37; */
    text-decoration: none;
}

span.icon-item a {
    text-indent: -11px;
    display: inline-block;
    margin-left: 22px;
    margin-bottom: .2em;
    margin-top: .5em;
}

span.icon-item i {
    margin-right: 5px;
    color: #103f79;
}

#footer table {
	/* font-size: .98em; */
	line-height: 1.60em;
	max-width: 350px;
	margin-bottom: .75em;
}

#footer .box {
	font-size: .98em;
	padding: 0;
	text-align: left;
}
#footer .box.footer_logo {
	padding: 0;
}
.socialicons {
	text-align: left;	
}

#copyright {
	color: #fff;
	padding: 10px;
	background: transparent;
	margin-top: 0;
	line-height: 1.4em;
} 


@media only screen and (min-width: 768px) {

	.parallax {
	  background-attachment: fixed;
	}
	.passed-header .menu-wrap.stuck {
		 box-shadow: 0 0 5px; 
		 padding-bottom: .5em !important;
	}

	
	.nav-bar > ul > li {
		-webkit-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-grow: 1;
		vertical-align: middle;
		border:none;
		margin: 0;
		position: relative;
		overflow: inherit;
		padding: 0px 0 0px;
  }
  .nav-bar ul.sub-menu {
		right: 0;
		width: auto;
		left:0;
		z-index: -2;
		top: 150%;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		display: block;
		opacity: 0;
		visibility: hidden;
		min-width: 170px;
		background: #101d2d;
		border: 2px solid #101d2d;
}

  .nav-bar > ul >  li:hover > ul.sub-menu {
		top: 100%;
		opacity: 1;
		visibility: visible;
		z-index: 5;
		margin: 0;
		width: 100%;
		text-align: center;
		min-width: 170px;
	}
	.nav-bar > ul > li ul.sub-menu li {
		margin: 0;
	}
	.one-half {
		width: 50%;
		float: left;
	}
	#content .half-d {
		max-width: 50%;
	}
	.full-2-col .wrap {
		max-width: 550px;
		padding: 2em 2em 2em 1em;
	}
	.row.team {
		max-width: 95%;
		margin: 1em auto;
	}
}

@media only screen and (max-width: 767px) {
	header#header {
		margin-top: 2em;
		border: none;
	}
	#mobile-menu-container.left .menu-icon, #mobile-menu-container.right .menu-icon {
		width: 50px;
		background: #2e4b5f;
	}

	#mobile-menu-container.left, #mobile-menu-container.right {
		background: #fff;
	}

	#mobile-menu-container .menu, #mobile-menu-container .menu-icon {
		background: #fff;
	}

	#mobile-menu-container a {
		color: #000;
		font-weight: 600;
		text-transform: none;
	}
	#mobile-menu-container .current_page_item, #mobile-menu-container li:hover, #mobile-menu-container li:hover a {
		text-decoration: none;
		color: white;
		background: #103f79;
	}
	#mobile-menu-container a {
    	font-size: .95em;
    	line-height: 1.6em;
    	padding: .5em 1em;
    	display: block;
 	}
	.sub-menu-icon {
		cursor: pointer;
	}
	
	.slide-header h1, h1.slide-header, .billboard .slide-header {
		font-size: 2em;
		max-width: 90%;
	}
	.billboard .slider-content a, .video-container .slider-content a {
		font-size: .85em;
		padding: 8px 15px;
	}
	.billboard .slide-sub-header, .video-container .slide-sub-header {
		display: none;
	}
	.topPhone {
		text-align: right;
	}
	#content {
		min-height: 0;
	}
	#content .btn, .btn {
		min-width: 0;
	}
	#footer h2 {
		margin-top: 1em;
	}
	#footer .box {
		padding: 0;
	}
}

@media only screen and (max-width: 575px) {
	.home header#header {
		position: inherit;
	}
	.billboard .slider-content {
		background: linear-gradient(0deg, rgba(15, 15, 15, 0.72) 0%, rgba(255, 255, 255, 0) 95%);
	}
	.billboard .swiper-slide {
		height: 50vh;
	}
	body:not(.home) .billboard .swiper-slide {
		height: 40vh;
	}
	.btn + .btn {
		margin: .5em 0 1em;
	}
}

@media only screen and (max-width: 480px) {

	.billboard .slider-content,
	.slide-header h1, h1.slide-header, .billboard .slide-header {
		display: none;
	}

}