/* GLOBAL STYLES
-------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@font-face {
	font-family: 'blk';
	src:url('../fonts/ariblk.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}


/*******************  Linearicons *************************/
.lnr {
  color: #b03229;
  font-size: 1.2em;
  position: relative;
  top: 2px;
  left: 5px;
}

/*******************  END/Linearicons *************************/
.URL p {
	color: rgb(255, 255, 255);
	text-align: center !important; 
}

.URL {
	background-color: rgba(14, 14, 14, 0);
	margin-left: 40%;
}


/*******************  Default CSS Classes *************************/

.wow {
	visibility:hidden;
}

#contact iframe {
	margin-top:0;
}


a:active, a:focus {
	outline:none !important;
	box-shadow: none !important;
}
a:hover {
	text-decoration:none !important;
}

#toggle {
  position: fixed;
  display: none;
  z-index: 1500;
  width: 2.8571428571em;
  height: 2.8571428571em;
  top: 0;
  right: 0;
  margin: 15px 0 0 15px;
  cursor: pointer;
}
#toggle span {
  display: block;
  position: absolute;
  width: 100%;
  height: 0.2em;
  margin: 1.25em 0 0 0;
  background: #eee;
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all;
}
#toggle span:before, #toggle span:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 0.2em;
  background: #eee;
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all;
}
#toggle span:before {
  margin: -1em 0 0 0;
}
#toggle span:after {
  margin: 1em 0 0 0;
}
#toggle.open span {
  background-color: transparent;
}
#toggle.open span:before, #toggle.open span:after {
  margin: 0;
  background: #ffffff;
}
#toggle.open span:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
#toggle.open span:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#menu {
  /* display:flex; */
  /* flex-direction:column; */
  /* justify-content:center; */
  /* align-items:center; */
  visibility: hidden;
  opacity: 0;
  overflow: scroll;
  position: fixed;
  z-index: 1050;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 12em 0 0;
  left: 0;
  text-align: center;
  background: rgba(6,59,0,1.00);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all;
}
#menu.opened {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all;
}
#menu span#title {
  display: block;
  line-height: 1em;
  margin: 0 0 2em 0;
  font-size: 5em;
  color: #286efa;
}
#menu ul {
  list-style: none;
  margin:auto;
  width:inherit;
}
#menu ul li {
  display: block;
  width: 90%;
  height: 65px;
  margin: 0 auto 0.5em auto;
}
#menu ul li:after {
  content: " ";
  position: absolute;
  width: 0%;
  height: 65px;
  margin: -65px 0 0 5%;
  left: 0;
  outline: none;
  background: #131313;
  border:  none;
  border-radius: 0.25em;
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all;
}
#menu ul li:hover:after {
  width: 90%;
}
#menu ul li a {
  position: relative;
  z-index: 4;
  display: block;
  width: 100%;
  font-size: 2em !important;
  height: 65px;
  line-height: 65px;
  margin: 0 auto;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 0.2em;
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all;
}
#menu ul li a:hover {
  color: #fff;
  /* border-color: #286efa; */
}
#menu ul li a span {
  font-size: 1.6666666667em;
}
#menu ul li a i {
  position: absolute;
  padding: 0 1.25em 0 0;
  font-size: 2em;
}
#menu.opened img {
}










button:focus {
	outline:none !important;
}

.login-form form {
    width: 400px;
    margin: auto;
}
.login-form h1 {
	text-align:center;
	padding: 50px 20px;
}
.login-form form input,
.login-form form textarea {
	width:inherit;
	padding:10px 10px;
	margin:0 0 5px;
}
.login-form form textarea {
	height:150px;
}
.login-form form select {
	width:inherit;
	padding:10px;
}
.login-form form [type='submit'] {
	width:100%;
	background:red;
}
.login-form form [type='submit']:hover {
	background:#191919;
}
.login-form .error-messg {
	text-align:center;
	color:red !important;
	font-size:1em;
}


ul {
	list-style:none;
	padding: 0;
	/* white-space: nowrap; */
}
ul li a {
	color: #696969;
}
#home input,
#home textarea {
	border-radius:inherit;
	border-radius: 5px;
}
.section-divider {
	position:relative;
	padding: 200px 0 100px;
}
.section-divider.renovation-page-content {
	padding: 80px 0 0;
	position: relative;
	z-index: 3;
}
.section-divider.renovation-page-content .renovation-overview {
	display:block;
	padding: 65px;
	margin: 0 0 -200px;
	background: #dedede;
	position: relative;
	/* z-index: 1065; */
	width: inherit;
	left: 0;
	box-shadow: 0px 10px 96px -34px #000;
}
.section-divider.renovation-page-content .renovation-overview h3 {
	color: rgba(29,56,78,1.00);
	font-weight: 600;
}
.section-divider p {
	font-size:1.2em;
}
.section-divider a {
	display: block;
	/* background: #292929; */
	color: #111111;
	font-weight: 700;
	position: relative;
	padding: 15px;
	margin-top: 2em;
	text-align: center;
	width: 200px;
}

