/* ----------------Base styles------------------- */

body
{
font-family: 'Kumbh Sans', sans-serif;
font-weight:100;
padding:0;
margin:0;
height:100%;
font-size:100%;
-webkit-tap-highlight-color: rgba(132,63,5,.2);
background-color:white;
line-height:1.5;
text-rendering: optimizeLegibility;
}

h2,h3
{
color:black;
margin-bottom:.5em;
}

h1,h2,h3,h4,p
{
text-align:left;
padding:.5em;
font-weight:normal;
}

strong
{
 font-family: 'PT Sans', sans-serif;
font-weight:700;
letter-spacing:.05em;
}

p,li
{
font-size:90%;
}

p,li,blockquote
{
color:#333;
letter-spacing:.01em;
}

a, #Inputfield_submit
{
color:#840505;
letter-spacing:.01em;
-ms-transition: color .5s ease;
-o-transition: color .5s ease;
-moz-transition: color .5s ease;
-webkit-transition: color .5s ease;
transition: color .5s ease;
border:none;
}


a:hover
{
color:#333;
}

h1,h2,h3,h4
{
text-align:center;
/*letter-spacing:.05em;*/
font-family: 'Kumbh Sans', sans-serif;
}

h1
{
font-size:2.25em;
color:black;
}

h2, h3, h4
{
font-size:1.5em;
}

h3
{
margin:0;
font-size:125%;
text-align:center;
}

button
{
padding: .5em;
}

blockquote
{
text-align:center;
font-style:italic;
}

iframe
{
width:100%;
border:1px solid #333;
height:20em;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
border:1px solid #ebebeb;
}

a:focus 
{ 
outline: none; 
}

::selection 
{
background: #840505; /* Safari */
color:white;
background: #333;
}

::-moz-selection 
{
background: #840505; /* Firefox */
color:white;
background:#333;
}

/*--------------Smallscreen/Widescreen Common----------------------*/

.row
{
overflow:hidden;
}

.rowContainer
{
max-width:1200px;
margin: 0 auto;
overflow:hidden;
margin-top:.5em;
margin-bottom:.5em;
}

.rowExtended
{
margin: 0 auto;
max-width:100%;
}

.content .row
{
padding-top:.25em;
padding-bottom:.25em;
}

.content
{
margin-top:6.25em;
background-color:white;
z-index:2;
}

/*------------------Classes for when I don't feel like creating a new class or targeting an id---------------------*/

.floatRight
{
float:right;
}

.floatLeft
{
float:left;
}

.floatNone
{
float:none;
}

.relative
{
position:relative;
}

.absolute
{
position:absolute;
}

.fixed
{
position:fixed;
}

.block
{
width:100%;
overflow:hidden;
clear:left;
padding-top:1em;
}

.clear
{
clear:both;
}

.clearLeft
{
clear:left;
}

.alignLeft
{
text-align:left;
}

.alignRight
{
text-align:right;
}

.alignCenter
{
text-align:center;
}

.alignCenter p, .alignCenter h2
{
text-align:center
}

.centered
{
margin: 0 auto;
float:none;
}

.padded
{
padding:1.5em;
}

.paddedTop
{
padding-top:1.5em;
}

.paddedBottom
{
padding-bottom:1.5em;
}

.margined
{
margin:1em;
text-align:center;
}

.marginedNone
{
margin:0;
}

.marginedTop
{
margin-top:2em;
}

.marginedTopbottomNone
{
margin-top:0;
margin-bottom:0;
}

.marginedBottom
{
margin-bottom:2em;
}

.paddedNone
{
padding:0;
}

.overflowHidden
{
overflow:hidden;
}

.overflowVisible
{
overflow:visible;
}

.overflowAuto
{
overflow:auto;
}

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

.hidden
{
display:none;
}

.shown
{
display:block;
}

