h1 {
font-size: 4.75rem;
line-height: 1.2;
color: #cecfd1;
display: inline-block;
margin-bottom: 0;
}

h1 hr {
border-width: 0;
border-bottom: 2px solid #cecfd1;
margin: -1px 0 5px;
line-height: 1;
width: 95%;
}

h1 span {
color: #e4832c;
line-height: 1;
}

h1 .small {
color: white;
font-size: 28px;
}

.narrow h1, .short h1 {
font-size: 3rem;   
}

h2 {
font-size: 3.25rem;
line-height: 1.2;
color: #cecfd1;
display: inline-block;
margin-bottom: 0;
}

h2:after {
border-bottom: 2px solid #cecfd1;
content: " ";
display: block;
margin-top: 2px;
width: 105%;
}

#portfolio h2:after {
width: 100%;   
}

#services h2 {
font-size: 3.75rem;   
color: #174367;
}

#services h2:after {
border-bottom: 2px solid #655e59;
}

.narrow h2, .short h2 {
font-size: 2.1rem!important;   
}

h2 span {
color: #e4832c;
}

h3 {
font-size: 2.6rem;
line-height: 1.2;
color: #174367;
display: inline-block;
margin-bottom: 0;
}

h3:after {
border-bottom: 2px solid #174367;
content: " ";
display: block;
margin-top: 5px;
margin-bottom: 5px;
    width: 105%;
}

.narrow h3, .short h3 {
font-size: 1.7rem;   
}

.about-2 a.back {
font-family: 'PT Sans', 'Helvetica', Helvetica, Arial, sans-serif;
display: block;
color: #fff;
position: absolute;
top: 105%;
}

h3 span {
color: #e4832c;
}

.centered {
text-align: center;
}

section {
/* background-size: cover; */
background-size: 100% 100%;
background-position: top center;
background-repeat: no-repeat;
width: 100%;
padding-top: 85px;
height: 100%;
}

.small-block-grid-3 img {
max-width: 135px;
cursor: pointer;
}

.short section {
padding-top: 30px;   
}

p {
color: white;
font-size: 18px;
}

.narrow p, .short p {
font-size: 15px;   
}

section p:first-of-type {
padding-top: 15px;
}

#main {
background-image: url(../images/background-main.jpg);   
}

#main .scroll-arrow {
margin-left: -25%;
}

#about {
background-image: url(../images/background-about.jpg);   
}

#about-2 {
position: relative;
overflow: hidden;
}

.about p {
text-align: justify;   
}

.about-2 { 
background-position: 50% 40%!important;
position: absolute;
top: 0;
z-index: 5;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
background-image: url(../images/background-about-2.jpg)!important;
}

.about-employees li {
height: 250px;
}

.short .about-employees li {
height: 200px;   
}

#paul-page {
background-image: url(../images/staff/paul.jpg);   
}

#michael-page {
background-image: url(../images/staff/michael.jpg);   
}

#joan-page {
background-image: url(../images/staff/joan.jpg);   
}

#julie-page {
background-image: url(../images/staff/julie.jpg);   
}

#connie-page {
background-image: url(../images/staff/connie.jpg);   
}

#rick-page {
background-image: url(../images/staff/rick.jpg);   
}

.about-employees {
z-index: 3;
position: absolute;
top: 0;
left: 0;
background: rgb(216,213,209); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,213,209,1) 0%, rgba(237,237,237,1) 74%, rgba(237,237,237,1) 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,213,209,1)), color-stop(74%,rgba(237,237,237,1)), color-stop(74%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(216,213,209,1) 0%,rgba(237,237,237,1) 74%,rgba(237,237,237,1) 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(216,213,209,1) 0%,rgba(237,237,237,1) 74%,rgba(237,237,237,1) 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(216,213,209,1) 0%,rgba(237,237,237,1) 74%,rgba(237,237,237,1) 74%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(216,213,209,1) 0%,rgba(237,237,237,1) 74%,rgba(237,237,237,1) 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d5d1', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */   
}

