html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textareaxxx {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
legend {
    border: 0;
    padding: 0
}
textareaxxx {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
th, td {
    padding: 0
}

table.about {
    width: 75%;
    border-collapse: collapse;
    border-spacing: 0
}
th.about, td.about {
    padding: 20px;
    text-align: left;
}


*,
:after,
:before {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body,
html {
    font-family: Arial, sans-serif;
    font-size:13px
}
@media (min-width: 47em) {
    body,
    html {
        font-size:16px
    }
}
h2 {
    font-family: sans-serif;
    margin-top:0;
    font-size:1.65rem
}
@media (min-width: 47em) {
    h2 {
        font-size:2rem
    }
}
h3 {
    font-family: sans-serif;
    font-size:1.25rem;
    line-height:1.85;
    margin:0
}
@media (min-width: 47em) {
    h3 {
        font-size:1.5rem
    }
}
p {
    font-family:inherit;
    margin:0 0 20px
}

hr {
    margin:1em 0;
    border:none;
    border-top:1px solid #d9d9d9
}
button,
input,
select,


textareaxxx {
    display:inline-block;
    margin:4px 0;
    border:1px solid #d9d9d9;
    padding:6px;
    line-height:normal;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,
    0,
    0,
    .07);
    background:#fafafa
}
input[type=text]:hover,
input[type=password]:hover,
input[type=number]:hover,
input[type=tel]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=date]:hover,
input[type=time]:hover,
input[type=month]:hover,
input[type=week]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
select:hover,
textareaxxx:hover {
    border-color:silver
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
select:focus,
textareaxxx:focus {
    border-color:#59d
}
input[type=text].error,
input[type=password].error,
input[type=number].error,
input[type=tel].error,
input[type=email].error,
input[type=url].error,
input[type=date].error,
input[type=time].error,
input[type=month].error,
input[type=week].error,
input[type=datetime].error,
input[type=datetime-local].error,
select.error,
textareaxxx.error {
    border:1px solid #d23;
    color:#d23
}
h3.texterror {
    border:1px solid #d23;
    color:#d23
}
select {
    padding:5px
}
textareaxxx {
    overflow-y:auto
}
fieldset {
    margin:20px -20px;
    border:none;
    padding:15px 20px;
    box-shadow:0 2px 20px rgba(0,
    0,
    0,
    .1);
    background:#fff
}
fieldset .legend {
    margin-top:0
}




.button {
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
    display:inline-block;
    margin:4px 0;
    border:1px solid transparent;
    border:1px solid rgba(0,
    0,
    0,
    .15);
    padding:7px 16px;
    text-decoration:none;
    background:#5a2c03;
    color:#fff;
    border-radius:2px;
    font-size:12px;
    line-height:normal;
    font-weight:700;
    cursor:pointer;
    outline:0
}
.button:hover {
    background:#bd5c06;
    border-color:rgba(0,
    0,
    0,
    .25);
    color:#fff
}
.button:focus {
    box-shadow:inset 0 0 0 1px #fff
}
.button:active {
    -moz-transition:none;
    -webkit-transition:none;
    transition:none;
    background:#e0e0e0;
    box-shadow:inset 0 1px 3px rgba(0,
    0,
    0,
    .2)
}
.button.disabled {
    background:#f2f2f2;
    border-color:rgba(0,
    0,
    0,
    .1);
    color:#999;
    box-shadow:none;
    cursor:not-allowed
}
.button.primary {
    background:#5a2c03;
    color:#fff
}
.button.primary:hover,
:focus {
    background:#bd5c06;
    color:#fff
}
.button.primary:active {
    background:#59d
}
.buttons .button,
.formitem .button {
    margin-right:10px
}
.buttons {
    text-align:right;
    margin-right:-10px
}
.buttons .forth {
    float:right
}
.buttons .back {
    text-align:left
}
/* img {
    width:100%;
    height:auto
} */
li,
ul {
    list-style:none;
    margin:0;
    padding:0
}

li.tabcontent, ul.tabcontent {
    list-style: circle;
    margin:0;
    padding:0
}

a {
    text-decoration:none;
    color:#5a2c03
}

a:hover {
    color:#bd5c06
}
a:active, a:focus {
	color:#bd5c06;
  background: none;
}
.page-wrap {
    max-width:1150px;
    margin-left:auto;
    margin-right:auto
}
.page-wrap:after {
    content:" ";
    display:block;
    clear:both
}
header {
    clear:both;
    float:left;
    margin-left:0;
    margin-right:0;
    width:100%;
    background:#777
}
header nav {
    clear:both;
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0
}
@media (min-width: 47em) {
    header .nav-item {
        width:25%;
        float:left
    }
}
header .logo img {
    width:49.15254%;
    float:left;
    margin:0 1.69492% 0 26.31579%
}
@media (min-width: 640px) {
    header .logo img {
        width:32.20339%;
        float:left;
        margin-right:1.69492%;
        margin-left:37.06897%
    }

    
}
@media (min-width: 47em) {
    header .logo img {
        width:32.20339%;
        float:left;
        margin-right:1.69492%;
        margin-left:37.06897%
    }
}
@media (min-width: 47em) and (min-width: 75em) {
    header .logo img {
        width:23.72881%;
        float:left;
        margin-right:1.69492%
    }
}
@media (min-width: 47em) and (min-width: 120.063em) {
    header .logo img {
        width:23.72881%;
        float:left;
        margin-right:1.69492%
    }
}
.main-content {
    clear:both;
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0
}
article {
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0;
    font-size:1.375rem;
    padding:10px 5.26316% 5%
}
@media (min-width: 47em) {
    article {
        width:66.10169%;
        float:left;
        margin-right:1.69492%;
        padding-top:50px;
        padding-right:1.69492%
    }
}
aside {
    width:100%;
    float:left;
    float:none;
    margin:0 auto;
    padding-top:50px;
    padding-left:5.26316%
}
@media (min-width: 47em) {
    aside {
        width:32.20339%;
        float:right;
        margin-right:0;
        padding-left:1.69492%
    }
}

body,
html {
    height:100%
}
body {
    margin:6px;
    padding:0
}
.page-wrap {
    min-height:100%;
    height:auto!important;
    height:100%;
    margin-bottom:-50px
}
.page-wrap .main-content {
    padding:0 0 50px
}
/* line 21, ../../scss/global/_footer.scss */
.site-footer {
  height: 50px;
}

/* line 34, ../../scss/global/_footer.scss */
footer {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  /*background: #5a2c03; */
  background: #777;
  color: white;
  font-size: 12px;
}
/* line 41, ../../scss/global/_footer.scss */
footer .footer-link {
  display: inline-block;
  padding-right: 6%;
}
@media (min-width: 47em) {
  /* line 41, ../../scss/global/_footer.scss */
  footer .footer-link {
    margin-bottom: 0;
  }
}
/* line 60, ../../scss/global/_footer.scss */
footer #date {
  padding-right: 0;
  margin-top: 4.5%;
}
@media (min-width: 47em) {
  /* line 60, ../../scss/global/_footer.scss */
  footer #date {
    margin-top: 1%;
    /*margin-left: 8.69565%;*/
  }
}