.home-welcome-section {
	background: linear-gradient(to left, #7a7a7a, white);
	background-size: cover;
	padding: 35px 0;
}
.home-welcome-section h1 {
	font-size:2.5em;
}.home-welcome-section p {
	font-size:1.2em;
}

.home-welcome-section img {
    position: absolute;
    top: -4em;
    width: 70%;
    right: 0;
    z-index: 3;
}

.home-welcome-section p {
	color:#212121;
}
.home-about-section {
	background: linear-gradient(#e2e2e2, #ffffff, #ffffff, #ffffff, #e2e2e2);
	color:#fff;
	padding: 25px 0 30px;
}
.home-about-section h1 {
	font-size:3em;
}
.home-about-section h1 span {
	display:block;
	font-weight: 100;
	line-height: 30px;
	margin-top: 1em;
	font-size: 25px !important;
	text-transform: uppercase;
}
.home-about-section a {
	display:block;
	background: #ec5555;
	color: #111;
	width: 200px;
	padding:  20px;
	margin-top: 3em;
	font-weight: 700;
}
#home .home-service-section {
	color:#333;
	text-align: center;
	padding: 80px 0 110px;
	background: #073559;
}
.home-service-section {
	color:#333;
	text-align: center;
	padding-bottom: 6em;
}
.home-service-section p {
	font-size: 1.4em;
}
.header-contact_info {
	font-size:1em;
	font-weight:400;
	color:#fff;
	padding:0;
	margin:0;
}
.navbar input {
	margin:0 4px 0;
	padding:4px 10px;
	border-radius:6px;
	border:none;
	box-shadow:inset 0px 2px 8px -1px #00000080;
}
.epoxy-coating {
	background: linear-gradient(to left, #8edbf9 50%, #ffffff00), url(/img/home-image-2.jpg) 0 no-repeat;
	padding: 160px 0px;
}
.epoxy-coating h1 {
	margin-top:0;
}


.hide {
    clear: both;
    display: none;
}
.signup-form {
	width:500px;
}
.signup-form input {
	padding:6px 10px;
}
.signup-form input,
.signup-form [type=submit] {
	width:100%;
	margin:4px 0;
}
.header-contact_info-signup,
.header-contact_info-login {
	margin-bottom:0 !important;
}
.header-contact_info a {
	color: #353535;
	margin: 0 5px;
	font-family: Lato;
	font-size: 1.1em;
	font-weight: 700;
	text-decoration:none;
}
.header-contact_info-signup a {
	color: #ffffff;
	padding: 5px 16px;
	font-size: 16px;
	font-family: Raleway;
	border:none !important;
	outline:none !important;
	background:#008cba;
	text-decoration:none;
	-webkit-appearance: none;
}
.form-inline {
	justify-content:center;
	align-items:center;
}

.menu-animate-test {
	top: 8em;
	width: 100%;
	left: 0;
	border-radius:0;
	padding: 80px 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 1;
	background-image: url(/img/dropdown-bg-1.jpg);
	background-position: 0 100px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: contain;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}


.menu-animate {
	top: 8em;
	width: 100%;
	left: 0;
	opacity:0;
	border-radius:0;
	padding: 80px 0;
	display: block;
	visibility: hidden;
	position: absolute;
	z-index: 1050;
	background-image: url(/img/dropdown-bg-1.jpg);
	background-position: 0 100px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: contain;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
.menu-animate .col-lg-6,
.menu-animate .col-lg-2 {
	top:2em;
	opacity:0;
	visibility:hidden;
  	color:#333;
}

.box1{
	width: 100%;
	visibility: visible;
	opacity: 1;
	top: 6em;
	left:0px;
    z-index: 1055;
	display:block;
	position: absolute;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
.box2{
background-color: #fff;
    color: #333;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    padding: 10px;
    z-index: 1055;
	-webkit-transition-property: all;
	-webkit-transition-duration: .30s;
	-webkit-transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: .30s;
	transition-timing-function: ease-in-out;
}
.box3 {
	top:8em;
}

.appear {
	top: 6.1em;
	width: 100%;
	left: 0;
	border-radius:0;
	padding: 80px 0;
	display: block;
	/* visibility: hidden; */
	position: absolute;
	z-index: 1050;
}




#left-menu {
	width: 240px;
	background-color: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -240px;
	z-index: 1021;
	transition: all ease-in-out 200ms;
	-webkit-transition: all ease-in-out 200ms;
}

#left-menu img {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-top: 30px;
}

#left-menu ul {
	padding-left: 30px;
	padding-top: 60px;
}

#left-menu ul li {
	list-style: none;
	padding: 4px 0px;
}

#left-menu ul li a {
	font-family: Arial;
	font-weight: 300;
	color: #272727;
	text-transform: uppercase;
}

#toggleMenu {
	/* width: 20px; */
	/* height: 20px; */
	/* background-color: #fff; */
	background-image: url(close.png);
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1050;
	cursor: pointer;
	/* border: 10px solid #fff; */
	/* border-radius: 2px; */
	transition: all ease-in-out 200ms;
	-webkit-transition: all ease-in-out 200ms;
}
#toggleMenu img {
	width:2%;
	position:fixed;
}

#toggleMenu:hover {
	opacity: 0.7;
}

/************************************ 
Main Side Menu Styling and Animations
*************************************/
.menu {
    overflow-x:hidden;
    position: relative;
    left: 0px;
}
.menu-open {
    left: 280px;

}
.menu-open .menu-side {
    left: 0;
}
.menu-side, .menu, .menu-open {
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    transition: left 0.2s ease;
}
.menu-side {
    /* background-color: #fff; */
    /* color: #333; */
    /* position: fixed; */
    /* top: 0; */
    /* left: -240px; */
    /* width: 280px; */
    /* height: 100%; */
    /* padding: 10px; */
    /* z-index: 1055; */
    /* border-right: 1px solid #c3c3c3; */
    /* box-shadow: 0px 0px 10px -1px #71717199; */
}
.menu-side ul {
	/* display: block; */
	/* position: relative; */
	/* padding: 20px; */
	/* margin: 50px 0 0; */

	-webkit-transition-property: all;
	-webkit-transition-duration: .30s;
	-webkit-transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: .30s;
	transition-timing-function: ease-in-out;
}
.menu-side ul li a {
	display:block;
	color: #04014e;
	/* background: #ececec; */
	position: relative;
	padding: 5px 15px;
	margin: 10px 8px;
	font-size: 1.5em;
	text-transform:  uppercase;
	font-weight: 700;
	opacity: 0;
	left: -220px;
	/* transition-property: all; */
	/* transition-duration: .20s; */
	/* transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); */
}


.menu-toggle {
    /* display: block; */
    /* position: absolute; */
    /* height: 40px; */
    /* width: 40px; */
    /* top: 0; */
    /* left: 100%; */
    /* z-index: 1058; */
    /* background-color: #fff; */
    /* padding: 8px; */
}
	
	
/************************************ 
Main Top Menu Styling and Animations
*************************************/
	
.menu-open-top {
    top: 0;
}
.menu-open-top .menu-side-top {
    top: 90px;
}
.menu-side-top, .menu-top, .menu-open-top {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.menu-side-top {
    background-color: #fff;
    color: #333;
    position: fixed;
    top: -250px;
    width: 100%;
    /* height: 240px; */
    padding: 100px 0 50px;
    z-index: 900;
    border-bottom: 1px solid #eaeaea;
}
.menu-side-top ul {

}





a {
	color: #212121;

	-o-transition:all .30s ease;
	-moz-transition:all .30s ease;
	-webkit-transition:all .30s ease;
    transition:all .30s ease;
}
.cta-block-divider-contact a {
	position:relative;
	z-index:1;
	font-size: 1.3em;
	font-weight: 500;
	/* color: #fff; */
}
.block-overlay {
    position: absolute;
    padding: 0 100px;
    width: 100%;
    height: 100%;
    top: 0;
    /* background: rgba(86, 46, 8, 0.03); */
    left: 0;
    z-index: 0;
}
#home .block-overlay {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.94) 50%);
    left: 0;
    z-index: 0;
}
.painting-section .block-overlay {
	background: linear-gradient(to right, rgb(17,17,17,0.81) 40%, rgba(0, 0, 0, 0)) !important;
}