.about-2 h3 {
font-size: 4.5rem;
margin-bottom: -17px;
}

.about-2 h3:after {
display: none;   
}

.about-2 h3 span {
color: #f3f3f3;
}

.about-2 hr {
width: 90%;   
}

.about-2 p {
color: white!important;
font-size: 1em;
line-height: 1.4;
}

#services {
background-image: url(../images/background-services.jpg);   
}

#services p {
color: #174367;
}

#portfolio {
background-image: url(../images/background-portfolio.jpg);  
text-align: center;
}

#testimonials {
background-image: url(../images/background-testimonials.jpg);  
background-position: 50% 80%;
}

#testimonials .row {
margin-top: 8.5%;   
}

#news {
background: 
url(../images/stripe.png) 50% 64px no-repeat,
url(../images/background-news.jpg) 0% 0% no-repeat;
background-size: 1920px, 100% 100%;
}

.short #news {
background: url(../images/stripe.png) 50% 10px no-repeat, url(../images/background-news.jpg) 0% 0% no-repeat;
background-size: 1920px, cover;
}

#bid-room {
background-image: url(../images/background-bid-room.jpg);   
}

#bid-room h1 {
line-height: 1;
margin-top: 4%;
}

#bid-room h1:after {
display: none;   
}

#contact {
background-image: url(../images/background-contact.jpg);   
}

#contact p {
color: #fff;
font-size: 22px;
margin-top: -4px;
padding-top: 0;
}

#about-track {
padding-top: 0;
}

#header {
position: fixed;  
z-index:99;
width: 100%;
}

.logo {
text-align: center;
width: 100%;
height: 305px;
padding-top: 30px;
background: rgb(253,252,250); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2E2YTRhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZkZmNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmE0YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(166,164,161,1) 1%, rgba(253,252,250,1) 50%, rgba(166,164,161,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(166,164,161,1)), color-stop(50%,rgba(253,252,250,1)), color-stop(100%,rgba(166,164,161,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(166,164,161,1) 1%,rgba(253,252,250,1) 50%,rgba(166,164,161,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(166,164,161,1) 1%,rgba(253,252,250,1) 50%,rgba(166,164,161,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(166,164,161,1) 1%,rgba(253,252,250,1) 50%,rgba(166,164,161,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(166,164,161,1) 1%,rgba(253,252,250,1) 50%,rgba(166,164,161,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a4a1', endColorstr='#a6a4a1',GradientType=1 ); /* IE6-8 */
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
overflow: hidden;
position: relative;
}

.short .logo {
height: 180px;  
padding-top: 15px;
}

.shrink {
height: 180px;
}

.short .shrink {
height: 110px;
}

.big-logo, .small-logo {
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;  
position: absolute;
left: 50%;
}

.logo .big-logo {
opacity: 1;   
margin-left: -194px;
width: 388px;
height: 246px;
}

.logo .small-logo {
opacity: 0;  
margin-left: -304px;
width: 608px;
height: 115px;
}

.short .big-logo {
max-height: 150px;  
margin-left: -118px;
width: 237px;
height: 150px;
}

.short .small-logo {
max-height: 75px;   
margin-left: -198.5px;
width: 396px;
height: 75px;
}

.logo.shrink .big-logo {
opacity: 0;   
}

.logo.shrink .small-logo {
opacity: 1;  
}

#navigation {
background-color: #174367;
height: 75px;
width: 100%;
}

#navigation .row {
max-width: 87.500em;   
}

#navigation ul {
height: 75px;
float: left;
margin-left: 0;
}

#navigation li {
display: inline-block; 
height: 75px;
position: relative;
}

#navigation li a { 
height: 75px;
line-height: 75px;
padding-right: 46px;
text-transform: uppercase;
color: white;
font-size: 17px;
font-family: 'PT Sans', sans-serif;
}

#navigation li a:hover, #navigation li a.active { 
color: #49ace0;
}