.borderedTop
{
border-top: 1px solid #ebebeb;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.borderedBottom
{
border-bottom: 1px solid #ebebeb;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.bordered, .borderedFull
{
border: 1px solid #ebebeb;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}


.borderedNone
{
border: 0;
}

.rounded, .designTeam .rounded
{
border-radius:100%;
}

.noScroll
{
height:100%;
overflow:hidden;
}

/********** Put Header Styles Here ***********/

header
{
width:100%;
position:fixed;
left:0;
top:0;
z-index:9999;

}



header .rowContainer
{
margin-bottom:0;
margin-top:0;
}

.mainNav 
{
width:100%;
margin: 0 auto;
}

.mainNav .currentParent  a
{
color: #840505;
}

.mainNav a
{
letter-spacing:.01em;
color:#333;
font-size:100%;
-webkit-transition: color .5s ease;
-moz-transition: color .5s ease;
-o-transition: color .5s ease;
transition: color .5s ease;
}

.mainNav a:hover
{
color:#840505;
}

#logo
{
text-align:left;
overflow:hidden;
float:left;
margin: 0 auto;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
margin-top:.5em;
width:60%;
margin-left:2%;
text-align:center;
margin-bottom:1em;
text-align:left;
}

#logo img
{
max-width:175px;
display:block;
height:auto;
}

header h3
{
text-align:right;
font-size:150%;
}

#headerWrapper
{
background-color:white;
z-index:9999; 
}

nav ul
{
padding:0;
margin:0 auto;
}

.mainNav ul li
{
text-align:center;
}

.mainNav ul li a
{
width:100%;
}

#topNavSection
{
clear:both;
width:100%;
background-color:#fbfbfb;
}

#topNavSection li a
{
display:block;
padding-top:1em;
padding-bottom:1em;
border-bottom:2px solid white;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

#mobileMenu
{
width:30%;
float:right;
text-align:center;
list-style:none;
display:block;
height:100%;
color:#333;
padding-bottom:1em;
background-color:#fbfbfb;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
box-shadow: 0 0 1px #cbcbcb;
}

#mobileMenu li
{
width:75%;
height:100%;
display:block;
margin-left:auto;
margin-right:auto;
}

#mobileMenu li a
{
float:none;
margin-top:2.5em;
display:block;
font-size:1em;
color:#333;
}

#mobileMenu li a:hover
{
color:#840505;
}

#mobileSection
{
width:65%;
float:left;
text-align:center;
}

#mobileSection ul li
{
list-style:none;
}

#mobileSection ul li a
{
display:block;
text-align:center;
padding-top:3.5em;
padding-bottom:3.5em;
}

/***************** Content Classes *************/
/***************** Covid-19 Home Banner *****************/
.backgroundYellow
{
background-color:yellow;
}

.content .announcement
{

padding-top:.05em;
padding-bottom:0em;
display:none;
}

/*******************End home banner ***************/

.outerContainer
{
width:100%;
overflow:hidden;
}

.sliderRow
{
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
}

.appleOS .sliderRow
{
    background-attachment:scroll;
}

.designTeam
{
padding-top:10em;
}
/*
.designTeam p{
  text-align:left;
}
*/
.designTeam .rowContainer
{
border-bottom:1px solid #ebebeb;
padding-bottom:4em;
}


.buttonLink-1,.buttonLink-2
{
 display:block;
 padding:.5em;
 width:12em;

 text-align: center;
 margin-left: auto;
 margin-right:auto;
 float:none;
}

.buttonLink-2
{
	margin-top:1em;
}

.testimonialsSection .buttonLink-1 
{
float:none;
margin-right:auto;
margin-left:auto;
}

.testimonialsSection
{
background-repeat: no-repeat;
background-size:cover;
padding-top:15em;
padding-bottom:15em;
background-attachment:fixed;
}

.appleOS .testimonialsSection
{
    background-attachment:scroll;
}


.testimonialsSection a
{
margin-top:.5em;
}



.testimonialText
{
background-color: white; 
padding:3em;
background-position: center center;
background-repeat: no-repeat;
background-size: 25% 25%;
}

.appleOS .testimonialText
{
 background-color: rgba(255, 255, 255, .9);   
}

.testimonialText h2
{
margin-bottom:.5em
}

.buttonLink-1
{
border: 1px solid #840505;
}

.buttonLink-1:hover
{
  background-color: #840505;
  color:white;
}
.buttonLink-2
{
  border: 1px solid #2FA7A7;
  color: #2FA7A7;
}

.buttonLink-2:hover
{
background-color: #2FA7A7;
color:white;
}

.designTeam img
{
  display:block;
  box-sizing:border-box;
}


.content ul
{
margin-left:1em;
}

.content li
{
color: #333;
/*letter-spacing: .01em;*/
margin:1em;
margin-left:1.5em;
list-style-image: url('//d2640v17mgynba.cloudfront.net/templates/styles/images/checkmark.png');
}

.content .sliderRow
{
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom:0;
background-color:white;
border-bottom: 1px solid #ebebeb;
}


.homeImageHolder
{
width:90%;
max-width:960px;
height:auto;
border: .45em solid white;
box-shadow: 0 0 20px white;
margin: 0 auto;
margin-bottom:1em;
overflow:hidden;
-ms-transition: border .5s ease;
-moz-transition: border .5s ease;
-o-transition: border .5s ease;
-webkit-transition: border .5s ease;
transition: border .5s ease;
}

.content .turnKeyRow 
{
padding-bottom:85%;
background-size:cover;
background-repeat:no-repeat;
background-position: -25%;
position:relative;
margin-top:1.5em;
background-image:url("//d2640v17mgynba.cloudfront.net/templates/styles/images/drawing-background-2.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:-25%;
}

.content .announcementRow
{
background-color:white;
display:none;
}

#turnKeyContent
{
text-align:center;
position:absolute;
overflow-y: auto;
overflow-x:hidden;
width:100%;
height:90%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background-color: rgba(255,255,255,.9); 
}

#turnKeyContent h3
{
text-align:center;
color:#333;
margin-top:1em;
}


.content #turnKeyContent a
{
margin: 0 auto;
margin-top:.5em;
display:block;
text-align:center;
width:55%;
padding-top:.5em;
padding-bottom:.5em;
border-radius:2px;
color:white;
background-color:white;
border:1px solid #ebebeb;
color:#333;
-ms-transition:background-color .5s ease, border .5s ease, color .5s ease;
-o-transition:background-color .5s ease, border .5s ease, color .5s ease;
-moz-transition:background-color .5s ease, border .5s ease, color .5s ease;
-webkit-transition:background-color .5s ease, border .5s ease, color .5s ease;
transition:background-color .5s ease, border .5s ease, color .5s ease;
}

#turnKeyContent a:hover
{
background-color:#840505;
border:1px solid transparent;
color:white;
}

.covered
{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
border-top: 0;
background: -ms-linear-gradient(rgba(251,251,251, 1) 1%, rgba(251,251,251,.2));
background: -o-linear-gradient(rgba(251,251,251, 1) 1%, rgba(251,251,251,.2));
background: -moz-linear-gradient(rgba(251,251,251, 1) 1%, rgba(251,251,251,.2));
background: -webkit-linear-gradient(rgba(251,251,251, 1) 1%, rgba(251,251,251,.2));
background: linear-gradient(rgba(251,251,251, 1) 1%, rgba(251,251,251,.2));
/*border-bottom:1px solid #ebebeb;*/
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.slider
{
padding-bottom:5em;
}


.slider img
{
width:100%;
height:auto;
display:block;
}

.slider h1
{
text-align:center;
padding:0;
color: black;
margin:0;
padding:0;
padding-top:.25em;
padding-bottom:.75em;
}

.gallery .slider h1, .door .slider h1
{
padding:0;
}

.content .bodyHome h2
{
text-align:center;
/*background-color: rgba(251,251,251,.5);*/
padding-top: 1em;
margin-top:0;
margin-bottom:0;
}

.content .bodyHome
{
padding-bottom:1.5em;
}
/*
.content .bodyHome ul
{
margin-left: 6.25em;
padding-bottom: 3.5em;
}
*/

.content .mainHeadingRow
{
margin-bottom:0;
}

.content h2
{
margin-top:.5em;
}

.content .breadcrumbs
{
margin-top:0;
margin-bottom:0;
}

.content .breadcrumbs .rowContainer
{
margin-top.25em;
margin-bottom:.25em;
}

.content .breadcrumbs ul li
{
float:left;
list-style:none;
margin: .25em;
color:#999;
}

#mainHeading
{
text-align:center;
}

.content p
{
clear:left;
}

.bodyCopy p
{
text-align:left;
}

.basic-page .content h2, .basic-page .content h2, .testimonials .content h2
{
text-align:left;
padding-top:.5em;
padding-bottom:0;
margin-bottom:0;
padding-left:.15em;
}

.page_products .content h2
{
text-align:left;
}

.page_products .content h3
{
word-wrap: break-word;
}
.bodyCopy h1
{
text-align:left;
}

.galleries p, .gallery p,
{
text-align:left;
}

.galleryPortal
{
/*max-height:275px;*/
position:relative;
margin-bottom: 1.5em;
height: auto;
overflow: hidden;
display:block;
}


.portfolio .galleryPortal p {
    position: absolute;
}


.portfolioPortal
{
max-height:300px;
position:relative;
}

.portfolioPortal img, .galleryPortal img
{
width:100%;
height:auto;
display:block;
}

.portfolioPortal p, .galleryPortal p
{
position:absolute;
position:relative;
bottom:0;
text-align:center;
background-color:white;
color:#333;
width:100%;
-ms-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-webkit-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;
padding-left:0;
padding-right:0;
padding-top:1em;
padding-bottom:1em;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.portfolioPortal, .galleryPortal
{
border:1px solid #ebebeb;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.portfolioPortal:hover p, .galleryPortal:hover p
{
-moz-box-shadow: 0 0 25px white;
-webkit-box-shadow: 0 0 25px white;
box-shadow: 0 0 25px white;
}

.content .door img
{
width:auto;
max-width:100%;
margin-top:3em;
height:auto;
max-height:500px;
}

.door, .door p
{
text-align:center;
}
/*
.category a, #Inputfield_submit
{
display:block;
margin:0 auto;
margin-top:1em;
padding-top: .5em;
padding-bottom: .5em;
width:75%;
background-color:white;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;         
border:1px solid #ebebeb;
-ms-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-webkit-transition: background-color .5s ease;
transition: background-color .5s ease;
letter-spacing:.1em;
text-align:center;
border-radius:2px;
color:#666;
font-style:italic;
}
*/

#Inputfield_submit
{
width: 35%;
cursor: pointer;

}

.category a:hover, .category .currentCategory,  #Inputfield_submit:hover, .recommendationRow .recommendLink a:hover
{
color:white;
background-color:#c57b3e;
background-color:#840505;
}

.galleries .content h2
{
text-align:center;
margin-top:0;
margin-bottom:0;
}

.recommendationHeading
{
border-top:1px solid #c8c8c8;
}

.recommendationHeading h2
{
margin-top:0;
}

.recommendationRow
{
border-top:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
margin-top:0;
padding-bottom:2.5em;
background-color:white;
}

.content .recommendationRow h2
{
text-align:center;
padding-top:1em;
padding-bottom:1em;
margin-top:0;
}

.recommendationRow img
{
width:100%;
max-height:15em;
}

.recommendationRow .recommendLink a
{
display:block;
margin: 0 auto;
padding-top:1em;
padding-bottom:1em;
margin-bottom:.5em;
text-align:center;
width:100%;
background-color:white;
border: 1px solid #ebebeb;
border-radius:2px;
-ms-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-webkit-transition: background-color .5s ease;
transition: background-color .5s ease;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
color:#666;
}

.productListHolder
{
margin-top:1.5em;
}

.content .productListHolder ul
{
margin:0;
}

.productListHolder li
{
text-align:center;
list-style:none;
}

.productListHolder h3
{
text-align:center;
}

/**** SideBar ****/

#sideBar
{
padding-bottom: .5em;
border:1px solid #ebebeb;
border-radius:2px;
background-color:white;
}

#sideBar h2
{
text-align:center;
color:#333;
margin:0;
margin-bottom:1em;
padding:.5em;
border-bottom:1px dotted #ebebeb;
width:96%;
margin-left:2%;
margin-right:2%;
padding-left:0;
padding-right:0;
}

.sideNav a
{
/*color:#840505;*/
color:#666;
border-radius:2px;
background-color:white;
-ms-transition: background-color .5s ease, border .5s ease;
-o-transition: background-color .5s ease, border .5s ease;
-moz-transition: background-color .5s ease, border .5s ease;
-webkit-transition: background-color .5s ease, border .5s ease;
transition: background-color .5s ease, border .5s ease;
}

.sideNav a:hover
{
background-color:#840505;
color:white;
border:1px solid transparent;
}

.sideNav a,.recommendLink a, .category a,#turnKeyContent a, #showContentSection a, #mobileExit a {
    font-style: italic;
}
.currentChild a
{
background-color:#840505;
color:white;
border:1px solid transparent;
}

.sideBarImage
{
width:95%;
margin-top:2em;
margin-left: auto;
margin-right: auto;
position: relative;
}

.sideBarImage p
{
text-align:center;
height:auto;
color:#333;
}

.sideBarImage h4
{
color:#333;
text-align:center;
font-size:.94em;
font-size:100%;
}

.sideBarImage img
{
max-width:100%;
border:.45em solid white;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
box-shadow: 0 0 1px #333;
height:auto;
}

.button a
{
display:block;
padding: .5em;
}

.no-js .fancyFade
{
display:none;
}

noscript #noJSMessage
{
position:absolute;
width:40%;
top:25%;
left:0;
right:0;
margin: auto;
background-color: rgb(255,255,255);
background-color: rgba(255,255,255, .8);
text-align:center;
display:block;
}

.exploreServices
{ 
padding-bottom:55%;
width:85%;
background-repeat:no-repeat; 
background-size:cover; 
}

.exploreServices
{
-ms-transition: box-shadow .5s ease;
-o-transition: box-shadow .5s ease;
-moz-transition: box-shadow .5s ease;
-webkit-transition: box-shadow .5s ease;
transition: box-shadow .5s ease;
}

.exploreInner
{
padding-top:.5em;
padding-bottom:.5em;
margin-bottom:.5em;
margin-top:.5em;
}

.exploreInner:hover .exploreServices
{
box-shadow: 0 0 15px 15px #fbfbfb inset;
}

.content .MarkupPagerNav
{
margin: 0;
padding: 0;
overflow:hidden;
text-align:center;
width:100%;
}

.content .MarkupPagerNav li
{
list-style: none;
display: inline;
word-wrap: break-word;
}

.MarkupPagerNavOn
{
border-bottom: 1px solid #840505;
}

.ui-state-error
{
text-align:center;
color:white;
display:block;
}

#contact-form
{
margin:0 auto;
width:96%;
margin-top:2.5em;
background-color:white;
padding-top:1em;
padding-bottom:1em;
margin-bottom:1.5em;
border:1px solid #ebebeb;
}

#contact-form input
{
width:85%;
height:1.5em;
border:1px solid #ebebeb;
background-color:white;
padding:.25em;
color:#333;
font-family: 'Kumbh Sans', sans-serif;
font-weight:100;
}

#contact-form #prefix
{
    opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
}

#contact-form textarea
{
width:85%;
resize:none;
height:10em;
background-color:white;
border:1px solid #ebebeb;
border-radius:2px;
padding:.25em;
font-family: 'Kumbh Sans', sans-serif;
font-weight:100;
color:#333;
}

button
{
font-family: 'Kumbh Sans', sans-serif;
}

#contact-form ul li
{
list-style:none;
text-align:center;
}

#contact-form h2
{
text-align:center;
}

.content .Inputfields
{
padding:0;
margin:0;
}


.mobileHidden, img.mobileHidden
{
display:none;
}



/*------------------footer---------------------*/

footer
{
width:100%;
clear:left;
margin: 0 auto;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
overflow:hidden;
}

footer p
{
font-size:100%;
}

.footerContent
{
max-width:1200px;
margin:0 auto;
margin-bottom:1em;
padding-top:1em;
}

#mapSection
{
background-color:#333;
overflow:hidden;
margin-top:3em;
/*padding-bottom:2em;*/
}

.home #mapSection
{
margin-top:0;
}

#mapSection h2
{
text-align:center;
padding:0;
color:white;
margin-top:1.5em;
border-bottom:0;
margin-bottom:0;
}

.content .mapHeading
{
padding-top:.5em;
padding-bottom:.5em;
}

.maps iframe
{
width:100%;
height:200px;
border:none;

box-shadow: 0 0 5px white;
/*margin-top:2em;
margin-bottom:1em;*/
}


.locationButtons a
{
display:block;
margin: 0 auto;
width:65%;
text-align:center;
color:#2FA7A7;
padding-top:.5em;
padding-bottom:.5em;
margin-top:.5em;
margin-bottom:.5em;
/*background-color:rgba(197,123,62,.6);*/
background-color:white;
-ms-transition: background-color .5s ease, color .5s ease
-o-transition: background-color .5s ease, color .5s ease;
-moz-transition: background-color .5s ease, color .5s ease;
-webkit-transition: background-color .5s ease, color .5s ease;
transition: background-color .5s ease, color .5s ease;
letter-spacing:.1em;
}

.locationButtons a:hover
{
background-color:#2FA7A7;
color:white;
}

.locationButtons .shownLocation
{
background-color:#2FA7A7;
color:white;
}

#testimonialsFooter .rowContainer
{
position:relative;
height:100%;
overflow:hidden;
margin-bottom:0;
}

#testimonialsFooter
{
background-color:#fbfbfb;
border-top: 1px solid #c8c8c8;
padding-top:3em;
overflow:hidden;
padding-bottom:1em;
}

.testimonial
{
float:left;
top:0;
left:0;
display:block;
width:25%;
height:100%;
margin:0 auto;
padding:0;
margin-top:2em;
margin-bottom:2em;
position:relative;
}

.testimonial p
{
text-align:center;
}

#next, #prev
{
position:absolute;
background-repeat: no-repeat;
background-position: center center;
background-size:5%;
}

#next
{
right:1em;
background-image:url('//d2640v17mgynba.cloudfront.net/templates/styles/images/right-arrow.png');
background-position: top 35% right 35%;
}

#prev
{
left:1em;
background-image:url('//d2640v17mgynba.cloudfront.net/templates/styles/images/left-arrow.png');
background-position-x: 10%;
background-position-y: 35%;
background-position: top 35% left 35%;
}

.cs_wrapper 
{
position:relative;
display:block;
width:35%;
height:100%;
margin:0 auto;
padding:0;
overflow:hidden;
height:20em;
}

.buttonHolder
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}

.buttonHolder #prev
{
position:absolute;
display:block;
width:32.5%;
height:100%;
left:.5em;
}

.buttonHolder #next
{
position:absolute;
display:block;
width:32.5%;
height:100%;
right:.5em;
text-align:right;
}

.cs_slider 
{
position:absolute;
width:400%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
}

.cs_article 
{
float:left;
position:relative;
top:0;
left:0;
display:block;
width:33%;
height:100%;
margin:0 auto;
padding:0;
}

#copyright
{
margin-bottom:.25em;
}

#copyright p
{
font-size:75%;
text-align:center;
color:white;
}

#copyright a
{
color: white;
text-decoration:underline;
}

.socialRow
{
overflow:hidden;
background-color:#333;
padding-bottom:.25em;
}

.socialRow .rowContainer
{
margin-top:.25em;
margin-bottom:.25em;
padding-top:.25em;
}

.socialImg img
{
height:1em;
width:auto;
}

.socialImg
{
margin: 0 auto;
margin-top:3em;
float:none;
}

/*start photo gallery */

#lightBox
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color : rgb(0,0,0);
background-color: rgba(0,0,0,.8);
display:none;
z-index:99995;
}

#galleryContainer
{
position:fixed;
top:0;
bottom:0;
right:0;
left:0;
margin: auto;
/*
width:85%;
height:100%
*/
overflow:visible;
width:100%;
height:100%;
background:white;
display:none;
z-index:99996;
box-shadow: 0 0 15px white;
}

#photoSection
{
/*width:70%;*/
width:100%;
height:100%;
background-color:black;
float:left;
overflow:hidden;
position:absolute;
z-index:99997;
overflow-x:auto;
}

.gifLoader
{
position:absolute;
height:1em;
width:1em;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}

#nextPhoto, #prevPhoto
{
display:none;
}

.img
{
text-align:center;
background:black;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:99998;
overflow:auto;
}

.img img
{
height:auto;
max-height:100%;
width:auto;
max-width:100%;
margin: 0 auto;
}

.none
{
display:none;
}

#photoDescription
{
position:absolute;
border-right:1px solid #c8c8c8;
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,.8);
bottom:0;
left:0;
width:100%;
height:10%;
z-index: 999999;
overflow:auto;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#photo
{
height:100%;
width:100%;
overflow:auto;
}

.doors #photo .img img
{
height:88%;
margin-top:2%;
}

.img
{
width:100%;
height:100%;
overflow:auto;
margin: 0 auto;
}

#photoDescription p
{
color:#333;
font-size:85%;
text-align:center;
}
#photoContentSection
{
display:block;
background-color:#fbfbfb;
position:absolute;
height:100%;
top:0;
right:0;
width:100%;
z-index:99999;
overflow:auto;
display:none;
}


#photoContentSection::-webkit-scrollbar {
    width: 7px;
}
 
#photoContentSection::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 4px;
}
 
#photoContentSection::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}



#photoContentSection h1
{
font-size:200%;
text-align:center;
padding-bottom:1em;
padding-top:1em;
border-bottom:1px solid #ebebeb;
z-index: 999999;
overflow:auto;
background-color:white;
}

#photoContentSectionInner
{
width:95%;
margin:0 auto;
margin-top:1em;
margin-bottom:1em;
overflow:auto;
background-color:#fbfbfb;
}

.gallery #photoContentSectionInner, .door #photoContentSectionInner
{
background-color:white;
}

#photoContentSectionInner ul li
{
font-size:85%;
list-style:none;
padding-top:.5em;
padding-bottom:.5em;
}

#exitButton
{
position:absolute;
top:.1em;
right:.1em;
border-radius: 100%;
height:3em;
width:3em;
border:3px solid white;
}

#exitButton a
{
font-size:2em;
z-index: 999999;
color:white;
font-weight:bold;
display:block;
text-align:center;
}

#showContentSection a, #mobileExit a
{
padding-top:.5em;
position:absolute;
right:0;
display:block;
top:0;
right:0;
height:10%;
width:15%;
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,.8);
z-index:999999;
text-align:center;
border-bottom-left-radius:2px;
border-left:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;
}

#mobileExit a
{
left:0;
border-right:1px solid #ebebeb;
border-left:0;
border-bottom-left-radius:0px;
border-bottom-right-radius:2px;
}

.gallery .galleryTitle h1, .door .galleryTitle h1
{
display:none;
}

.gallery .content #photoContentSectionInner, .door .content #photoContentSectionInner
{
text-align:center;
border:1px solid #ebebeb;
}

.gallery .content #photoContentSectionInner ul, .door .content #photoContentSectionInner ul
{
margin-left:0;
}

.gallery .img, .door .img
{
margin-top:1.5em;
padding-top:.5em;
padding-bottom:.5em;
position:relative;
z-index:1;
background-color:#333;
overflow:hidden;
}

.gallery .img img, .door .img img
{
width:auto;
}

.gallery .desc, .door .desc
{
border-bottom:1px solid #ebebeb;
border-right:1px solid #ebebeb;
border-left:1px solid #ebebeb;
background-color:white;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;   
}

.gallery .img img, .door .img img
{
max-height:500px;
max-width:100%;
}

.gallery .slider, .door .slider
{
padding-bottom:0;
}

/*------------------Start Widescreen--------------------*/


.content .announcementRow
{
border-top:1px solid #ebebeb;
margin:0;
padding:0;
}

.content .announcementRow a
{
color:black;
display:block;
padding-top:1.5em;
padding-bottom:1.5em;
text-align:center;
-ms-transition: background-color .5s ease, color .5s ease;
-o-transition: background-color .5s ease, color .5s ease;
-moz-transition: background-color .5s ease, color .5s ease;
-webkit-transition: background-color .5s ease, color .5s ease;
transition: background-color .5s ease, color .5s ease;
}

.content .announcementRow a:hover
{
background-color:#840505;
color:white;
}

.content .turnKeyRow
{
margin-top:0;
}

.content #turnKeyContent .banner
{
/*display:none;*/
}

.content #turnKeyContent .banner {
position: absolute;
font-size:75%;
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
width: 50%;
right: -14%;
top: 6%;
background-color: white;
/*box-shadow: 0 0 1px #c8c8c8;*/
border-top: 1px dashed #ebebeb;
border-bottom: 1px dashed #ebebeb;
-ms-transition: background .5s ease, color .5s ease;
-o-transition: background .5s ease, color .5s ease;
-moz-transition: background .5s ease, color .5s ease;
-webkit-transition: background .5s ease, color .5s ease;
transition: background .5s ease, color .5s ease;
display:block;
}

.content #turnKeyContent .banner:hover {
color: white;
background-color: #840505;
}