#myBtn {
    display: block; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    opacity:;
    top:100%; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #ffffff; /* Set a background color */
    color: #1f1f1f; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    font-weight: 600;
    padding: 15px; /* Some padding */
    box-shadow: 0px 0px 16px -1px #000;
    /* border-radius: 10px; */ /* Rounded corners */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#myBtn:hover {
    background-color: #424242; /* Add a dark-grey background on hover */
    color:#fff;
}


/*******************  END/Default CSS Classes *************************/

#home {
	margin:0;
}
body {
  padding-top: 0;
  display:  block;
  /* color: #ffffff; */
  font-family: 'Raleway', sans-serif;
  /* visibility:  hidden; */
  position:  relative;
  overflow: auto;
	background: #ffffff;
  /* margin: 6.5em 0 0; */
}

.alert-btn {
	background:red !important;
	padding:10px 40px !important;
}
.btn:hover {
  cursor:pointer;
  /* color:#232323; */
  /* background: none; */
}
.btn {
  line-height:inherit;
  border: none !important;
  border-radius: 0;
  padding: 0;
  font-size:1em;
  outline:none !important;
  text-transform:uppercase;
  -o-transition:all .30s ease;
  -moz-transition:all .30s ease;
  -webkit-transition:all .30s ease;
  transition:all .30s ease;
}

h1, h2 {
  font-size: 3em;
  font-weight: 600;
  position: relative;
  z-index: 1;
  line-height: 50px;
}
h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
}

footer {
  padding: 40px 0;
  background: linear-gradient(rgba(51,51,51,1.00), rgba(17,17,17,1.00));
}
footer .col-sm p {
	/* color:#383838; */
}
footer .col-sm p:nth-child(2) {
	font-size:1em !important;
	color:#777777;
}
footer .col-sm img {
  width:15%;
}

footer .row {
  /* width:1170px; */
  margin: auto;
  position: relative;
}
footer span {
	color: #5a5a5a;
}
.card {
	border:none;
	text-align: center;
	height: 100%;
}
.card-body {
	padding:20px 0;
}
.card-body .card-title {
	font-size: 1.4rem;
	font-weight:700;
	text-transform: capitalize;
}
.card-body .card-text {
	font-size:1.2em;
}
.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color:transparent;
    border-bottom: 0;
}
.card span:before {
	font-size: 5em;
	color: rgba(6,59,0,1.00);
}
.card .btn {
    position: absolute;
    bottom: -20px;
    display: block;
    padding: 6px 0;
    width: 100%;
    background: #ec5555;
}



/* Jarallax Styling
-------------------------------------------------- */
.jarallax {
    position: relative;
    z-index: 0;
    padding: 150px 0;
    background-position: 0 0 !important;
    color:#fff;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    background-position:0 0;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.jarallax h1 {
  font-size: 3em;
  line-height: 50px;
  font-weight: 300;
  text-transform:uppercase;
  color: #fff;
}
.jarallax a {
	display:block;
	background: #ec5555;
	color:#111111;
	font-weight:700;
	position:relative;
	padding:15px;
	margin-top:2em;
	text-align:center;
	width: 200px;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/************************************ 
Main Side Menu Styling and Animations
*************************************/
.menu {
    overflow-x:hidden;
    position: relative;
    left: 0px;
}
.menu-open {
    left: 0;
}
.menu-open .menu-side {
    left: 0px;
}
.menu-side, .menu, .menu-open {
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    transition: left 0.2s ease;
}
.menu-side {
    background: linear-gradient(to bottom, #e8e8e8, white);
    background-size: contain;
    /* color: #333; */
    position: fixed;
    top: -1px;
    left: -625px;
    /* width: 625px; */
    height: 100%;
    /* padding: 10px; */
    z-index: 1055;
    overflow-y: auto;
    border-right: 1px solid #c3c3c3;
    box-shadow: 0px 0px 10px -1px #71717199;
}
.menu-side .container, .menu-side .col-lg-6 {
	padding:0;
}
.menu-toggle {
    display: flex;
    justify-content: center;
    align-items:  center;
    position: relative;
    width: inherit;
    font-weight: 700;
    height: auto;
    top: 20px;
    left: -20px;
    text-transform: uppercase;
    /* z-index: 1065; */
    /* background-color: #fff; */
    outline: none !important;
}

.menu-toggle p {
	display: inline-block;
	position: absolute;
	right: 0;
	transform: rotate(0deg);
	-webkit-transition-property: transform;
	-webkit-transition-duration: .20s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition-property: transform;
	transition-duration: .20s;
	transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.rotate-svg {
	transform: rotate(45deg) !important;
}

.menu-side span {
	display:block;
	font-size: 15px !important;
	font-weight: 400;
}

#category-commercial {
    display: block;
    position: absolute;
    padding: 60px 0 300px;
    top: 0;
    width: 100%;
    height: auto;
    right: 100%;
    background: red;
    z-index: 1055;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}
#category-commercial h1 {
	/* margin-top:2em; */
}
.category-commercial-animate {
    right: 0 !important;
}
	
	
/************************************ 
Main Top Menu Styling and Animations
*************************************/
	
.menu-open-top {
    top: 0;
}
.menu-open-top .menu-side-top {
    top: 120px;
}
.menu-side-top, .menu-top, .menu-open-top {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.menu-side-top {
    background: linear-gradient(to right, #0000007a, #111111 50%, #292929), url(/img/navbar-image.jpg) left no-repeat;
    background-size: 100%;
    color: #333;
    position: fixed;
    top: -275px;
    width: 100%;
    /* height: 240px; */
    padding: 20px 0;
    z-index: 900;
    border-bottom: none;
    box-shadow: 0px 0px 20px -1px #000;
}
.menu-side-top h1 {
	margin:0;
	width: 680px;
	font-size: 2.5em;
	line-height: 40px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
}
.menu-side-top ul li a {
	font-size: 1.1em;
	color: #fff;
}


.top-footer {
	padding: 50px 0;
	background: #ffffff;
}
.top-footer p {
	margin:0;
}
.hr-container {
	background:#ceb788;
	/* width: 100%; */
	/* max-width: none; */
}
.top-footer .navbar-brand {
	font-size: 1.5em;
	color: #333;
}
.top-footer .col-sm-2 {
	display:flex;
	justify-content: space-between;
}
.top-footer .col-sm-2 .fa {
	font-size:1.5em;
	color: #333333;
}

.top-footer .col-sm {
	text-align:left !important;
	color: #696969;
}
footer .col-sm:nth-child(2) {
	text-align: right;
}
.top-footer .col-sm h3 {
	font-weight:600;
	font-size: 1.5em;
	text-transform:uppercase;
}
.top-footer .col-sm:nth-child(3) {
}
.top-footer .col-sm:nth-child(3) .fa {
	font-size:1.8em;
	color:#cf272d;
	margin:0 10px;
}
footer .col-sm:nth-child(2) img {
	width:25%;
}
.top-footer .navbar-nav {
	display:flex;
	flex-direction:row;
}
.top-footer .navbar-nav {
	/* display:flex; */
	/* justify-content:center; */
	/* align-items:center; */
	margin: 0 auto;
}
.top-footer .navbar-nav .nav-link {
	padding:0 15px !important;
}




.navbar-brand img {
  z-index: 1;
}
.navbar {
  padding: 28px 0;
  margin-top: 2.2em;
  background-color: #073559;
  border-bottom: 1px solid #00000012;
}
.sticky-top {
	top:-1px;
}

.navbar .col-sm {
	display:flex;
	align-items:center;
}
.navbar .row {
  width: 100%;
  margin: 0;
}
.navbar-brand {
  /* font-size: 1.8em; */
  /* font-weight:700; */
  color: #612700;
  /*background: #fff;*/
  /* background-size: 100%; */
  /*border-radius: 100%;*/
  /* text-indent: -999em; */
  /* display: block; */
  height: auto;
  width: 400px;
  position: fixed;
  padding: 0px;
  z-index: 1054;
  margin: 0px -70px 0px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.navbar-collapse {
	justify-content: flex-end;
	/* display: block; */
	/* padding: 40px 0; */
}
.navbar-collapse .desktop-hide {
	display:none;
}

.navbar-brand .logo-title {
	display:none;
}
.navbar-light .navbar-nav .nav-link {
  padding: 0;
  margin: 0 0 0 20px;
  font-size: 1.3em;
  font-weight: 700;
  color: #ffffff;
  transition:all .3s ease;
  outline:  none;
  cursor: pointer;
}
.navbar .active:before,
.navbar li:hover:before {
  content:'';
  display: none;
  position:absolute;
  background: #764421;
  height: 134px;
  width: 17%;
  top: 0;
  transform:rotate(30deg);
  z-index: -1;
}
.navbar .active a {
  color: #ec5555 !important;
  font-weight: 300;
}
.navbar .nav-link:hover :before {
  background:red;
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    background: none;
    color: #ec5555 !important;
    transition:all .3s ease;
}
.top-header {
  display: block;
  position: fixed;
  width:100%;
  padding: 6px;
  border-bottom: 1px solid #c5c5c5;
  overflow: hidden;
  top: 0;
  background: linear-gradient(rgba(51,51,51,1.00), rgba(17,17,17,1.00));
  z-index: 1000;
}
.top-header .col-sm {
  display:flex;
  justify-content:center;
  width: inherit;
}
.top-header svg {
	color: #737373;
	margin:0 15px;
}
.top-header p {
	font-size:1em;
	color: #2b2b2b;
	margin: 0;
	font-family: 'Lato';
}
.top-header div[class*="col-"] {
	display:flex;
	justify-content:flex-end;
}



/* ========================================================== */
/* 			            GALLERY                               */
/* ========================================================== */

.projects-header {
	background: rgba(6,59,0,1.00);
	background-size:cover;
	max-height: 100%;
	overflow: hidden;
}
.projects-header .block-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(rgba(51,51,51,1.00), rgba(17,17,17,1.00));
    left: 0;
    z-index: 0;
}
.projects-header h1 {
	color:#fff;
}


.gallery-title-section {
	padding: 50px 0 80px;
	background:none;
}

#portfolio {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  justify-content: center;
}
#portfolio li {
  display: initial;
  width: 375px;
  height: auto;
  position:relative;
  margin: 6px;
  overflow:hidden;
  /* -webkit-border-radius: 2px; */
  -moz-border-radius: 2px;
  /* border-radius: 2px; */
  /* -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25); */
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  /* box-shadow: 1px 2px 2px rgba(0,0,0,0.25); */
}
#portfolio li a {
  display:block;
  background: #fff;
  width:100%;
  margin: auto;
  height: 250px;
  /* width: 395px; */
  overflow:hidden;
  position:relative;
  -o-transition:all .30s ease;
  -moz-transition:all .30s ease;
  -webkit-transition:all .30s ease;
  transition:all .30s ease;
}
#portfolio li a img {
   position: absolute;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -9999px;
   margin: auto;
   width: 100%;
   height: inherit;
}
#portfolio li a:hover {
	opacity:.8;
	transform:scale(1.1);
}

