html,body {
    /* remove horizontal scroll */
    max-width: 100% !important;
    overflow-x: hidden !important;
}	
body { font-family:"Lato"; }

a { text-decoration:none !important; }
a i { color:white; }
p {font-size:18px;}

.navbar, .navbar-brand, .navbar-header {height:80px;z-index:5;}

.navbar li a {
	height:80px;
	display:flex;
	align-items:center;
	color:rgba(255,255,255,0.8) !important;
	letter-spacing:2px;
	font-size:11px;
	padding:12px;
	font-weight:300 !important;
	font-family:'Lato';

    transition: all 0.14s ease-in-out;
    -webkit-transition: all 0.24s ease-in-out;
    -moz-transition: all 0.24s ease-in-out;
    -ms-transition: all 0.24s ease-in-out;
    -o-transition: all 0.24s ease-in-out;
}
.nav-phone {}
@media screen and (max-width:767px) {
	.navbar-nav {background:rgba(0,0,0,0.7);margin-top:0px;background:rgba(0,0,0,0.7);border:none !important;margin-bottom:0px;text-align:center;}
	.navbar-nav {padding-top:10px;}
	.navbar-nav.navbar-right {padding-top:0px;}
	.navbar li a {background:rgba(0,0,0,0.4);height:50px;justify-content: center}
}
.navbar li a:hover {color:rgba(255,255,255,1) !important;background:none !important;}
.navbar {background:#222021;border:none;}
/*** Bootstrap Hamburger Animation ***/
.navbar-toggle {margin-top:22px !important;border:none;background:none !important;}
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; background-color:white !important;}
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }

/* Footer */
#footer-bottom {background:#3a3a3a;height:80px;padding:0px 20px}
.footer-bottom-left {float:left;margin-top:35px;}
.footer-bottom-right {float:right;margin-top:20px; display : flex; align-items : center;}
@media screen and (max-width:531px) {
	.footer-bottom-left,
	.footer-bottom-right {
		width:100%;
		text-align:center;
	}
	#footer-bottom {
		height:auto;
		padding-bottom:40px;
	}
}

/* loader */
#loader {display:flex;justify-content:center;align-items:center;position:fixed;}
#loader-text {text-align:center;color:#1a1a1a;letter-spacing:3px;}
#loader-text span {font-family:'Raleway';color:#8a8a8a;}

/*TEMP*/
.carousel img {width:100%;}

/* icons */
.circular-fa {
	background:red;
	display:block;
	width:40px;
	height:40px;
	border-radius:100%;
	font-size:20px !important;
	text-align:center;
	padding:10px;
	background:#D4B566;
	margin-right:5px;
	cursor:pointer;
	cursor:hand;

    transition: all 0.14s ease-in-out;
    -webkit-transition: all 0.24s ease-in-out;
    -moz-transition: all 0.24s ease-in-out;
    -ms-transition: all 0.24s ease-in-out;
    -o-transition: all 0.24s ease-in-out;
}

.circular-fa:hover {
	background:#b99434;
}

/* text */
h1.h-main, h2.h-main {font-family:'Raleway';font-weight:100;}
h1.h-main {font-size:24px;letter-spacing:5px;}
h2.h-main {font-size:17px;letter-spacing:2px;}
.text-white {color:white;}
.text-gold {color:#D4B566;}
/* inputs + buttons */
.pp-input {width:100%;height:40px;line-height:40px;margin:3px 2px;outline:none;color:#1a1a1a;text-indent:5px;font-size:18px;}

.pp-btn {border-radius:0;padding:14px;margin:1px; text-align:center;letter-spacing:3px;cursor:pointer;}
.pp-btn.inline { display:inline-block; }
.pp-btn.block {display:block}
.hvr-underline-from-center:before {background:rgba(255,255,255,0.44) !important;}

.pp-btn.gold {background:#D4B566; color:white;}

/* core service trio */
.core-service img {width:100%;margin-top:12px;}
/* service grid */
.service-grid {text-align:center;padding:20px;}
.service-grid i {font-size:40px;color:#D4B566;}
.service-grid h2 {margin:10px 5px 20px;}
.service-grid p {position:relative;margin:0 auto;}

/* banners */
.full-window-banner {
	width:100%;
	height:100%;
	background: url(../img/banners/index.png) no-repeat center center;  /* add fixed for unscrollable!*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*@media (max-width: @iphone-screen) {
        background:url('../img/banners/index.png') no-repeat center center;
        -webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
		background-size:auto;
        background-position:0px 0px;
    }*/
}

#about-banner { 
	background:url('../img/banners/about.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	/*background-position:0px 4px;*/
	/*background-position:0px -400px;*/
}

#gallery-banner { 
	background:url('../img/banners/gallery.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	/*background-position:0px -600px;*/
}

#contact-banner { 
    background:url('../img/banners/contact.png') no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    /*background-position:0px -600px;*/
}

#repair-banner { 
    background:url('../img/banners/repair.png') no-repeat center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    /*background-position:0px -600px;*/
}

#services-banner { 
	background:url('../img/banners/services.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	/*background-position:0px -600px;*/
}

#quote-banner { 
	background:url('../img/banners/quote.png') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	/*background-position:0px 0px;*/
}

@media screen and (max-width:992px) {
	#about-banner, 
	#gallery-banner,
	#contact-banner,
	#services-banner {
		/*background-position:-200px 0;*/
	}
}

@media screen and (max-width:500px) {
	h1.h-main {font-size:15px;}
	.pp-btn.inline {width:100%;}
	.full-window-banner img {display:none;}
}

/* REPAIRS PAGE */
.flex-centered-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.flex-repair-services {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
} 

.flex-repair-services-child {
    flex-basis: 120px;
    padding: 5px;
    border:solid 1px rgba(255,255,255,0.3);
    text-align: center;
    min-width:120px;
    margin: 5px;
}

.repair-number {
    background:#D4B566;
    padding: 5px 20px;
    border-radius:5px;
    font-size:20px;
}

.repair-img-sean {
    max-width:400px;
    width:100%;
    border-radius: 1000px;
}