#navigation li a.active:after {
width: 44px;
height: 21px;
background-image: url(../images/active-arrow.png);
background-size: 100%;
background-repeat: no-repeat;
display: block;
content: " ";
position: absolute;
left: 50%;
margin-left: -48px;
}

.short #navigation, .short #navigation ul, .short #navigation li {
height: 45px;
}

.short #navigation li a {
height: 45px;
line-height: 45px;
}

.phone {
float: left;
line-height: 75px;
text-transform: uppercase;
color: white;
font-family: 'Helv-Compressed', 'Bebas', sans-serif;
font-size: 23px;
padding-right: 46px;
}

.short .phone {
line-height: 45px;   
}

.phone a {
color: white;   
}

.scenic {
float: left;
line-height: 75px;
max-width: 200px;
}

.short .scenic {
line-height: 42px;   
}

.short .scenic img {
height: 30px;
}

#body {
padding-top: 380px;   
}

#body.scrolled {
padding-top: 255px;
}

.short #body.scrolled {
padding-top: 155px;
}

.short #body {
padding-top: 225px;
}

.scroll-arrow {
margin-top: 25px;
margin-bottom: 25px;
text-align: center;
width: 100%;
}

.scroll-arrow img {
width: 58px;
height: 30px;
}

.scroller {
height: 380px;
overflow-y: hidden;
position: relative; 
padding-right: 45px;
margin-top: 10px;
overflow-x: hidden;
}

.scroller {
height: 380px;
overflow-y: hidden;
position: relative; 
padding-right: 45px;
overflow-x: hidden;
margin-top: 10px;
}

.scroller h3 {
color: white;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 12px;
}

.scroller strong {
color: white;
}

.short .scroller {
height: 300px;   
}

.name, .title {
color: #174367;
font-size: 26px;
line-height: 1.2;
}

.name {
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
font-family: 'Bebas';
}

.name, .title {
color: #174367;
font-size: 24px;
line-height: 1.2;
}

.short .name, .short .title, .narrow .name, .narrow .title {
color: #174367;
font-size: 16px;
line-height: 1.2;
}

.scroller p {
color: #5c5858;   
text-align: justify;
padding-top: 0px!important;
}

#portfolio .slide-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: 82%;
width: 85%;
margin: 0 auto;
}


#portfolio .slide-bg img {
-webkit-box-shadow: -10px 10px 10px 0 rgba(0,0,0,.65);
box-shadow: -10px 10px 10px 0 rgba(0,0,0,.65);
margin: 0 auto;
}

.filter {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 30px auto 50px;
}

.short .filter {
margin: 20px auto 30px;   
}

.filter li {
display: inline-block;
color: white;  
margin-right: 50px;
cursor: pointer;
}

.slick-dots li:first-child button:before, .slick-dots li:last-child button:before {
font-size: 10px;
opacity: .5;
}

.slick-dots li:nth-child(2) button:before, .slick-dots li:nth-child(6) button:before {
font-size: 12px;
opacity: .65;
}

.slick-dots li:nth-child(3) button:before, .slick-dots li:nth-child(5) button:before {
font-size: 14px;
opacity: .8;
}

.slick-dots li:nth-child(4) button:before {
font-size: 16px;
opacity: 1;
text-shadow: 0 0 20px white;
cursor: default;
}

.filter li:hover, .filter li.active {
color: #dc873a;
}

blockquote {
color: white;
font-family: Times New Roman, serif;
font-size: 54px;
font-style: italic;
line-height: 1.3;
border-left: none;
text-align: right;
margin-bottom: .5rem;
background: 
url(../images/startquote.png) 0% 10% no-repeat,  /* On top,    like z-index: 4; */
url(../images/endquote.png) 100% 90% no-repeat;
}

blockquote:first-line {
text-align: left;
}

#testimonial-slider div {
cursor: ew-resize;
}

cite {
text-align: center;
color: white;
font-family: 'Helv-Compressed', sans-serif;
font-size: 40px;
font-weight: normal;
font-style: normal;
margin: -10px auto 0;
width: 100%;
display: block;
}