.magnific-container {
	padding: 50px 0;
	position: relative;
}
.nav-tabs {
	margin:0 0 2em;
	display: flex;
	justify-content:  center;
	align-items: center;
	border:  none;
}
.nav-tabs li {
	margin:0 !important;
}
.nav-tabs li a {
	font-size:1.3em;
	font-weight:600;
	border:  none !important;
	border-radius: 0 !important;
}
.nav-tabs li a:hover {
	background: #3374bf;
	color:#fff !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background: #3374bf;
	color:#fff !important;
}




.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */

.grid {
  background: #EEE;
  max-width: 1200px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}

/* color-shape */

.color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}
 
.color-shape.round {
  border-radius: 35px;
}
 
.color-shape.big.round {
  border-radius: 75px;
}
 
.color-shape.red { background: red; }
.color-shape.blue { background: blue; }
.color-shape.yellow { background: yellow; }
 
.color-shape.wide, .color-shape.big { width: 150px; }
.color-shape.tall, .color-shape.big { height: 150px; }


/* ========================================================== */
/* 			           Services Page                          */
/* ========================================================== */

.renovations-section,
.asphalt-coating-section,
.asphalt-paving-section,
.painting-page-section,
.parking-lot-striping-section,
.epoxy-coating-section,
.seal-coating-section,
.power-washing-section,
.sand-blasting-section,
.hvac-services-section,
.carpentry-services-section,
.concrete-services-section {
	/*background: linear-gradient(to bottom, #00000087, #00000000), url(/img/service-image-1.jpg) right no-repeat !important;*/
	position: relative;
	background-size: cover;
	padding: 20em 0 0;
	color: #0f0f0f;
	height:;
	overflow: hidden;
}
.renovations-section [class*="col-"]:first-child, 
.asphalt-coating-section [class*="col-"]:nth-child(2),
.painting-page-section [class*="col-"]:nth-child(2),
.asphalt-paving-section [class*="col-"]:first-child,
.parking-lot-striping-section [class*="col-"]:first-child,
.epoxy-coating-section [class*="col-"]:first-child,
.seal-coating-section [class*="col-"]:first-child,
.power-washing-section [class*="col-"]:first-child,
.sand-blasting-section [class*="col-"]:first-child,
.hvac-services-section [class*="col-"]:first-child,
.carpentry-services-section [class*="col-"]:nth-child(2),
.concrete-services-section [class*="col-"]:first-child {
	background: rgba(255, 255, 255, 0.91);
	padding:50px;
	box-shadow: 0px -20px 55px -10px #00000070;
	position: relative;
	z-index: 3;
}
.renovations-section [class*="col-"]:first-child h1,
.asphalt-coating-section [class*="col-"]:nth-child(2) h1,
.asphalt-paving-section [class*="col-"]:first-child h1,
.painting-page-section [class*="col-"]:nth-child(2) h1,
.parking-lot-striping-section [class*="col-"]:first-child h1,
.epoxy-coating-section [class*="col-"]:first-child h1,
.seal-coating-section [class*="col-"]:first-child h1,
.power-washing-section [class*="col-"]:first-child h1,
.sand-blasting-section [class*="col-"]:first-child h1,
.hvac-services-section [class*="col-"]:first-child h1,
.carpentry-services-section [class*="col-"]:nth-child(2) h1,
.concrete-services-section [class*="col-"]:first-child h1 {
	color:#333;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* ========================== Gallery ZoomIn Effect ================================ */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

#about .mfp-title {
    width: 100%;
    white-space: pre-wrap;
    background-color: #7a1919 !important;
    position: absolute;
    bottom: 0!important;
    text-align:  center;
    padding: 20px 95px 0;
    font-family: 'Lato';
}



