@import url('https://fonts.googleapis.com/css?family=Pacifico');
::selection /* WebKit/Blink Browsers */
{
 background: #000;
 color: #fff;
}
::-moz-selection /* Gecko Browsers */
{
 background: #000;
 color: #fff;
}
html,body
{
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow-x: clip;
}

body
{
 font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
 font-size: 1.3vw;
 margin: 0;
}
.inheritLinkStyle a {
 text-decoration: inherit;
 color: inherit;
}



.banner
{
 height: 33em;
 background-size: cover;
 color: white;
 display: table;
 width: 100%;
 background-color: #ddd;
}

.vertical-centering {display: table-cell; vertical-align: middle;}
.banner .text {display: inline-block; font-weight: bold;}
.banner span, .motives span {display: inline-block;}
.banner .trade
{
 font-size: 5em;
 line-height: 1.1em;
 margin: .5em 0;
}
.banner .location
{
 font-size: 2em;
 letter-spacing: .6em;
}
.banner, .motives {text-align: center;}

.body {
 /*background-color: #e4e4e4;*/
 opacity: .9;
 margin: 3em 2em;
 position: relative;
}
.body::after {
 content: "";
 background-image: url("cbc-connected.png");
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 opacity: .1;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 position: absolute;
 z-index: -1;
 rotate:-15deg;
}
.motives
{
 max-width: 800px;
 margin: 0 auto;
 padding: 3em 1em 1.5em;
 font-size: 3em;
 font-weight: bold;
 line-height: 1.3em;
}



.galleries {
  margin-top: 5em;
}
.galleries h1 {
 /*font-size: 5em; declared in html since iphone mobile browsers wouldn't display this properly 11/29/18 */
 margin: 0 0 0 0.7em;
 opacity: .7;
 letter-spacing: -.1em;
 padding-top: .3em;
}
.galleries .gallery {
 margin: 7em 0 2em;
}

.gallery .caption {
 padding: 2em 4em;
 opacity: 60%;
 font-size: 1rem;
 background: #eee;
}



/* http://idangero.us/swiper/get-started/ */
.swiper-container {
 width: 100%;
 height: 600px;
}
#gal3 .swiper-container {
 background-color: #dbe5e6;
}
#gal2 .swiper-container {
 background-color: #f2e3f7;
}
#gal1 .swiper-container {
 background-color: #ffecc8;
}
.swiper-wrapper {
 /*background: magenta;*/
}
.swiper-slide {
 /*background: teal;*/
 font-family: 'Pacifico', sans-serif;
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 background-size: cover;
 background-position: center;
 /*text-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;*/
}
.swiper-slide span{
 font-size: 8em;
 opacity: .5;
 color: white;
 margin: .5em;
 text-shadow: -1px 7px 33px black;
 position: absolute;
}

.portfolio #folio1 {
 background-color: #ffecc8;
}


/*
#gal2 #s1 {background-image: url("includes/pastprojects/Sears/portfolio/before.jpg");}
#gal2 #s7 {background-image: url("includes/pastprojects/Sears/portfolio/after18.jpg");}
#gal2 #s2 {background-image: url("includes/pastprojects/Sears/portfolio/plan1.jpg");}
#gal2 #s3 {background-image: url("includes/pastprojects/Sears/portfolio/plan2.jpg");}
#gal2 #s4 {background-image: url("includes/pastprojects/Sears/portfolio/process1.jpg");}
#gal2 #s5 {background-image: url("includes/pastprojects/Sears/portfolio/process2.jpg");}
#gal2 #s6 {background-image: url("includes/pastprojects/Sears/portfolio/after16.jpg");}
#gal2 #s8 {background-image: url("includes/pastprojects/Sears/portfolio/after20.jpg");}
#gal2 #s9 {background-image: url("includes/pastprojects/Sears/portfolio/after22.jpg");}
#gal2 #s10 {background-image: url("includes/pastprojects/Sears/portfolio/after24.jpg");}
#gal2 #s11 {background-image: url("includes/pastprojects/Sears/portfolio/after26.jpg");}
#gal2 #s12 {background-image: url("includes/pastprojects/Sears/portfolio/after28.jpg");}

#gal3 #s1 {background-image: url("includes/pastprojects/Bennett/portfolio/30before.jpg");}
#gal3 #s2 {background-image: url("includes/pastprojects/Bennett/portfolio/30after.jpg");}
#gal3 #s4 {background-image: url("includes/pastprojects/Bennett/portfolio/38after.jpg"); background-position:center bottom;}
#gal3 #s5 {background-image: url("includes/pastprojects/Bennett/portfolio/34before.jpg"); background-position:center top;}
#gal3 #s6 {background-image: url("includes/pastprojects/Bennett/portfolio/34after.jpg"); background-position:center top;}
#gal3 #s7 {background-image: url("includes/pastprojects/Bennett/portfolio/36before.jpg");}
#gal3 #s8 {background-image: url("includes/pastprojects/Bennett/portfolio/36after.jpg");}
#gal3 #s9 {background-image: url("includes/pastprojects/Bennett/portfolio/plan.jpg");}
#gal3 #s10 {background-image: url("includes/pastprojects/Bennett/portfolio/process/shelf30.jpg");}
#gal3 #s12 {background-image: url("includes/pastprojects/Bennett/portfolio/process/shelf34.jpg");}
#gal3 #s14 {background-image: url("includes/pastprojects/Bennett/portfolio/process/tub32.jpg");}
#gal3 #s16 {background-image: url("includes/pastprojects/Bennett/portfolio/process/tub36.jpg");}
#gal3 #s17 {background-image: url("includes/pastprojects/Bennett/portfolio/process/tub38.jpg");}
#gal3 #s19 {background-image: url("includes/pastprojects/Bennett/portfolio/process/malcolm.jpg");}
*/

