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

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

body {
  font: 1em;
  font-family: 'Hind', sans-serif!important;
  color: #000;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
  overflow-x: hidden;
  position: relative;
}

p {font-family: 'Hind', sans-serif;}

.scrollup {
  width: 40px;
  height: 40px;
  opacity: 1;
  position: fixed;
  bottom: 20px;
  right: 0;
  display: none;
  text-indent: -8889px;
  background: url(graphics/icon_top.png) no-repeat;
  z-index: 888888888;
}

a {color:#888; text-decoration: none;}
a:hover {color:#222; text-decoration: none;}

.goldman {font-family: 'Goldman', cursive; transform:scale(1,1.1);}

.section {scroll-margin-top: 300px!important;}

/*BACK TO TOP*/
#button {
  display: inline-block;
  background-color: #222;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 0;
  position: fixed;
  bottom: 30px;
  right: 0;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #888;
}
#button:active {
  background-color: #222;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*END BACK TO TOP*/

.small {font-size: 90%!important;}
.smaller {font-size: 80%!important;}
.smallest {font-size: 70%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 125%!important;}
.largest {font-size: 135%!important;}

.lh-sm {line-height: 1.5em;}
.lh-md {line-height: 1.75em;}
.lh-lg {line-height: 2em;}

.gray {color:#888;}
.silver {color:#ddd;}
.white {color:#fff;}
.black {color:#222;}

.bar-gray {width:125px; border-top:6px solid #888;}
.bar-silver {width:125px; border-top:6px solid #ddd;}
.bar-black {width:125px; border-top:6px solid #222;}
.bar-white {width:125px; border-top:6px solid #fff;}

.divider {border-top: 1px solid #aaa;}

.border-pic {border-bottom: 10px solid #888!important;}
.border-rounded {border-radius: 20px;}
.shadow {-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.35)!important; box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.35)!important;}

h1 {
	font-family: 'Goldman', cursive;
	font-size: 3em;
	font-weight: 400;
	text-transform: uppercase;
	color:#222;
	letter-spacing: -.5px;
	transform:scale(1,1.1);
}

h2 {
	font-family: 'Goldman', cursive;
	font-size: 2.25em;
	font-weight: 400;
	color:#666;
	letter-spacing: -.5px;
	margin-top:-10px;
	transform:scale(1,1.1);
}

h3 {
	font-family: 'Goldman', cursive;
	font-size: 1.85em;
	font-weight: 800;
	text-transform: uppercase;
	color:#222;
	letter-spacing: -.5px;
	transform:scale(1,1.1);
}

h4 {
	font-family: 'Goldman', cursive;
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	color:#888;
	letter-spacing: -.5px;
	margin-top:-10px;
	transform:scale(1,1.1);
}

.h2-lg {font-size: 250%!important; color:#222;}

.header {
  z-index: 999999;
  background:#fff;
  -webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
  clear: both;
  padding:0!important;
  margin:0!important;
}

.sticky {
  position: fixed;
  background:#fff;
  top: 0;
  width: 100%;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.bg-top {background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='69.282' patternTransform='scale(1) rotate(15)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 7%, 1)'/><path d='M13.333-3.849v23.094M6.667-15.396l20 11.547M13.333-19.245l20 11.547M20 0v23.094m20-34.641l-6.667 3.849-6.666 3.849L20 0M0-11.547l6.667 3.849 6.666 3.849L20 0m0-23.094l20 11.547v23.094L20 23.094l-6.667-3.849-6.666-3.849L0 11.547v-23.094l6.667-3.849 6.666-3.849zM40-3.769L20 7.698m20-3.849l-16.253 9.384L20 15.396M6.667-7.698v23.094m6.666 50.037v23.094M6.667 53.886l20 11.547M13.333 50.037l20 11.547M20 69.282v23.094m20-34.641l-6.667 3.849-6.666 3.849L20 69.282M0 57.735l6.667 3.849 6.666 3.849L20 69.282m0-23.094l20 11.547v23.094L20 92.376l-6.667-3.849-6.666-3.849L0 80.829V57.735l6.667-3.849 6.666-3.849zm20 19.325L20 76.98m20-3.849L20 84.678M6.667 61.584v23.094m26.666-53.886v23.094m-6.666-34.641l20 11.547M33.333 15.396l20 11.547M40 34.641v23.094m20-34.641l-6.667 3.849-6.666 3.849L40 34.641M20 23.094l6.667 3.849 6.666 3.849L40 34.641m0-23.094l20 11.547v23.094L40 57.735l-6.667-3.849-6.666-3.849L20 46.188V23.094l6.667-3.849 6.666-3.849zm20 19.325L40 42.339m20-3.849L40 50.037M26.667 26.943v23.094M-6.667 30.792v23.094m-6.666-34.641l20 11.547M-6.667 15.396l20 11.547M0 34.641v23.094m20-34.641l-6.667 3.849-6.666 3.849L0 34.641m-20-11.547l6.667 3.849 6.666 3.849L0 34.641m0-23.094l20 11.547v23.094L0 57.735l-6.667-3.849-6.666-3.849L-20 46.188V23.094l6.667-3.849 6.666-3.849zm20 19.325L0 42.339m20-3.849L0 50.037m-13.333-23.094v23.094'  stroke-width='1' stroke='hsla(0, 0%, 13%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>"); overflow: hidden;}
.btn-top {
	background-color:#aaa;
	font-family: 'Goldman', cursive;
	font-size:1em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#222!important;
	transform:scale(1,1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #aaa;
}
.btn-top:hover {
	background:transparent;
	color:#ddd!important;
	cursor: pointer;
	border:2px solid #fff;
}

.offcanvas {border-top: none!important; padding:0!important;}
.offcanvas-header {padding:20px!important;}
.offcanvas-header .btn-close {padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: 0.5rem; margin-bottom: -0.5rem;}

.navbar-light .navbar-nav .nav-link {
  font-family: 'Goldman', cursive;
  font-size: 1.1em;
  font-weight: 400;
  text-transform: uppercase;
  color: #222;
  padding: 15px 1.6rem !important;
  margin:15px 0 0 0;
  transform:scale(1,1.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1em;
  border: 2px solid #fff;
}
.navbar-light .navbar-nav .nav-link:hover {color:#888!important; border: 2px solid #222;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {
	height:auto;
	padding:0!important;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.5);
	position: relative;
	margin-top:-125px;
}
.navbar-brand img {height:175px;}
.navbar-brand.js-scrolling {
	margin-top:-100px!important;
}
.navbar-brand.js-scrolling img {
	height: 125px;
	margin-top:80px!important;
	-webkit-transition: height 0.3s ease; 
	-moz-transition: height 0.3s ease; 
	-ms-transition: height 0.3s ease; 
	-o-transition: height 0.3s ease; 
	transition: height 0.3s ease;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#222!important;}

.content-index {font-family: 'Hind', sans-serif; min-height:350px; font-weight: 500; letter-spacing: -.5px;}

.content {font-family: 'Hind', sans-serif; min-height:750px; font-weight: 500; letter-spacing: -.5px;}
.content a {color: #888; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color: #222; text-decoration: none;}
.btn-content {
	background-color:#666;
	font-family: 'Goldman', cursive;
	font-size:1em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 0;
	transform:scale(1,1.25)!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:5px solid #666;
}
.btn-content:hover {
	background:#222;
	color:#ddd!important;
	cursor: pointer;
	border:5px solid #222;
}

.btn-content-b {
	background-color:#222;
	font-family: 'Goldman', cursive;
	font-size:1em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#ddd!important;
	letter-spacing: 0;
	transform:scale(1,1.25)!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:5px solid #222;
}
.btn-content-b:hover {
	background:#666;
	color:#fff!important;
	cursor: pointer;
	border:5px solid #666;
}

.btn-em {
	background-color:#666;
	font-family: 'Goldman', cursive;
	font-size:.825em!important;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: .5px!important;
	transform:scale(1,1.25)!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:5px solid #666;
}
.btn-em:hover {
	background:#222;
	color:#ddd!important;
	cursor: pointer;
	border:5px solid #222;
}

.content-index {font-family: 'Hind', sans-serif!important; min-height:350px; font-weight: 500; letter-spacing: -.5px;}
.index-text {font-family: 'Hind', sans-serif!important; font-size: 1.1em; font-weight: 600; line-height: 2em;}

.bg-tagline {background-image: url("graphics/bg-tagline.jpg");}
.h2-tagline {font-size: 2.75em; color:#fff!important; letter-spacing: -1px;}
.tagline-text {font-size: 1.4em; color:#fff; letter-spacing: -.5px;}
.tagline-text a {color: #ddd; text-decoration: underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.tagline-text a:hover {color: #fff; text-decoration: underline;}
.btn-tagline {
	background-color:#666;
	font-family: 'Goldman', cursive;
	font-size:1.35em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	transform:scale(1,1.1);
	letter-spacing: 2.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:2px solid #666;
}
.btn-tagline:hover {
	background:transparent;
	color:#fff!important;
	cursor: pointer;
	border:2px solid #fff;
}

.footer {font-family: 'Goldman', cursive; font-size: .95em; font-weight: 400!important; letter-spacing: -.5px;}
.footer a {color:#222; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color:#888; text-decoration:none;}
.footer ul {padding:0; margin:0; text-align:center; font-size: 1.1em;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 0 0 75px;}
.footer ul li:last-child:after {content:'';}

.fb-footer {font-size: 1.15em;}
.fb-footer a {color:#888; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.fb-footer a:hover {color:#ddd; text-decoration:none;}

.bg-anchor {font-family: 'Hind', sans-serif!important; background:#111; color:#fff; font-size: .7em; font-weight: 500; letter-spacing: -.25px;}
.bg-anchor a {color:#fff; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#888; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:center;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#888; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:'';}

.index-text {font-family: 'Hind', sans-serif!important; font-size: 1.25em; font-weight: 600; line-height: 2.25em;}

.bg-services {background:#ddd;}
.services-text {font-family: 'Hind', sans-serif!important; font-size: 1.05em; font-weight: 700; text-transform: uppercase; line-height: 1.85em;}
.services-text ul {padding:0; margin:0;}
.services-text ul li {list-style-type:none!important; display:block!important;}
.services-text ul li:before {content:'•'!important; color:#888; margin:0 10px; font-weight: 900;}
.services-text ul li:after {content:'';}
.services-text ul li:last-child:after {content:'';}
.btn-services {
	background-color:#222;
	font-family: 'Goldman', cursive;
	font-size:.875em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: -.5px;
	transform:scale(1,1.25)!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:5px solid #222;
}
.btn-services:hover {
	background:#888;
	color:#fff!important;
	cursor: pointer;
	border:5px solid #888;
}

.bg-callout {background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='69.283' height='40' patternTransform='scale(2) rotate(15)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 0%, 1)'/><path d='M46.189-20L57.736 0M46.189 20l11.547 20m-46.189 0l11.547 20M11.547 0l11.547 20m40.415 30H40.415M28.868 30H5.774m23.094-40H5.774m57.735 20H40.415m0 20L28.868 50m11.547-60L28.868 10m46.188 0L63.509 30M5.774 10L-5.773 30m75.056 10H46.189L34.64 20 46.19 0h23.094C73.13 6.667 76.98 13.333 80.83 20zM57.736 60H34.64L23.094 40l11.547-20h23.095c3.848 6.667 7.698 13.333 11.547 20L57.736 60zm0-40H34.64L23.094 0l11.547-20h23.095L69.283 0c-3.87 6.7-8.118 14.06-11.547 20zM34.64 60H11.547L0 40l11.547-20h23.094L46.19 40 34.64 60zm0-40H11.547L0 0l11.547-20h23.094L46.19 0 34.64 20zM23.094 40H0l-5.773-10-5.774-10L0 0h23.094l11.547 20-11.547 20z'  stroke-width='1' stroke='hsla(0, 0%, 7%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>"); background-attachment: fixed;}

.callout-container {font-family: 'Hind', sans-serif!important; background:#fff; position: relative; font-weight: 600;}
.callout-container img {width:97%; margin:-50px auto 15px auto;}
.callout-title {font-family: 'Goldman', cursive; color:#666; font-size: 1.35em; letter-spacing: -.5px; transform:scale(1,1.1)!important;}
.btn-callout {
	background-color:#666;
	font-family: 'Goldman', cursive;
	font-size:.9em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 0;
	transform:scale(1,1.25)!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:3px solid #666;
	width:50%;
	margin:auto 25% auto -25%;
	position: absolute;
}
.btn-callout:hover {
	background:#444;
	color:#fff!important;
	cursor: pointer;
	border:3px solid #444;
}
.btn-callout-more {
	background-color:#666;
	font-family: 'Goldman', cursive;
	font-size:1em;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#fff!important;
	letter-spacing: 0;
	transform:scale(1,1.25)!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:3px solid #666;
}
.btn-callout-more:hover {
	background:#fff;
	color:#222!important;
	cursor: pointer;
	border:3px solid #fff;
}

.intro-text {font-family: 'Hind', sans-serif!important; font-size: 1.15em; font-weight: 600; line-height: 2.5em; letter-spacing:-.5px!important;}

.portfolio-heading {font-family: 'Goldman', cursive; font-size: 1.5em; font-weight: 600; text-transform: uppercase;	color:#888;	letter-spacing: -.5px; margin-top:-10px; transform:scale(1,1.1);}

.contact-phone {font-family: 'Goldman', cursive; font-size: 1.5em; font-weight: 700; color:#222; transform:scale(1,1.1)!important;}
.contact-phone a {color: #222; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.contact-phone a:hover {color: #ddd; text-decoration: none;}

.contact-email {font-family: 'Goldman', cursive; font-size: 1.25em; font-weight: 700; color:#222; transform:scale(1,1.1)!important;}
.contact-email a {color: #222; text-decoration: underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.contact-email a:hover {color: #ddd; text-decoration: underline;}

/*FORM*/
#form {
        width:100%;
        float:left;
		font-size: 17.6px!important;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding:2.5% 0;
        clear: left;
		
        }
        
textarea, input, select{
        border-top:0;
		border-right:0;
		border-left:0;
		border:1px solid #ccc;
        padding:2.5%;
        width: 100%;
        }

label{
        font-weight: 600!important;
		font-size: 90%;
        }       
        
textarea:focus, input:focus, select:focus{
        border: 1px solid #ddd;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

.submit {
	padding:.5%!important;
	background:#222; 	
	color:#ddd!important;
	font-family: 'Goldman', cursive;
	font-size:1.5em;
	font-weight:700;
	text-transform:uppercase;
	transform:scale(1,1.1)!important;
	letter-spacing: -.5px;
	border:1px solid #222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#888!important;
	color:#fff!important;
	cursor:pointer;
	border:1px solid #888;
}

input {padding:7px!important;}
/*END FORM*/

@media (max-width: 1400px) {
.h2-tagline {font-size: 2.5em;}
.tagline-text {font-size: 1.25em;}
.footer ul {font-size: 1.1em;}
.footer ul li:after {content:''; margin:0 0 0 50px;}
}

@media (max-width: 1200px) {
.navbar-brand {margin-top:-25px;}
.navbar-brand img {height:125px;}
.navbar-brand.js-scrolling img {margin-top:75px!important;}
.footer ul {font-size: 1em;}
.footer ul li:after {content:''; margin:0 0 0 15px;}
}

@media (max-width: 992px) {
.footer ul {font-size: 1.15em; line-height: 2em;}
.footer ul li {display:block;}
.footer ul li:after {margin:0;}
}

@media (max-width: 480px) {
.footer ul {font-size: 1em; line-height: 2em;}
.bg-anchor {letter-spacing: -.5px!important;}
.bg-anchor ul {text-align: center!important;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
}

@media (max-width: 375px) {
.tagline-text {font-size: 1.15em;}
.footer ul {font-size: 1em;}
.btn-services {font-size:.7em!important; letter-spacing: -.5px;}
.btn-callout-more {font-size: .8em!important;}
}