/* ========================================================== */
/* 			           Home Page                              */
/* ========================================================== */

#home .main-slider-section {
	position:relative;
	/* height: 600px; */
}

#home .home-welcome-section svg {
	position:absolute;
	z-index: 0;
	bottom: 99.8%;
	fill: white;
	display: block;
	right: 0;
}
#home .awnings-section h1 {
	/* text-align: right; */
}

#home .jarallax svg {
    position: absolute;
    bottom: -1px;
    fill: #0e0e0e;
    width: 100%;
    right: 0;
}
#home .jarallax svg:nth-child(1) {
    enable-background: new 0 0 1365.5 60.5;
    position: absolute;
    top: -1px;
    fill: #950101;
    z-index: 1;
    transform: rotate(180deg);
    width: 100%;
    right: 0;
}

.home-service-section .svg-inline--fa {
	font-size:3em;
	color:#520c0c;
}
.home-service-section .btn .svg-inline--fa {
	font-size:1em;
	color:#ffffff;
}
.home-service-section .thumbnail {
	position:relative;
	display:block;
	color: #fff;
	height:100%;
}
.home-service-section .thumbnail .btn {
	position:absolute;
	display:block;
	top:100%;
}
.home-service-section .thumbnail .btn:hover svg {
	color:#171717;
}

.estimate-section-divider form .btn {
	background-color: #0071bc;
	width:100%;
	border: 1px solid #0e4c75 !important;
	border-radius: 3px !important;
	box-shadow: 0px 0px 4px -1px #000;
	padding:10px;
	width: 235px;
}
.estimate-section-divider form .btn:hover, .estimate-section-divider form .btn:focus {
	color:#fff;
	background-color: #0071bc !important;
	/* border: 1px solid #000; */
	/* box-shadow:none !important; */
}
.estimate-section-divider {
	background: #073559;
	color:  #fff;
	text-align:  center;
	padding: 85px 0 100px;
}
.renovations .estimate-section-divider {
	color:  #fff;
	text-align:  center;
	padding: 250px 0 100px;
}
#about .estimate-section-divider {
	/* padding:220px 0 150px; */
}
#home .estimate-section-divider {
	/* padding:80px 0 120px; */
}
.estimate-section-divider .alert,
.estimate-section-divider .alert p {
	text-align:left;
	font-size:inherit;
}
.estimate-section-divider .alert form input,
.estimate-section-divider .alert form textarea {
	padding:12px;
}
.estimate-section-divider .alert form select {
	padding:12px;
	height:inherit !important;
}
.estimate-section-divider .alert form .form-group,
.estimate-section-divider .alert form .form-control {
	margin:0;
}

.estimate-section-divider a {
    color: #2063b7;
    background: #fff;
    display: block;
    font-weight: 700;
    width: 260px;
    position:relative;
    padding: 20px 30px;
    text-align: center;
    margin: auto;
    top:2em;
    border: 1px solid #e2e2e2;
}

.estimate-section-divider p {
	font-size: 1.5em;
	margin:  0;
}
.estimate-section-divider p:nth-child(2) {
	font-size:1.3em;
	margin:20px 0;
}
#home .estimate p {
	margin:0 0 20px;
	font-size:1.6em;
}
.estimate-section-divider svg {
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1;
    fill: #941c1c;
}
.estimate-section-divider #svg-bottom {
    background: transparent;
    position: absolute;
    top:99.6%;
    left: 0;
    z-index: 1;
    transform:rotate(180deg);
    fill: #980404;
}
.estimate-section-divider .btn:hover {
	/* color:#ffffff; */
}

.estimate-section-divider span {
	font-weight:900;
	font-family:'Lato';
}

.estimate-section-divider .alert img {
	width: 100px;
	opacity: 0;
	top: 10px;
	position: relative;
	box-shadow: 0px 0px 10px -1px #000;
	border-radius: 100px;
}
.estimate-section-divider .alert span#estimate-form-img {
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	margin: -4em 0 2em;
}


/* ========================================================== */
/* 			           About Page                             */
/* ========================================================== */

.about-header-svg {
	position:absolute;
	fill: #ffffff;
	z-index:1;
	width: 100.1%;
	left: -1px;
	bottom: 100%;
}
.about-header-svg-bottom {
	position:absolute;
	fill: #ffffff !important;
	transform:rotate(180deg);
	z-index:1;
	width: 100.1%;
	left: -1px;
	top: 99.5%;
}
.home-header-svg {
	position:absolute;
	fill: #0a62b9;
	z-index:1;
	width: 100.1%;
	left: -1px;
	bottom: 100%;
}
.projects-header-svg {
	fill:#fff;
}
.home-header-svg.painting-block {
	fill:#1b62b5;
}
.home-header-svg-bottom {
	position:absolute;
	fill: #0a62b9 !important;
	transform:rotate(180deg);
	z-index:1;
	width: 100.1%;
	left: -1px;
	top: 99.5%;
}
.home-header-svg-bottom.services-block,
.home-header-svg.epoxy-coating-block,
.home-header-svg-bottom.epoxy-coating-bottom-block {
	fill: #ffffff !important;
}

.who-we-are-section {
	background: linear-gradient(to left, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 0)), url(/img/about-image-2.jpg)  no-repeat;
	padding: 0px 0;
}
.who-we-are-section h1 {
	margin-top:0;
}


#about .jarallax,
#gallery .jarallax {
	padding: 200px 0 80px;
}

#about .about-content-section {
	/* color:#fff; */
	padding: 60px 0 0;
}