#news-slider .slide-bg {
width: 250px;
height: 248px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 125px;
margin: 0 auto;
}

#news-slider .slick-slide img {
margin: 0 auto;
width: 100%
}

#news-slider p {
margin: 50px auto 0;
width: 300px;
text-align: justify;
font-size: 20px;
}

#news-slider a.link {
text-align: center;
font-family: 'Bebas';
color: white;
font-size: 22px;
margin: 40px auto 0;
display: block;
border-bottom: 2px solid white;
width: 154px;
}

.map {
margin-bottom: 30px;
-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.4);
box-shadow: 0 0 40px 0 rgba(0,0,0,.4);
width: 77%;
}

.narrow .map {
width: 100%;   
}

input.button {
padding: 0;
width: 150px;
height: 45px;
display: block;
margin-top: 35px;
margin-left: 138px;
border-radius: 25px;
-webkit-border-radius: 25px;
-webkit-appearance: none;
font-weight: bold;
font-size: 20px;
background: #38a8db; /* Old browsers */
background: -moz-linear-gradient(top,  #38a8db 0%, #0e76b8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38a8db), color-stop(100%,#0e76b8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #38a8db 0%,#0e76b8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #38a8db 0%,#0e76b8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #38a8db 0%,#0e76b8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #38a8db 0%,#0e76b8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a8db', endColorstr='#0e76b8',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.65);
box-shadow: 3px 3px 10px 0 rgba(0,0,0,.65);
}

.social {
list-style-type: none;
display: block;
margin: 30px auto 0;
text-align: center;
margin-left: -19%;
}

.social img {
max-width: 52px;   
}

.narrow .social {
margin: 30px auto 0;
margin-left: auto;   
}

.short .social {
margin: 15px auto 0;  
}

.social li {
display: inline-block;
margin-right: 10px;
}

.contact {
font-size: 22px;
text-transform: uppercase;
color: #47423e;
line-height: 1.2;
}

.narrow .contact {
font-size: 16px;
text-transform: uppercase;
color: white;
line-height: 1.2;
}

.credit {
text-align: center;
color: #615a55;
margin: 160px auto 0;
margin-left: -100px;
padding-bottom: 30px;
}

.spacer {
display: inline-block;
width: 50px;
}

.photo-frame img {
margin-top: 30px;   
-webkit-box-shadow: 5px 5px 25px 0 rgba(0,0,0,.75);
box-shadow: 5px 5px 25px 0 rgba(0,0,0,.75);
}

.short .photo-frame img {
max-height: 225px;
float: right;
display: block;
}

@media screen and (max-width: 1420px) {
    .filter {
    font-size: 16px;   
    }
    
    .filter li {
    display: inline-block;
    color: white;
    margin-right: 30px;
    cursor: pointer;
    }
}

@media screen and (max-width: 1400px) {
    #navigation li a {
    padding-right: 35px;
    }   
    #navigation li a.active:after {
    margin-left: -40px;
    }
    .phone {
    line-height: 78px;
    font-size: 18px;
    padding-right: 35px;
    }
    .scenic img {
    height: 35px;
    }
}

@media screen and (max-width: 1200px) {
    #news {
    background: url(../images/stripe.png) 50% 35px no-repeat, url(../images/background-news.jpg) 0% 0% no-repeat;
    background-size: 1920px, cover;
    }
    .short #news {
    background: url(../images/stripe.png) 50% -20px no-repeat, url(../images/background-news.jpg) 0% 0% no-repeat;
    background-size: 1920px, cover;
    }
    #navigation li a {
    padding-right: 25px;
    font-size: 14px;
    }   
    #navigation li a.active:after {
    margin-left: -34px;
    }
    .phone {
    line-height: 78px;
    font-size: 16px;
    padding-right: 25px;
    }
    blockquote {
    font-size: 40px;  
    text-align: center;
    background-size: 55px auto;
    }
    cite {
    font-size: 28px; 
    }
    .spacer {
    display: none;
    }
    #news-slider .slide-bg {
    width: 200px;
    height: 198px;
    border-radius: 100px;
    }
    input.button {
    margin: 35px auto 0;
    }
    input[type=text], input[type=email], textarea {
    width: 100%;
    }
    .filter {
    font-size: 16px;   
    }
    
    .filter li {
    display: inline-block;
    color: white;
    margin-right: 15px;
    cursor: pointer;
    }
}