#repeated-1, #repeated-0, #repeated-2
{
    border: 1px solid #ebebeb;
    background-color: white;
    border-radius: 2px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
    padding-top: 1.5em;
    padding-bottom: 1.5em;
margin-top:.5em;
margin-bottom:.5em;
}

#repeated-0 ul li, #repeated-1 ul li, #repeated-2 ul li {
    list-style: none;
}

#repeated-0 ul, #repeated-1 ul, #repeated-2 ul {
    margin-left: 0;
    text-align: center;
    padding-bottom:3em;
}

#repeated-0 h2, #repeated-1 h2, #repeated-2 h2 {
    border-bottom: 1px solid #ebebeb;
    margin: .5em;
    padding: 0;
    padding-bottom: .5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 1em;
}



#turnKeyContent
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
width:96%;
border:1px solid #ebebeb;
right:2%;
left:2%;
height:80%;
background-color: rgba(255,255,255,.9);
}

.content #turnKeyContent h1, .content #turnKeyContent h3
{
margin:0 auto;
width:90%;
padding-top:1.5em;
border-bottom:1px solid #ebebeb;
}

.mobileTextCenter, .basic-page .content .mobileTextCenter, .basic-page .content .mobileTextCenter, .testimonials .content .mobileTextCenter, 
.page_products .content .mobileTextCenter
{
	text-align:center;
}