#about .about-us-section svg {
	position:absolute;
	z-index: 0;
	bottom: 99.8%;
	fill: white;
}
.about-header {
	background: url(/img/slider-bg-1.jpg) 0 no-repeat;
	position: relative;
	background-size:cover;
	max-height: 100%;
	/* padding: 0 0; */
	overflow: hidden;
}
.about-header .col-lg-6 {
    padding: 0 0;
    position: relative;
    /* height: 360px; */
}
.about-header .col-lg-6 svg {
	fill: #1d1d1d;
	z-index: 0;
	position: absolute;
	top: -2.5em;
}
.about-header .col-lg-6 img {
	position:absolute;
	width: 20%;
	top: 50%;
	right: 20px;
	z-index:1;
}

.about-header .col-lg-6 p {
    padding: 60px 0 25px;
    font-size: 1.2em;
    margin: 0 30px;
    color: #fff;
}
.about-header .col-lg-6 p span {
	font-weight:900;
	font-size:2em;
	line-height:30px;
	color: #fff;
}
.about-header .col-lg-6 a {
	position:relative;
	background: #2b2b2b;
	color: #fff !important;
	padding: 12px 50px;
	border-radius: 100px;
	box-shadow: 0px 0px 10px -1px #000;
	z-index: 2;
	margin: 0 30px;
}
.about-header .col-lg-6 a:hover {
	background:white;
	color:red !important;
}
.about-header h1,
.projects-header h1 {
	color:#fff;
	position:relative;
	font-size: 4em;
	font-weight: 100;
	line-height: 55px;
	visibility:  hidden;
}
.about-header .block-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.61));
    left: 0;
    z-index: 0;
}
#about .about-us-section p {
	color:#333;
}

button.secondary, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333;
}
button, .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #008CBA;
    border-color: #007095;
    color: #fff;
    transition: background-color 300ms ease-out;
}
#login-btn {
	padding:5px 20px;
	margin:0 6px 0;
}
#signup-btn {
	font-size:inherit;
	padding:3px 20px;
	font-weight:inherit;
	border-radius:inherit;
	border:none !important;
	box-shadow:none !important;
	background:#008cba;
	color:#fff;
	text-decoration:none;
}

#about .owl-carousel {
	margin: 0;
}
#about .owl-footer {
	/* padding: 80px 0 60px; */
}

#about .owl-carousel .owl-item {
	/* height: 225px; */
	/* display:block; */
	/* overflow:hidden; */
}
#about .owl-footer .owl-item {
	/* height: 250px; */
	/* display: flex; */
	justify-content: center;
	align-items: center;
}
#about .owl-carousel .owl-item .item .image-link {
	position:absolute;
}
#about .owl-carousel .owl-item h3,
#about .owl-carousel .owl-item p {
	color: #ffffff;
	position:  absolute;
	bottom: 0;
	padding:20px;
	font-weight:100;
	z-index: 3;
	left:0;
	
	-o-transition:all .20s ease;
	-moz-transition:all .20s ease;
	-webkit-transition:all .20s ease;
    transition:all .20s ease;
}
#about .owl-carousel .owl-item h3 {
	font-weight:700;
	font-size:1.4em;
}
#about .owl-carousel .owl-item h3 span {
	font-weight:200;
}
#about .owl-carousel .owl-item svg {
	position: absolute;
	left: -40px;
	bottom: 0;
	background: #861b1b;
	color: #e8e8e8;
	font-size: 1em;
	padding: 25px;
	height:80px;
	width:80px;
	z-index:4;
	opacity: 0;
	-o-transition:all .35s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	-moz-transition:all .35s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	-webkit-transition:all .35s cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition:all .35s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
#about .owl-carousel .owl-item:hover svg {
	opacity:1;
	left:0;
	bottom:80px;
}
#about .owl-carousel svg:hover {
	cursor:pointer;
}
#about .owl-carousel .block-overlay {
    background: rgb(0, 0, 0);
    opacity:.4;

    -o-transition:all .30s ease;
	-moz-transition:all .30s ease;
	-webkit-transition:all .30s ease;
    transition:all .30s ease;
}
#about .owl-carousel .owl-item:hover .block-overlay {
    opacity:0;
}
#about .owl-carousel .owl-item:hover h3 {
	left:-50px;
	opacity:0;
	visibility:hidden;
}

.top-footer .owl-footer .owl-nav,
#about .top-footer .owl-footer .owl-nav {
	position: relative;
	/* top: 6em; */
	left:0;
}

#about .top-footer,
#contact .top-footer {
	/* margin: 0; */
	/* padding: 0; */
	/* display: none; */
}

/* ========================================================== */
/* 			           Services Page                          */
/* ========================================================== */

.services-header {
	background: url(/img/slider/slider-1-bg.jpg) 0 no-repeat;
	background-size:cover;
	max-height: 100%;
	padding: 200px 0 100px;
	color: #fff;
	text-align:center;
}
.services-header .block-overlay {
	background: linear-gradient(rgba(0, 0, 0, 0.058823529411764705), rgba(0, 0, 0, 0.7019607843137254));
}
.services-page-section .block-overlay {
	/* background: linear-gradient(to right, #00000000, #000000 80%); */
}
#services .maintenance .block-overlay,
#services .custom-fab .block-overlay {
	/* background: linear-gradient(to left, #00000000, #000000 60%); */
}
#services .roofing {
	background: url(/img/gallery/bloomington-transit-bus-staiton.jpg) 0 -25em no-repeat;
	background-size:100%;
}
#services .maintenance {
	background: url(/img/maintenance-flashing.jpg) right no-repeat;
	background-size: cover;
}
#services .pipe-flashing {
	background: url(/img/pipe-flashing-2.jpg) 0 0 no-repeat;
	background-size: 100%;
}
#services .custom-fab {
	background: url(/img/custom-fab.jpg) 0 no-repeat;
	background-size: 100%;
}


#services .services-section {
	background:#af1616;
}
#services .services-section svg {
	position:absolute;
	z-index: 0;
	bottom: 99.8%;
	fill: #af1616;
}
.services-page-section {
	background: url(/img/slider/slider-1-bg.jpg) 0 no-repeat;
	background-size: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	height: 450px;
}
.service-title-section {
	padding:50px 0;
	/* background: linear-gradient(to left, #ffffff, #dadada); */
}
.service-title-section p {
	font-size:1.5em;
	line-height:25px;
	color:#808080;
}
.services-page-section .col-lg-6 {
    padding: 0 0;
    position: relative;
    /* height: 360px; */
}
.services-page-section .col-lg-6 svg {
	fill: #c12e21;
	z-index: 0;
	position: absolute;
}
#services .awnings .col-lg-6 svg {
	transform:rotate(0deg) !important;
}
#services .maintenance .col-lg-6 svg,
#services .custom-fab .col-lg-6 svg {
	transform: rotatey(180deg) !important;
}


