@font-face {
font-family: 'stormland';
src: url(/style/css/fonts/stormland);
}
@font-face {
font-family: 'bignoodletitling';
src: url(/style/css/fonts/bignoodletitling/big_noodle_titling-webfont.woff);
}
nav{
	
}

body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.lead
{
	font-size:1.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: rgba(200,200,200,.7);
}
.img-shadow{
	box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);
}
.img-zoom{
     
	  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
.img-zoom:hover{
transform:scale(1.2);

}
* {box-sizing: border-box;}
.img-magnifier-container {
  position: relative;
}
::marker {
  color: gray;
  font-size: 1.5em;
}

.img-magnifier-glass {
  opacity:0;
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}
.img-magnifier-glass:hover {
  opacity:70%;
}
img-grayscale{
     filter: grayscale(100%);
}
.loaderdiv{
	position: absolute;
	background: white;
	z-index: 99998;
    width: 100%;
    height: 100%;
	opacity:1;animation: transition 2s ease-in-out 3s forwards;
	visibility: visible;
}
.loader {
	position: relative;
	margin:auto;
	top:15%;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
	z-index: 99999;
    width: 120px;
    height: 120px;
    animation: spin 3s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes transition {
0%   { opacity:1;visibility: visible; }
100% { opacity:0;visibility: hidden; }
}



header.masthead {
  position: relative;
  background-color: #343a40;
   background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 2rem;
}

#parallax_move {
	margin-top:-40px;
	margin-left:-50px;
	width: 100%;
	position: absolute;
	transform: translate3d(0px, 0px, 0px);
	transform-style: preserve-3d;
	backface-visibility: hidden;
}
#parallax_move .layer {
	width: 110%;
	height: 100%;
	background-position: top center;
	background-size: cover;
	overflow:hidden;
}
#parallax_move .layer1 {
	position: relative;
	margin-top:-50px;
	background-image: url(/img/facade.png);
	min-height: 771px;
	transform: translate3d(0px, 1.2196px, 0px);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	display: block;
	left: 0px;
	top: 0px;
}

#parallax_move .layer2 {
	position: absolute;
	background-image: url(/img/facade.png);
	min-height: 771px;
	transform: translate3d(0px, 2.4392px, 0px);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	display: block;
	left: 00px;
	top: 0px;
}
#parallax_move .layer3 {
	padding-top:3%;
	height:100%;
	transform: translate3d(1.79266px, 2.4392px, 0px); 
	transform-style: preserve-3d;
	backface-visibility: hidden;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	background:rgba(0, 0, 0, 0.5);
	opacity:0.9;
}
#parallax_move .layer3 img{
	padding-top:3%;
	height:100%;
}
.home-header-wrap {
	overflow: hidden;
	position: relative;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  header.masthead h1 {
    font-size: 3.5rem;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

.features-icons {
  padding-top: 3rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
  position: relative;
  background-color: rgba(255,255,255,.5);
  /*background: url("../img/bg-masthead.jpg") no-repeat center center;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color:black;
  overflow:hidden;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
}
/*.call-to-action .calque {

	min-height: 100%;
	transform: translate3d(1.79266px, 2.4392px, 0px); 
	transform-style: preserve-3d;
	backface-visibility: hidden;
	display: block;
	padding:10px;
	background:rgba(0, 0, 0, 0.5);
	opacity:0.9;
	border-radius:calc(.35rem - 1px);
}*/

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
/* PRE LOADER */
.preloader {
	overflow: hidden !important;
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fefefe;
}
.status {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin: -100px 0 0 -100px;
	background-image: url(./images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}



@font-face{font-weight:normal;font-style:normal;font-family:'feathericons';src:url('../fonts/feathericons/feathericons.eot?-8is7zf');src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg')}
*, *:after, *:before {box-sizing: border-box;}
.grid{position:relative;margin:0 auto;padding:0;max-width:1000px;list-style:none;text-align:center}
.grid figure{position:relative;border-radius:calc(.25rem - 1px);float:left;overflow:hidden;margin:1% 1%;min-width:320px;background:#3085a3;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:1}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{word-spacing:-0.15em;font-weight:300}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
@media screen and (max-width:50em){
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}
}

figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,0.8) 75%);background:linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(72,76,97,0.8) 75%);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
 figure.effect-sadie h2{position:absolute;top:50%;left:0;width:100%;color:white;-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
 figure.effect-sadie figcaption::before,figure.effect-sadie p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
 figure.effect-sadie p{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
 figure.effect-sadie:hover h2{color:#fff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}
 figure.effect-sadie:hover figcaption::before,figure.effect-sadie:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}