#home .page-wrap {
    max-width:100%
}
#home section {
    width:83.05085%;
    float:left;
    margin-right:1.69492%;
    margin-left:8.47458%;
    padding-top:70px;
    font-family:museo_slab500,
    serif;
    font-size:1.355rem;
    line-height:1.25;
    color:#fff
}
@media (min-width: 47em) {
    #home section {
        width:40.67797%;
        float:left;
        margin-right:1.69492%
    }
}
#home a {
    color:#fff
}

#home a:hover {
    color:#bd5c06
}
#home body {
    background:#111;
    height:100%
}
#home img {
    border:none
}
#home #supersized-loader {
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    width:60px;
    height:60px;
    margin:-30px 0 0 -30px;
    text-indent:-999em;
    background:url(../img/progress.gif) center center no-repeat
}
#home #supersized {
    display:block;
    position:fixed;
    left:0;
    top:0;
    overflow:hidden;
    z-index:-999;
    height:100%;
    width:100%
}
#home #supersized img {
    width:auto;
    height:auto;
    position:relative;
    display:none;
    outline:0;
    border:none
}
#home #supersized.speed img {
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering:-moz-crisp-edges
}
#home #supersized.quality img {
    -ms-interpolation-mode:bicubic;
    image-rendering:optimizeQuality
}
#home #supersized li {
    display:block;
    list-style:none;
    z-index:-30;
    position:fixed;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#111
}
#home #supersized a {
    width:100%;
    height:100%;
    display:block
}
#home #supersized li.prevslide {
    z-index:-20
}
#home #supersized li.activeslide {
    z-index:-10
}
#home #supersized li.image-loading {
    background:url(../img/progress.gif) center center no-repeat #111;
    width:100%;
    height:100%
}
#home #supersized li.image-loading img {
    visibility:hidden
}
#home #supersized li.activeslide img,
#home #supersized li.prevslide img {
    display:inline
}
#about #serve {
    padding-top:30px;
    padding-bottom:2%;
    clear:both;
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0;
    margin-bottom:5%
}
#about #serve .serve-1,
#about #serve .serve-2 {
    width:40.67797%;
    float:left;
    margin-right:1.1%
}
@media (min-width: 47em) {
    #about #serve .serve-1,
    #about #serve .serve-2 {
        width:40.67797%;
        float:left;
        margin-right:5.26316%
    }
    #about #serve .serve-1:nth-of-type(2n),
    #about #serve .serve-2:nth-of-type(2n) {
        float:right
    }
}
#about #serve ul {
    padding-top:0
}
#about aside img {
    width:93.22034%;
    float:left;
    margin-right:1.66667%;
    margin-bottom:5%
}
#services .service-aside, #security .service-aside {
    width:46.18644%;
    float:left;
    margin-right:2.27273%;
    margin-bottom:1.0101%
}
#services .service-aside:after, #security .service-aside:after {
    content:"";
    display:block;
    clear:both
}
@media (min-width: 47em) {
    #services .service-aside, #security .service-aside {
        width:40.67797%;
        float:left;
        margin-right:1.69492%
    }
}
#contact input, textareaxxx {
    color:black;
  }