.services-page-section .col-lg-6 img {
	position:absolute;
	width: 20%;
	top: 50%;
	right: 20px;
	z-index:1;
}

.services-page-section .col-lg-6 p {
    padding: 180px 0;
    font-size: 1.2em;
    /* margin: 0 30px; */
    color: #fff;
    position: absolute;
}
.services-page-section .col-lg-6:nth-child(1) p {
	position:absolute;
	right: 0 !important;
}

.services-page-section .col-lg-6 p span {
	font-weight: 500;
	font-size: 2.4em;
	line-height:30px;
	color: #fff;
	text-shadow: 0px 0px 8px #000;
}
.services-page-section .col-lg-6 a {
	position:relative;
	background: #2b2b2b;
	color: #fff !important;
	padding: 12px 50px;
	border-radius: 100px;
	box-shadow: 0px 0px 10px -1px #000;
	z-index: 2;
	margin: 0 30px;
}
.services-page-section .col-lg-6 a:hover {
	background:white;
	color:red !important;
}
.services-page-section h1 {
	color:#fff;
	position:relative;
	font-size: 4em;
	margin-top: 1.5em;
	font-weight: 100;
	line-height: 55px;
	padding-left: 20px;
	text-align: center;
}

/* ========================================================== */
/* 			           Contact Page                           */
/* ========================================================== */

.contact-header {
	padding: 7.5em 0 3em;
}
.contact-info-wrapper h2 {
	margin-bottom:20px;
}

.contact-info-wrapper {
	padding:0 0 100px;
}
.contact-info-wrapper .contact_info {
	font-family:'Lato';
	font-weight: 700;
	font-size: 1.2em;
}
.contact-info-wrapper .contact_info a {
	font-weight:400;
	color: #454545;
}

.contact-info-wrapper form .btn {
	background: #292929;
	padding:10px;
	color: #fff;
	width:50%;
}


/* ========================================================== */
/* 			           Footer Styling                         */
/* ========================================================== */

footer .svg-inline--fa {
	font-size:2em;
	margin:0 10px 0;
	color: rgba(55,55,55,1.00);
}
footer .col-sm:nth-child(2) {
	text-align:center;
}
footer .col-sm:nth-child(2) img {
	width:35%;
	/* opacity:.6; */
}
footer .col-sm:last-child {
	text-align:right;
}