.swiper-buttons {
 width: 4em;
 height: 6em;
 margin-top: -2em;
 background-size: 4em 6em;
}
.swiper-pagination {
  margin-bottom: 0.7em;
}
.swiper-pagination-bullet {
  width: 1em;
  height: 1em;
}
.seemore {text-align: center;}
.seemore span {
 display: inline-block;
 margin: 0 0 2em;
 font-size: 2em;
 background: #e2e2e2;
 padding: .3em 8em .4em;
 border-radius: .2em;
}





.salutation
{
 text-align: center;
 margin: 6em 6em 11.5em;
}
.salutation span
{
 display: block;
}
.salutation .oh
{
 /*font-family: 'Pacifico', sans-serif;*/
 font-weight: bold;
 font-size: 3em;
 line-height: 1.2em;
 margin: .5em;
}
.salutation .ok
{
 margin: 2em 4em 5em;
 line-height: 1.5em;
 font-size: 1.2em;
}
@media all and (max-device-width: 600px) {
 .salutation {
  font-size: 2em;
  margin: 6em 2em 8em;
 }
 .salutation .oh {font-size: 3.5em;}
 .salutation .ok
 {
  margin: 0;
  line-height: 1.3em;
  font-size: 1.7em;
 }
 .salutation .partners {
  font-size: .6em;
 }
}
@media all and (max-device-width: 800px) {
 .salutation .big {
  display: none;
 }
}
.salutation .partners {
 padding: 2.5em 0 0;
}

.salutation .partners h3 {
 font-family: 'Pacifico', sans-serif;
 font-size: 136%;
}



.license {
 text-align: center;
 margin: 3em 0 0;
 font-weight: bold;
 font-size: 1.25em;
 padding-bottom: 1em;
}


.footer
{
 margin: 2em 0 5em;
 background-color: #000;
 color: #eee;
 padding: 1em;
 font-size: 2em;
 box-shadow: 0 1.1em 1em -0.5em #777;
}
.footer .wrapper {position: relative;}
.footer .wrapper:after {
 content: "";
 display: table;
 clear: both;
}
.footer .wrapper div {display: inline-block;}
.footer .column {
 text-align: center;
 float: left;
 width: 100%;
}
.footer .left {width: 56%; margin-right: 2%}
.footer .right {width: 39%; margin-left: 2%; text-align: right}
.footer .wrapper > div > span, .footer .wrapper a {
 display: block;
 line-height: 2em;
}
.footer .f1 {font-weight: bold; margin: .4em 0 1em;}
.footer .f2 {font-size: .8em; opacity: .8; line-height: 1.4em}
.footer .f3 {font-size: .9em; opacity: .9; line-height: 1.7em}
@media all and (min-device-width: 600px) {
 .footer {
  margin: 2em;
  padding: 2em;
  border-radius: .3em;
  font-size: 1em;
  color: #ccc;
 }

 .footer .column {width: 33.3%;}

 .footer .wrapper a {
  background: #252525;
  margin: auto 1em;
  padding: .7em;
  border-radius: .25em;
 }
}
@media all and (min-device-width: 600px) and (max-device-width: 800px) {
 .footer {
 }
 .footer .wrapper a {
  margin: auto .5em;
  padding: .5em;
 }

}

.hidden {display: none !important;}