@charset "utf-8";
* {padding: 0; margin: 0;}
img {border: 0; vertical-align: middle;}
html, body, div, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, hgroup {display:block;}
.float {float: left;} .clear, .clearfix {clear: both;} 
.clear {height: 0px; overflow:hidden;}

@font-face {
    font-family: 'geomanistregular';
    src: url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-regular-webfont.woff') format('woff'),
         url('../fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family: 'geomanistregular', sans-serif; margin: 0; padding: 0; font-size: 18px; line-height: 22px; color: #222;}

h1 {font-weight: normal; font-family: 'geomanistregular', sans-serif; font-size: 35px; line-height: 40px; color: #240772;}
h2 {font-weight: bold; font-size: 25px; line-height: 30px; color: #240772;}
h3 {font-weight: bold; font-size: 25px; line-height: 30px; color: #8176a2;}
.page-header {display:block; margin-top: 20px; margin-bottom: 20px;}
.page-header a {color: #240772;}
a {text-decoration: none; font-weight: bold; color: #240772;}
a:hover {text-decoration: underline; font-weight: bold; color: #240772;}

.logo {font-family: 'geomanistregular', sans-serif; font-size: 17px; line-height: 30px; color: #240772; text-transform: uppercase;}

ul {list-style-type: disc; list-style-position: outside; padding-left: 25px;}
ul.tick li {padding-bottom: 20px;}
.lead-para {font-size: 22px; line-height: 28px; color: #000;}
img.pull-left {float:left; margin-right: 20px;} img.pull-right {float:right; margin-left: 20px;}
img.resp {width: 100%; height: auto;}

img.portfolio {width: 30%; height: auto;margin-right: 2%; margin-bottom: 20px; box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;}

.video img {float:right; margin-left: 3%; width: 30%; height: auto;margin-bottom: 50px; border: 2px solid #240772;box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;}


.blog .item-image img, img.pull-right {width: 40%; height: auto; float:right; margin-left: 10%; box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;}


.banner-home-1 {background-image: url('../../../images/banners/slide-1.jpg'); width: 100%; height: 575px; background-position: center center; background-size: cover; background-attachment: fixed;}
.banner-home-2 {background-image: url('../../../images/banners/slide-2.jpg'); width: 100%; height: 575px; background-position: center center; background-size: cover; background-attachment: fixed;}
.banner-home-3 {background-image: url('../../../images/banners/slide-3.jpg'); width: 100%; height: 575px; background-position: center center; background-size: cover; background-attachment: fixed;}
.banner-home-4 {background-image: url('../../../images/banners/slide-4.jpg'); width: 100%; height: 575px; background-position: center center; background-size: cover; background-attachment: fixed;}

.banner-about {background-image: url('../../../images/banners/about.jpg'); width: 100%; height: 400px; background-position: center center; background-size: cover;}
.banner-portfolio {background-image: url('../../../images/banners/portfolio.jpg'); width: 100%; height: 400px; background-position: center center; background-size: cover;}
.banner-services {background-image: url('../../../images/banners/architect.jpg'); width: 100%; height: 400px; background-position: center center; background-size: cover;}
.banner-blog {background-image: url('../../../images/banners/blog.jpg'); width: 100%; height: 400px; background-position: center center; background-size: cover;}
.banner-contact {background-image: url('../../../images/banners/contact.jpg'); width: 100%; height: 400px; background-position: center center; background-size: cover;}
.banner-community {background-image: url('../../../images/banners/community.jpg'); width: 100%; height: 400px; background-position: center center; background-size: cover;}

.cta-box {background-image: url('../images/glass.png'); border: solid 2px #240772; color: #240772; display:block;padding:20px; width: 300px;position:relative; top: 100px;}
a.btn {background-color: #240772; margin-top: 10px; color: #fff;padding:10px; text-align:center; display:inline-block; transition: background-color 1s, text-shadow 1s; text-decoration: none;border: solid 1px #240772; text-shadow: none;}
a:hover.btn {background-color: #8176a2; text-shadow: 0px 0px 2px #240772, 0px 0px 5px #240772, 0px 0px 10px #240772;}

.home-box, .services-box {display:block; background-image: url('../images/glass.png'); padding-bottom: 50px;width: 70%; margin-left: 10%; margin-right: 10%; padding: 5%; margin-top: 50px;}
#find-out-more {padding-top: 50px; padding-bottom: 50px;padding-left: 5%; padding-right: 5%; box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;
background: #dedbe7;background: -moz-linear-gradient(left, #dedbe7 0%, #a9a2c0 100%);background: -webkit-linear-gradient(left, #dedbe7 0%,#a9a2c0 100%);background: linear-gradient(to right, #dedbe7 0%,#a9a2c0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedbe7', endColorstr='#a9a2c0',GradientType=1 );}
#find-out-more a {color: #240772;}

#boxed {display:block; width: 100%;padding-bottom: 50px;background-image: url('../../../images/banners/bedroom.jpg'); background-position: center center; background-size: cover; background-attachment: fixed;}
#boxextra {background-image: url('../images/frame-top.png'), url('../images/frame-bottom.png'); width: 90%; padding-left: 5%; padding-right: 5%; padding-top: 50px; padding-bottom: 50px; background-position: top left, bottom right; background-size: 50% auto; background-repeat: no-repeat;}

#quote {font-style:italic; width: 80%; padding-left: 10%; padding-right: 10%;}
#quote strong {text-align:center;display:block;}
.quote-left {background-image: url('../images/quote-left.png'); background-position: left top; background-repeat: no-repeat;
background-size: 10% auto; padding-left: 10%; }
.quote-right {background-image: url('../images/quote-right.png');background-position: right top; background-repeat: no-repeat;
background-size: 10% auto; padding-right: 10%;}

.foot-1 {float:left; width: 40%; margin-left: 10%;}
.foot-2 {float:left; width: 50%;}
img.social {width: auto; height: 35px;margin-left: 10px;}

.one-1, .two-1, .two-2, .three-1, .three-2, .three-3, .three-12, .three-23, .four-1, .four-2, .four-3, .four-4,
.five-1, .five-2, .five-3, .five-4, .five-5, .six-1, .six-2, .six-3, .six-4, .six-5, .six-6
{min-height: 50px;float:left; text-align: left; display: block; padding: 1%; margin: 0px 0.5% 10px 0.5%;}


@media only screen and (min-width: 1200px) { /* WIDE - Desktop */
  .one-1 {width: 97%; }
  .two-1, .two-2 {width: 47%; }
  .three-1, .three-2, .three-3 {width: 30.33%; }
  .three-12, .three-12 {width: 63.66%; }
  .four-1, .four-2, .four-3, .four-4 {width: 22%; }
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 17%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 13.66%}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) { /* MEDIUM - Tablet Portrait */
  .one-1 {width: 97%;}
  .two-1, .two-2 {width: 47%;}
  .three-1, .three-2, .three-3 {width: 30.33%;}
  .three-12, .three-23 {width: 63.66%; }
  .four-1, .four-2, .four-3, .four-4 {width: 22%;}
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 17%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 30.33%;} 
  .cta-box {margin-left: 2%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
  .one-1 {width: 97%;}
  .two-1, .two-2 {width: 47%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%;}
  .five-1, .five-2, .five-3 {width: 30.33%; }
  .five-4, .five-5 {width: 47%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 47%;}
  .blog .item-image img, img.pull-right {width: 80%; height: auto; float:right; margin-left: 10%; margin-right: 10%; margin-bottom: 25px;}
  .cta-box {margin-left: 2%; }
  img.social {width: auto; height: 35px;margin-left: 5px; margin-right: 5px;margin-bottom: 20px;}
  body {font-size: 20px; line-height: 24px;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
  .one-1 {width: 97%; }
  .two-1, .two-2 {width: 97%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%; }
  .five-1, .five-2, .five-3, .five-4 {width: 47%}
  .five-5 {width: 97%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 97%;}
  .blog .item-image img, img.pull-right {width: 80%; height: auto; float:right; margin-left: 10%; margin-right: 10%;margin-bottom: 25px;}
  .foot-1 {float:left; width: 100%; margin-left: 0%; text-align:center;}
  .foot-2 {float:left; width: 100%; text-align:center;}
.cta-box {width: 80%; margin-left: 2%; margin-right: 2%;}
  img.social {width: auto; height: 35px;margin-left: 5px; margin-right: 5px;margin-bottom: 20px;}
  body {font-size: 20px; line-height: 24px;}
}

ul.tick li {
    list-style-image: url('../images/tick.png');
}