/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.renovations-section {
	background: url(/img/renovation-page-bg.jpg) 0 0 no-repeat !important;
	background-size:cover !important;
}
.asphalt-coating-section {
	background: url(/img/asphalt-coating-page-bg-3.jpg) top no-repeat !important;
	background-size:cover !important;
}
.asphalt-paving-section {
	background: url(/img/asphalt-paving-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.concrete-services-section {
	background: url(/img/concrete-page-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.painting-page-section {
	background: url(/img/painting-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.parking-lot-striping-section {
	background: url(/img/parking-lot-striping-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.seal-coating-section {
	background: url(/img/seal-coating-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.epoxy-coating-section {
	background: url(/img/epoxy-coating-pgae-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.power-washing-section {
	background: url(/img/power-washing--page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.sand-blasting-section {
	background: url(/img/sand-blasting-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.hvac-services-section {
	background: url(/img/hvac-services-page-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.carpentry-services-section {
	background: url(/img/carpentry-services-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}

#services .jarallax img {
	display:none !important;
}
#about .jarallax {
    background: url(/img/asphalt-paving-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
#about .about-header img {
	display:none !important;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1365px) 
and (orientation : landscape) {

.renovations-section {
	background: url(/img/renovation-page-bg.jpg) 0 0 no-repeat !important;
	background-size:cover !important;
}
.asphalt-coating-section {
	background: url(/img/asphalt-coating-page-bg-3.jpg) top no-repeat !important;
	background-size:cover !important;
}
.asphalt-paving-section {
	background: url(/img/asphalt-paving-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.concrete-services-section {
	background: url(/img/concrete-page-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.painting-page-section {
	background: url(/img/painting-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.parking-lot-striping-section {
	background: url(/img/parking-lot-striping-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.seal-coating-section {
	background: url(/img/seal-coating-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.epoxy-coating-section {
	background: url(/img/epoxy-coating-pgae-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.power-washing-section {
	background: url(/img/power-washing--page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.sand-blasting-section {
	background: url(/img/sand-blasting-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.hvac-services-section {
	background: url(/img/hvac-services-page-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.carpentry-services-section {
	background: url(/img/carpentry-services-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}

#services .jarallax img {
	display:none !important;
}
#about .jarallax {
    background: url(/img/asphalt-paving-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
#about .about-header img {
	display:none !important;
}

}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 991px) {

.estimate-section-divider form .btn {
	width:inherit;
}
#home .show-form h4 {
	font-size:1.1em;
}
.estimate-section-divider p:nth-child(2) {
    font-size: 1em;
}

#about .who-we-are-section {
    background: linear-gradient(rgba(255, 255, 255, 0.89) 65%, rgba(255, 255, 255, 0)), url(/img/about-page-content-bg.jpg) 85% bottom no-repeat;
    padding: 65px 0;
}

#home .block-overlay {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.22));
    left: 0;
    z-index: 0;
}

#home .epoxy-coating {
	background:linear-gradient(#fffffff0 40%, #ffffff66), url(/img/epoxy-coating-pgae-bg-2.jpg) 0 no-repeat;
	background-size:cover;
}
.painting-section .block-overlay {
    background: linear-gradient( rgb(0, 54, 95) , rgba(0, 0, 0, 0.71)) !important;
}

.estimate-section-divider .alert span#estimate-form-img {
	margin: -2em 0 0;
}
.alert h1 {
	font-size:1.5em !important;
	margin:0 !important;
}

.renovations-section {
	background: url(/img/service-image-2.jpg) 0 0 no-repeat !important;
}
.asphalt-coating-section {
	background: url(/img/asphalt-coating-page-bg-3.jpg) top no-repeat !important;
	background-size:cover !important;
}
.asphalt-paving-section {
	background: url(/img/asphalt-paving-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.concrete-services-section {
	background: url(/img/concrete-page-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.painting-page-section {
	background: url(/img/painting-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.parking-lot-striping-section {
	background: url(/img/parking-lot-striping-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.seal-coating-section {
	background: url(/img/seal-coating-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.epoxy-coating-section {
	background: url(/img/epoxy-coating-pgae-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.power-washing-section {
	background: url(/img/power-washing--page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.sand-blasting-section {
	background: url(/img/sand-blasting-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
.hvac-services-section {
	background: url(/img/hvac-services-page-bg-2.jpg) top no-repeat !important;
	background-size:cover !important;
}
.carpentry-services-section {
	background: url(/img/carpentry-services-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}

#services .jarallax img {
	display:none !important;
}
#about .jarallax {
    background: url(/img/asphalt-paving-page-bg.jpg) top no-repeat !important;
	background-size:cover !important;
}
#about .about-header img {
	display:none !important;
}

.menu-side-top {
	display:none;
}
.card .btn {
    position: inherit;
}

body {
    padding-top: 0;
		
}
.navbar .active a {
    color: #fff;
    background: #232323;
}
.navbar-nav .nav-link {
    padding: 10px 20px !important;
    width:100%;
    font-size: 1.15em;
    font-weight: 600;
    color: rgba(29,56,78,1.00);
    transition: all .3s ease;
}
.navbar-light .navbar-brand {
	margin: 10px 0 0;
	width: 20%;
	/* position: fixed; */
	background: none;
}
.navbar-light .navbar-brand:after {
	content:'';
	margin-left: 6px;
	color: #fff;
}
.navbar-brand img {
	/* display:none; */
}
.navbar-brand .logo-title {
	display:inherit;
	font-size: 1em;
	padding: 0 10px 0;
	position: absolute;
	top: 8px;
}
footer .row {
    width: 100%;
    margin: auto;
    position: relative;
}
.navbar-toggler {
    position: absolute;
    display: none;
    border: none;
    z-index:999;
    right: 0;
    /* margin: 6px 10px; */
    float: right;
}

.home-service-section .thumbnail .btn {
    position: relative;
    display: inline;
    top: 100%;
}
.home-service-section .thumbnail {
    padding:30px 0;
}

#home form {
    margin:0;
    box-shadow:none;
}
.jarallax h1 {
	font-size:2.5em;
	line-height:35px !important;
}
#portfolio li a {
    height: 250px;
    width: 375px;
}

footer .col-sm {
	text-align:left !important;
	margin-top:20px;
}

.services-page-section .col-lg-6 svg {
	display:none;
}

.sticky-top {
	position:relative !important;
	padding: inherit;
}

.top-header .row {flex-wrap: inherit;}
.top-header .row [class*=col-] {
	display: block;
	width: 100%;
	margin: 0;
}
.top-header .row [class*=col-]:first-child {
	display:none;
}

.navbar-light .navbar-nav .nav-link {
	margin:inherit;
}
.navbar-nav {
	padding-top:3em;
	display: none;
}


#toggle {
	display:block;
	position: absolute;
	right: 0;
	/* top: 60px; */
	margin: 16px 10px !important;
	width: 2.8571428571em;
	height: 2.8571428571em;
	z-index: 1080;
}
#sidebar-toggle {
	display:none;
}
#menu .logo {display: flex;justify-content: center;padding:10px 0;}
#menu .logo img {width: 18%;}

.top-header {
	position:fixed;
}

.navbar-collapse {
    display: block;
    width: 100%;
    margin: 9px 0 0;
    left: 0;
    height: 75px;
    position: fixed;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #131313;
}

.alert {
	padding: 50px 20px !important;
}
.alert p {
	margin:0 0 2em !important;
}
.alert h1 {
    margin: 40px 0;
    line-height:60px;
}
.alert h1, .alert p {
	text-align:center !important;
}

.tp-caption.NotGeneric-Title span, .NotGeneric-Title span {
	line-height:inherit !important;
	padding-top: 10px !important;
}

}


.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align:inherit;
}

.footer-carousel {
	padding:0 0 50px;
}





/******* BS Alert *******/

.alert
{
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.alert h1,
.alert p {
	top: 2em;
	opacity: 0;
	position:relative;
}
.alert h1 {
	/* padding:0 0 30px; */
	margin-top: 0;
	font-size: 2.5em;
}

.alert {
    position: fixed;
    /* height: 85%; */
    /* width: 60%; */
    transform:scale(0,0);
    padding: 0;
    /* padding-top: 3em; */
    border: 0;
    color: #fff;
    background: linear-gradient(#0071bced, #191919 100%), url(/img/parking-lot-striping-page-bg.jpg) 0 bottom no-repeat, linear-gradient(to bottom, #fff, #fff);
    background-size: cover;
    box-shadow: 0px 0px 40px -6px #000;
    border-radius:0;
    z-index: 1100;
    /* display:  flex; */
    /* flex-direction: column; */
    /* align-items:  center; */
    overflow: auto;
    justify-content: center;
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
.custom-show {
    position: fixed;
    /* height: 75%; */
    /* width: 60%; */
    transform:scale(1,1);
    padding: 4rem;
    padding-top: 6rem;
    border: 0;
    /* background: white; */
    /* box-shadow: 0px 0px 40px -6px #000; */
    border-radius:0;
    z-index: 1100;
    /* overflow: inherit; */
    -webkit-transition-property: all;
    -webkit-transition-duration: .30s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .30s;
    transition-timing-function: ease-in-out;
}
#home .show-form {
	/* background: white; */
	/* padding:50px; */
	position:relative;
	top:2em;
	left:0;
	opacity: 0;
	/* transition:all .3s ease; */
}
#home .success-message {
	color:red !important;
	position: relative !important;
	display: block !important;
	width: 100% !important;
	text-align: center !important;
}
#home .show-form p {
	text-align:center;
}
#home .show-form h4 {
	/* text-align:center; */
	margin: 0 0 25px;
}

.menu-open-top .menu-side-top .col-lg-6,
.menu-open-top .menu-side-top .col-lg-2 {
	position:relative;
	top:4em;
	left:0;
	opacity: 0;
}

.animate-form {
	top:0 !important;
	opacity:1 !important;
	visibility: visible !important;
	-webkit-transition-property: all;
	-webkit-transition-duration: .30s;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: .30s;
	transition-timing-function: ease;
}
.animate-side-links1 {
	opacity: 1 !important;
	left: 0 !important;
}
.animate-title-link {
	opacity: 1 !important;
	left: 0 !important;
}
#menu-title-link {
	opacity:0;
	display:block;
	position:relative;
	font-size: 3em;
	padding: 0 20px;
	margin: 40px 0 20px;
	left: -55px;
	overflow:  hidden;
	-webkit-transition-property: all;
	-webkit-transition-duration: .30s;
	-webkit-transition-timing-function: ease;
	transition-property: all;
	transition-duration: .30s;
	transition-timing-function: ease;
}

#home .form-check {
	text-align:center;
}
.form-check-label {
    padding-left: 0;
    margin-bottom: 0;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    color: inherit;
    outline: none;
    opacity: 1;
    z-index: 3;
}
.alert-dismissible .close span {
	font-size:1.5em;
}
.alert-trigger {
	margin:30px 0 0;
	padding:20px 30px;
	background: #ffffff;
	color: #131313;
	font-weight: 700;
}
 
.rotate {
	transform:rotate(90deg);
	margin-top:0;
	width:20%;
}