.mobileCenter
{
	margin-left:auto;
	margin-right:auto;
}

.categoriesRow .category, #doorCategories a
{
margin-top:.5em;
margin-bottom:.5em;
text-align:center;
}


@media (min-width:800px)
{

/************* General Styles ******************/

h1
{
font-size:2.82em;
}

h2
{
font-size:170%;
}

h4
{
font-size:150%;
}


p,a,li,blockquote,button,input,textarea
{
font-size:100%;
}


h2,h4,p
{
text-align:left;
padding:.5em;
}

h2
{
padding-bottom:0;
margin-bottom:0;
}


/************** Header styles *******************/

#menuList
{
margin-top:2.75em;
overflow:hidden;
}

#mobileSection
{
display:none;
}

.mobileHidden, img.mobileHidden
{
display:block;
}

.mainNav
{
overflow:hidden;
width:100%;
}

.mainNav ul .item
{
width:16%;
height:100%;
}

#menuLogo
{
width:24%;
}

#logo img
{
max-width:225px;
margin-left:.5em;
}

.mainNav ul
{
width:100%;
margin:0 auto;
margin-top:1em;
}

.mainNav ul li a
{
margin:0;
}

.mainNav ul li
{
width:16%;
margin-left: 2%;
margin-right:2%;
float:left;
}

.mainNav ul #navSearch
{
padding-left:1.5em;
margin-bottom:0;
}

.mainNav ul
{
overflow:hidden;
height:100%;
}

#menuLogo
{
list-style:none;
}

#menuLogo img
{
width:80%;
margin: 0 auto;
}

#mobileMenu
{
display:none;
}


#topNavSection
{
width:auto;
clear:none;
padding-top: 0;
padding-bottom: 0;
background-color:transparent;
box-shadow:0 0 0 0;
border-top: 0;
}

#topNavSection li a
{
border-bottom:0;
padding-top:.5em;
padding-bottom:.5em;
}

.collapsible
{
display:block;
}

#logo
{
width:35%;
margin:0;
padding:0;
padding-top:.5em;
}

.mainNav
{
width:100%;
float:left;
}

header .rowContainer
{
margin-top:.1em;
overflow:visible;
}

#headerWrapper
{
padding-bottom:.75em;
border-bottom:1px solid #ebebeb;
}


/*************** Content Styles **************/
.content .row
{
padding-top:1.5em;
padding-bottom:1.5em;
}

.content .testimonialsSection
{
padding-top:15em;
padding-bottom:15em;
}



.content .announcementRow
{
margin:0;
padding:0;
}

.content .turnKeyRow
{
margin-top:0;
}

.content h2
{
margin-top:.75em;
}

.content .breadcrumbs .rowContainer
{
margin-top:.25em;
margin-bottom:.25em;
}

.locationButtons a
{
width:35%;
}

.content .mapHeading
{
padding-top:.5em;
padding-bottom:.5em;
}


.slider h1
{
color:black;
font-size:200%;
background-color: transparent;
text-align:left;
padding:1.25em;
display:inline;
text-shadow: 0 0 15px white;
}

h1,h2,h3
{
  letter-spacing:.01em;
}

.homeImageHolder
{
width:75%;
max-width:960px;
height:auto;
margin: 0 auto;
margin-bottom:1em;
overflow:hidden;
}


.slider img
{
width:100%;
height:auto;
}

.content .turnKeyRow
{
padding-bottom:35%;
}

.content .turnKeyRow .rowContainer
{
max-width:100000px;
}

#turnKeyContent
{
padding-top:3em;
padding-bottom:3em;
}

.content #turnKeyContent a
{
width:20%;
}

.slider p
{
font-size:100%;
text-align:center;
}

#topPhotoDescription
{
display:block;
position:absolute;
opacity: 0;
top:-50%;
left:3%;
background-color: rgba(255,255,255,0.9);
width:auto;
height:auto;
max-width:20em;
padding:1.5em;
}

#infoButton, #mobileExit
{
display:none;
}

#explore p, #explore h1, #explore h2, #explore h3
{
text-align:center;
}

#explore p
{
margin-left:1em;
margin-right:1em;
}

.exploreServices
{ 
padding-bottom:75%;
width:94%;
}

.exploreInner
{
padding-top:2em;
padding-bottom:.5em;
margin-bottom:1em;
margin-top:2em;
}

#mainHeading
{
text-align:center;
padding: 0;
margin: 0;
padding-top:1em;
padding-bottom:.5em;
}

.content .mainHeadingRow
{
margin-bottom:0;
padding-top:0;
padding-bottom:0;
border-bottom:1px solid #ebebeb;
}

.home .content .mainHeadingRow
{
background-color: white;
border: 0;
}

.content .sliderRow
{
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}

.content .breadcrumbs
{
padding-top:0;
padding-bottom:0;
margin-bottom:0;
}

.content #turnKeyContent .banner 
{
    right: -20%;
    top: 8%;
font-size: .94em;
font-size:100%;
}


.content .bodyHome
{
padding-bottom:5em;
padding-top:5em;
}

.content .bodyHome h2
{
margin-top:0;
}

.content #bodyContent p, .content #bodyContent ul li
{
margin-right:9em;
margin-right:4em;
}

.recommendationRow .recommendLink a
{
width:35%;
}

#turnKeyContent
{

max-width:1152px;
right:2%;
left:2%;
height:60%;
}

.content #turnKeyContent h1, .content #turnKeyContent h3
{
font-size:175%;
margin-top:0;
    width: 55%;
    padding-top: 0;
    padding-bottom: .5em;
}

#repeated-1, #repeated-0, #repeated-2
{
 margin-top:0;
margin-bottom:0;
}


.portfolioPortal p, .galleryPortal p
{
font-size:.94em;
padding-top:.75em;
padding-bottom:.75em;
}

.wideTextLeft, .basic-page .content .wideTextLeft, .basic-page .content .wideTextLeft, .testimonials .content .wideTextLeft, .page_products .content .wideTextLeft
{
	text-align:left;
}



.designTeam img
{
	  margin:.45em;
}

img.wideHidden, .wideHidden
{
	display:none;
}

.wideShown, img.wideShown
{
	display:block
}


/************** Slider Styles ***************/

.category a
{
margin-top:0;
}

#photoSection
{
width:100%;
}

#nextPhoto, #prevPhoto
{
width:50%;
height:100%;
background-color:transparent;
position:absolute;
top:0;
background-repeat: no-repeat;
background-size:5%;
display:block;
z-index:99999;
}

#nextPhoto
{
right: 0;
background-image:url('//d2640v17mgynba.cloudfront.net/templates/styles/images/arrow-white-right.png');
background-position-y: center;
background-position-x: 95%;
background-position: center right 5%;
}

#prevPhoto
{
left:0;
background-image:url('//d2640v17mgynba.cloudfront.net/templates/styles/images/arrow-left-white.png');
background-position-y: center;
background-position-x: 5%;
background-position: center left 5%;
}

#galleryContainer
{
position:fixed;
width:90%;
height:80%
}

#photoSection
{
width:70%;
position:relative;
}

.img
{
position:relative;
overflow:hidden;
}

#showContentSection a
{
display:none;
}


#photoContentSection
{
width:30%;
height:100%;
float:left;
overflow:auto;
display:block;
position:relative;
}

.maps iframe
{
height:300px;
}

#contact-form
{
width:50%;
}

#contact-form input, #contact-form textarea
{
width:65%;
}

/************** Footer Styles ***************/

footer p, footer h4
{
text-align:center;
}

.cs_wrapper
{
height:15em;
}

.socialRow .rowContainer
{
padding-top:.5em;
}

.socialImg
{
float:left;
margin-top:0;
margin-bottom:0;
}

#copyright p
{
padding: 0;
margin: 0;
text-align:left;
}

.content .announcement
{

padding-top:.05em;
padding-bottom:0em;
}

.buttonLink-1,.buttonLink-2
{
 margin-left:.5em;
 float:left;
 margin-top:0;
}

#logo
{
  width:25%;
}

.mainNav ul li
{
  width:12%;
}



}

@media(max-width:1200px) and (min-width:800px)
{

#turnKeyContent
{
height:75%;
}

.buttonLink-1,.buttonLink-2
{
 margin-left:.5em;
 float:left;
 margin-top:0;
}



}

@media(max-width:320px)
{

.content #turnkeyContent
{
overflow:auto;
}

#logo img
{
max-width: 150px;
}

h1
{
font-size:1.75em;
}

h2, h3
{
font-size:1.25em;
}

p,li, a
{
font-size:.75em;
}

}