/*#contact textarea {
	color:none;
}*/
#contact .address {
    clear:both;
    width:100%;
    float:left;
    margin:15% 0 10%
}
#contact .address ul {
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0;
    margin-bottom:5%
}
@media (min-width: 47em) {
    #contact .address ul {
        width:40.67797%;
        float:left;
        margin-right:5.26316%
    }
    #contact .address ul:nth-of-type(2n) {
        float:right
    }
}
#contact p {
    clear:both
}
#contact aside .map {
    width:93.64407%;
    float:left;
    margin-right:1.69492%;
    margin-bottom:1.69492%
}
#contact button .button {
    background:0 0;
    color:#5a2c03;
    border:3px solid #5a2c03;
    box-shadow:none;
    padding:20px 80px;
    font-family:futuratotregular,
    sans-serif;
    font-size:15pt;
    border-radius:50px;
    -webkit-transition:all 1s;
    transition:all 1s
}
#contact button .button1:focus,
#contact button .button1:hover {
    background-color:#a38858;
    outline:0
}
#patio p {
    margin-bottom:10px
}
#patio figure {
    list-style:disc inside;
    padding:0 0 .5% 2%
}
#patio article ul:first-of-type {
    padding-bottom:5%
}
#patio article ul li {
    padding:2% 0 0 2%;
    list-style:disc inside
}
#patio .patio-aside {
    width:46.18644%;
    float:left;
    margin-right:2.27273%;
    margin-bottom:1.0101%
}
#patio .patio-aside:after {
    content:"";
    display:block;
    clear:both
}
@media (min-width: 47em) {
    #patio .patio-aside {
        width:40.67797%;
        float:left;
        margin-right:1.69492%
    }
}
#retractable h3 {
    padding:2% 0
}
#retractable article ul li {
    padding:2% 0 0 2%;
    list-style:disc inside
}
#retractable .retrac-aside {
    width:46.18644%;
    float:left;
    margin-right:2.27273%;
    margin-bottom:1.0101%
}
#retractable .retrac-aside:after {
    content:"";
    display:block;
    clear:both
}
@media (min-width: 47em) {
    #retractable .retrac-aside {
        width:40.67797%;
        float:left;
        margin-right:1.69492%
    }
}
/* line 3, ../../scss/layout/_alum.scss */
#aluminum p {
  margin: 0;
}
/* line 8, ../../scss/layout/_alum.scss */
#aluminum article ul:first-of-type {
  padding-bottom: 5%;
}
/* line 11, ../../scss/layout/_alum.scss */
#aluminum article ul li {
  padding: 2% 0 0 2%;
  list-style: disc inside;
}
/* line 17, ../../scss/layout/_alum.scss */
#aluminum .alum-aside {
  width: 46.18644%;
  float: left;
  margin-right: 1.66667%;
  margin-right: 2.27273%;
  margin-bottom: 1.0101%;
}
/* line 2, ../../scss/global/_mixins.scss */
#aluminum .alum-aside:after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 47em) {
  /* line 17, ../../scss/layout/_alum.scss */
  #aluminum .alum-aside {
    width: 40.67797%;
    float: left;
    margin-right: 1.69492%;
  }
}
/* line 28, ../../scss/layout/_alum.scss */
#aluminum .gallery img {
  width: 100%;
  height: auto;
}
/* line 33, ../../scss/layout/_alum.scss */
#aluminum .gallery figure {
  display: block;
  float: left;
  width: 47.45763%;
  float: left;
  margin-right: 1.66667%;
  margin: 0 0 1.0101% 0;
  margin-right: 2.27273%;
}
@media (min-width: 47em) {
  /* line 33, ../../scss/layout/_alum.scss */
  #aluminum .gallery figure {
    width: 150px;
  }
}
/* line 45, ../../scss/layout/_alum.scss */
#aluminum .gallery figcaption {
  display: none;
}
#custom article {
    clear:both;
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0
}
@media (min-width: 47em) {
    #custom article {
        width:91.52542%;
        float:left;
        margin-right:1.69492%;
        margin-left:5.26316%
    }
}
#custom .gallery img {
    width:100%;
    height:auto
}
#custom .gallery figure {
    display:block;
    width:47.45763%;
    float:left;
    margin:0 2.27273% 1.0101% 0
}
@media (min-width: 47em) {
    #custom .gallery figure {
        width:150px
    }
}
#custom .gallery figcaption {
    display:none
}
#videos .video-gallery {
    clear:both;
    width:100%;
    float:left;
    margin:0 auto
}
#videos .video {
    margin-bottom:2.5641%;
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0
}
@media (min-width: 47em) {
    #videos .video {
        width:40.67797%;
        float:left;
        margin-right:1.69492%;
        margin-left:6.77966%
    }
}


/* Style the Class=tab */
.tab {
  overflow: hidden;
  border: none;
  background-color: #eee;
}

.tablinks {
  overflow: hidden;
  border: none;
  float: left;
  outline:  black;
  cursor: pointer;
  padding: 0px 0px;
  font-size: 17px;
  background-color: #e0e;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  font-style: !important;
  background-color: #aaa;

}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.container {
  width: 80%;
  background: #fff;
  margin: 10px auto;
  position: relative;
  text-align:left;
}

.block {
  display: inherit;
  background: white;
  height: 240px;
  width: 200px;
  display:inline-block;
  margin: 10px;
}




/* Add a black background color to the top navigation */
.topnav {
    background-color: #eee;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #000;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #a1a3a2;
  color: white;
}

/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
}

div .about img {
        width:32.20339%;
        float:left;
        margin-right:1.69492%;
        margin-left:37.06897%
    }
    
/* Style the links for the subscribbe links */
div .social_icons {
  float: right;
  color: #000;
  background-color: #bbb;
  text-align: center;
  padding: 14px 16px;
  font-size: 17px;
}

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
}