@media screen and (max-width: 1100px) {
    .phone {
    display: none;
    }
}

@media screen and (max-width: 1024px) {
    #navigation li a {
    padding-right: 15px;
    font-size: 14px;
    }   
    #navigation li a.active:after {
    margin-left: -30px;
    }
    .filter {
    font-size: 16px;
    }
    .filter li {
    margin-right: 25px;
    }
    blockquote {
    font-size: 26px;  
    text-align: center;
    background-size: 40px auto;
    max-width: 650px;
    margin: 0 auto 25px;
    }
    cite {
    font-size: 18px; 
    }
    #news-slider a {
    font-size: 18px;
    margin: 20px auto 0;
    }
}

@media screen and (max-height: 950px) {
    #portfolio .slide-bg {
    width: 75%;
    }   
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome, .phone{
    line-height: 65px;
    } 
}

/* Safari Mac Styles */

.safari-mac h1 hr {
margin: 10px auto 5px;   
}

.safari-mac h2:after {
margin-top: 10px;
}

.safari-mac h3:after {
margin-top: 12px;   
margin-bottom: 0px;
}

.safari-mac #services h2 {
font-size: 3.4rem;
}

.safari-mac #portfolio h2:after {
margin-top: 12px;   
}

.safari-mac .slick-list {
margin-bottom: -15px;   
}

.safari-mac #news-slider a {
width: 160px;   
}

.chrome-mac h1 hr {
margin-top: 10px;
}

.chrome-mac h2:after {
margin-top: 6px;
}

.chrome-mac h1 .small {
margin-top: 5px;
}

.fancybox-inner h4 {
font-family: 'PT Sans';
color: #174367;
font-size: 22px;
padding-left: 30px;
margin-top: -20px;
}

.fancybox-inner p {
font-family: 'PT Sans';
color: #174367;
font-size: 13px;
padding-left: 30px;
line-height: 1.2;
width: 80%;
}

.large-photo {
text-align: center;
margin: 0 auto;
background-repeat: no-repeat;
background-position: 50% 40%;
background-size: 90%;
}

.large-photo img {
display: block;
margin: 0 auto;
}



.short .large-photo {
max-height: 400px;   
background-size: 50%;
}

.short .large-photo img {
max-height: 400px; 
}

.short .news .large-photo {
width: 300px;
height: 300px;
}

.short .news .large-photo img {

}

.modal {
display: none;
}

.news .fancybox-skin {
background-image: url(../images/news-modal-bg.jpg);
background-size: cover;
}

.news .large-photo {
-webkit-box-shadow:inset 0 0 30px 0 rgba(0,0,0,.75);
box-shadow:inset 0 0 30px 0 rgba(0,0,0,.75);
width: 440px;
height: 440px;
border-radius: 220px;
border-radius: 220px;
background-size: cover;
background-position: center center;
margin-top: 35px;
}

.news h4 {
color: white;
text-align: center;
font-size: 28px;
margin-top: 20px;
}

.news p {
color: white;
padding: 0 75px;
width: 100%;
line-height: 22px;
font-size: 15px;
}

.news .fancybox-close {
background-size: 100%;
width: 36px;
height: 40px;
}

@media screen and (max-height: 800px) {
#portfolio {
padding-top: 80px;
}
}

@media screen and (max-height: 700px) {
#portfolio {
padding-top: 42px;
}
}

@media screen and (max-height: 600px) {
#portfolio {
padding-top: 10px;
}
}