/* header_menu*/	
		html, body  {
	margin: 0px;height:100%;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;font-family: 'Lato', sans-serif;font-weight: 400;
}img {
  image-rendering: auto;
  image-rendering: crisp-edges;

}
.clearer { clear: both;}
* {
	margin: 0;
	padding: 0;
}a:focus { 
    outline: none; 
}
a img
{
  border:none;
}ul {border:0; padding: 0; margin:0;list-style: none;}
li{list-style: none;}
 
h1, h2, h3{
	padding: 0px;
	color: #96bfd4;
	margin: 0px; font-weight: normal;	
	line-height: 100%;    font-family: 'gilroyextrabold', sans-serif;
}h1 {	display: inline-block;}
	.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }
		
	 .hb
{
    height: 150px;color:#ffffff;text-transform: uppercase;font-size:2em;
    line-height: 150px;font-family: 'gilroyextrabold', sans-serif;
  width:24%;float:left;margin-right:1%;margin-top:25px;font-family: 'gilroyextrabold', sans-serif;background-color: #ffffff;
}
		.mouse-down {
  width:15px;
  height:30px;
  border:2px solid #96BFD4;
  border-radius:20px; margin: auto auto;margin-bottom:25px;
  
}
.bullet {
  width:5px;
  height:5px;
  background:#ffffff;
  margin: auto auto;
  border-radius:8px;
  position:relative;
  
  -webkit-animation: scrollDownUp 3s infinite; /* Chrome, Safari, Opera */
    animation: scrollDownUp 3s infinite;
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes scrollDownUp {
    0% {top: 5px;}
    50% {top: 20px;}
    100% {top: 5px;}
} 

/* Standard syntax */ 
@keyframes scrollDownUp {
    0% {top: 5px;}
    50% {top: 20px;}
    100% {top: 5px;}
}
.hb span
{
    display: inline-block;
    vertical-align: middle;padding:10px;
    line-height: 1em; <-- adjust this
}.hb:nth-child(4) {
    margin-right:0;   
}
 
.scroll{width:100%; height:auto; text-align:center;position:absolute; bottom:15px;}
		
	
		
		
			@media screen and (max-width: 568px) {
	
		.hblock h1{font-size: 2.2em;}
	}.prow2 {
  height: 100vh; min-height: 100%;

}
.prow2 {
	display:flex;background: #fff;
	align-items:center;z-index: 50;
}.prow2:nth-child(odd){flex-direction:row-reverse}.celz2{display:flex;}
.celz1, .celz2{ flex: 1; width:50%;}
.celz2{min-height:100%;background-color: #000000;overflow:hidden;
}.boh{flex:1 0 100%;
		background-position: center center;background-color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat; 
	-webkit-transition: opacity 2s ease-in;
       -moz-transition: opacity 2s ease-in;
        -ms-transition: opacity 2s ease-in;
         -o-transition: opacity 2s ease-in;
            transition: opacity 2s ease-in; 

	-webkit-animation: zoomin 30s;
	-webkit-animation-fill-mode: forwards;
			}
	
		@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
    }

}
		.padz{margin-left:10%; margin-right:10%;
		-webkit-animation-name: ups;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function:ease-out;    font-size: 1.3em;
    font-weight: 300;}
			
			
			
			
	@keyframes ups {
    0% {
         -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
       
    }
		 100% {
        -webkit-transform: translate3d(0,20,0);
    transform: translate3d(0,20,0);
       
    }
}
	.loaded {
    opacity: 1;
}	@media screen and (max-width: 568px) {
	
		.hblock h1{font-size: 2.2em;}
	}.prow2 {
  height: 100vh; min-height: 100%;

}
.prow2 {
	display:flex;background: #fff;
	align-items:center;z-index: 50;
}.prow2:nth-child(odd){flex-direction:row-reverse}.celz2{display:flex;}
.celz1, .celz2{ flex: 1; width:50%;}
.celz2{min-height:100%;background-color: #000000;overflow:hidden;
}.boh{flex:1 0 100%;
		background-position: center center;background-color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat; 
	-webkit-transition: opacity 2s ease-in;
       -moz-transition: opacity 2s ease-in;
        -ms-transition: opacity 2s ease-in;
         -o-transition: opacity 2s ease-in;
            transition: opacity 2s ease-in; 

	-webkit-animation: zoomin 30s;
	-webkit-animation-fill-mode: forwards;
			}
	
		@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
    }

}
		.padz{margin-left:10%; margin-right:10%;
		-webkit-animation-name: ups;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function:ease-out;    font-size: 1.3em;
    font-weight: 300;}
			
			
			
			
	@keyframes ups {
    0% {
         -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
       
    }
		 100% {
        -webkit-transform: translate3d(0,20,0);
    transform: translate3d(0,20,0);
       
    }
}
		.mcopy{    font-size: 1.3em;
    font-weight: 300;padding-bottom:100px;padding-top:40px;}
		.mcopy h1{text-transform: uppercase;font-size:1.7em;}
		.mcopy h2{font-size:1em;font-weight:300;font-family: 'Lato', sans-serif;}
		
		.htop{visibility: hidden;}	
#slideshow{visibility: hidden;}	
		.prel{background-color: #000000;}
		/* header_menu*/
	.header{
	width: 100%;
height:auto;
	padding-bottom: 15px;
	z-index: 50;position: absolute;
}
.logo{
	float:left;
height:auto;
	margin-top: 23px;width:250px;
}
.logo img{width:100%; height:auto; max-width:180px;}
	
.menu, .menu-bg, .menu-burger {
  position: fixed;
  width: 40px;
  height: 40px;
  font-size: 25px;
  text-align: center;
  border-radius: 100%;
  right: 25px;
  top: 25px;
}

.menu-bg {
  background: #96BFD4;
  pointer-events: none;
  transition: .3s;
  right: 45px;
  top: 45px;
  transform: translate3d(50%, -50%, 0);
  transform-origin: center center;
}
.menu-bg.fs {
  transform: translate3d(50%, -50%, 0);
  width: 330vw;
  height: 330vw;	z-index: 100;
}

.menu-burger {
  color: white;
  padding-top: 2px;
  -webkit-user-select: none;
  cursor: pointer;
  transition: .4s;
  transform-origin: center;z-index: 101;
}
.menu-burger.fs {
  transform: rotate(-180deg) translateY(5px);
}


		
	.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	z-index: 999;
	
}	
		
.overlay.fs {
  opacity: 1;
  visibility: visible;
  height: 100%;z-index: 999;
}
.overlay.fs li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.fs li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.fs li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.fs li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	font-size: 30px;
	 font-family: 'gilroyextrabold', sans-serif;
 font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 5);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
		.overlay ul li.langs {background-color: azure;}		

.overlay ul li.langs a{
	color: #9FF;
}
.overlay ul li.langs a:hover{
	color: #FFF;
}
		
		
		
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  -webkit-transition: .35s;
  transition: .35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.round-button {
    display:inline-block;margin-left: auto;
    margin-right: auto;
    width:50px;
    height:50px;
    line-height:50px;
 
    border-radius: 50%;
    color:#96BFD4;
    text-align:center;
    text-decoration:none;
    background: #FFFFFF;
   
    font-size:20px;
    font-weight:bold;
}
.round-button:hover {
    background: #AED0E1;
}

		
		.nolang{display:none;}	
		
		

		
		
		
		
		
		.submenu li a.ready{
	color: #96bfd4;
}
		
		
		
		ul.llinks{margin-top:10px; margin-bottom:30px;}
		ul.llinks li a, .submenu li a{
color: #3E4246;
	text-decoration: none;font-family: 'gilroyextrabold', sans-serif;
}
		ul.llinks li a, .submenu li a {    
-webkit-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
   
    -webkit-transition-duration: 0.165s;
    -moz-transition-duration: 0.165s;
    transition-duration: 0.165s;
   
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;}

		
		ul.llinks li a:hover, .submenu li a:hover{
	color: #96BFD4;
	text-decoration: none;
}
		
		
		
		
		.footer{
	background-color: #1a2b3b;
	height: auto;
	width: 100%;
	padding-top: 25px;color: #ffffff;
	
}
.f2{width:35%;	float:right;}
.f2 img{width:100%;height:auto;max-width:160px;padding-bottom:20px;}
.f1{
	width:25%;
	margin-right:1%;
	color: #FFF;
	font-size: 0.9em;
	float:left;
	text-transform: capitalize;
}.f1 h1{
	font-size: 1.5em;
	text-transform: uppercase;	color: #96BFD4;
}
.f1 li{
	line-height: 1.6em;
}
.f1 a{color: #ffffff;text-decoration: none;}

.f1 a:hover{
	color: #96BFD4;
	text-decoration: none;
}

.f1 a:link span, .f1 a:active span, .f1 a:visited span{
	text-decoration: none;
	font-weight: 700;
}
.f1 a:hover span{
	color: #000;
	text-decoration: none;
}

.f2 li {
	float:left;
	font-size: 1.2em;
	font-weight: 700;
}
li.f21{
	width:20%;
	color: #96BFD4;
}
li.f22{
	width:75%;
	color: #ffffff;
}

li.f23{
	width:75%;
	color: #ffffff;
	font-size: 1em;
	font-weight: 300;
	padding-top: 15px;
}
.legal{
	width:100%;
	padding-top:15px;
	padding-bottom:35px;
	font-size: 0.7em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #96BFD4;
	margin-top: 15px;
	color: #999;
}
.l1{
	float:left;
	width:69%;
	text-align: left;
	color: #666;
}
.l2{
	width:30%;
	float:left;
	text-align: right;
}
.l2 img{width:100px; height:auto;}

		
		
		
		
		
		
		
		
		
		
		
		
		
			
		/* pagewidths_pads*/	
		
		.content{	width:100%;
	max-width:1400px;
	height:auto;
margin-left:auto; margin-right:auto;float-collapse: none;}
		.mpadz{padding-left:25px;padding-right:25px;}
		
		 .htop, .hmid {
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
  }	 .htop {
background-color: #000000;
  }
		
		.hmid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding: 0 5em;
}
		
		
	.innercont {width:100%; height: 100%;		}		

	
		.innercont
	
	{background:url(
http://www.fin-diemme.com/engineering_company/hmage.jpg); 
		background-repeat: no-repeat;
	-o-background-size:60% auto;
-webkit-background-size:60% auto;
-moz-background-size:60% auto;
background-size:60% auto;
		overflow: hidden;
		background-position:  right 0px top 0px; 
	
		
		
		
		-webkit-animation-name: MOVE;
		
	 animation: MOVE ease-in-out 10s infinite;
    -moz-animation: MOVE ease-in-out 10s infinite;
    -webkit-animation: MOVE ease-in-out 10s infinite; 
		

		

    }


     @-webkit-keyframes MOVE {
		 
		 
			 0% {
          background-position:  right -200% top -30px; opacity: .1;
   }
  
		 		 10% {
          background-position:  right 50% top -30px; opacity: .8;
    }
		 
		 	 		 20% {
          background-position:  right 20% top 15px; opacity: .4;
    }
			 30% {
          background-position:  right 20% top 150px; opacity: 1;
    }
  
		 		 50% {
          background-position:  right 20% top 20px; opacity: .3;
    }
		 
		 			 60% {
          background-position:  right 20% top 150px; opacity: 1;
    }
  
		 		 80% {
          background-position:  right 20% top 20px; opacity: .3;
    }
		 
		 	100% {
          background-position:   right -200% top -30px; opacity: .1;
    }
  
	
		 
 
    }
	
		
		
		

		
		
		
		
		
		
		.hcopy{
   position: absolute;top:0;display:table;width:auto;    height: 100%;
  }
	
	
	.hblock{display: table-cell;
    vertical-align: middle;padding-left:25px;
    height: auto;
    width:100%;
		max-width:600px;
    color: #FFF;
    text-align: left;}
	.hblock h1{font-size: 5em;     


   
    text-transform: uppercase;
    line-height: 0.8em;
    position: relative;
    display: inline-block;
    text-align: left;
    letter-spacing: -6px;
margin-left:-6px;
    background-image: -webkit-gradient(linear, left top, 0deg, color-stop(0%, #e8f7ff), color-stop(100%, #96BFD4));
    background-image: -moz-linear-gradient(0deg,#e8f7ff 0%,#96BFD4 100%);
    background-image: -webkit-linear-gradient(0deg,#96BFD4 0%,#e8f7ff 100%);
    background-image: -o-linear-gradient(0deg,#e8f7ff 0%,#96BFD4 100%);
    background-image: -ms-linear-gradient(0deg,#e8f7ff 0%,#96BFD4 100%);
    background-image: linear-gradient(0deg,#e8f7ff 0%,#96BFD4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
	.hcopy	h1:after {
    background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
text-shadow: 6px 22px 20px rgba(0, 0, 0, 1);
    top: 0; z-index: -1;

   
}

	
		.more {

    width: auto;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
	 padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    text-decoration: none;margin-top:20px;
    display: inline-block; transition: all 0.5s ease;


}
		.but1{
	color: #FFFFFF;
	border: 2px #96BFD4 solid;margin-right:10px;}
		
		
		.but1:hover {
  border: 2px #FFFFFF solid;color:#96BFD4;
}

.but1:hover a{
 color: aquamarine;
}
		
		.round-button:hover {
    background: #AED0E1;
}

.centrep {
	 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;


  /* whitespace fix */
	
	padding: 1px;
  
		}.centrep h2{text-transform: uppercase;    font-size: 3.5em;line-height: .8em;
		color: #FFFFFF;

  

}

@-webkit-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes Gradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
		
.cenl, .cenr {
width:50%;float:left;  
 
}.cenr{font-size: 1.3em;font-weight: 400; color: #FFFCFC;}

		
	

		.bpanel{background-color: #000000;}
	
	.pwrap h2 >  a {
  position: relative;
  color: #96BFD4;
  text-decoration: none;padding-bottom:10px;
}

.pwrap h2 >  a:hover {
  color: #96BFD4;
}
	
.pwrap	h2 > a:after {

  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #96BFD4;
  transition: 0.4s;
}
	.pwrap h2 > a:hover:after {
width: 100%;
}
.pwrap h1 a:hover{	color: #ACD3DC;}
.pwrap p{margin:0;}
.pwrap {
    width:100%;
    margin:auto;
}.pwrap img {
    width:100%;
    height:auto;
}

.cell {flex:1 0 50%;}
.cell2 {flex:1 0 50%;}
.cell, .cell2 {/* fallback */
	display:inline-block;
	width:49.8%;
	vertical-align:middle;white-space: normal; 
	
}
  
  
  
  
  .cell{min-height:450px;background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;}


.galsur {
    margin-bottom: 50px;
}.galsur :nth-child(4n+4) {
	margin-right:0px;
}
.gal {
    width: 21.5%;
    height: auto;
    float: left;
    margin-right: 2%;
    background-color: #FFFFFF;
    padding: 1%;
    -webkit-box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
    -moz-box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
    box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
    margin-bottom: 20px;
}.gal img {
    width: 100%;
    height: auto;
}
div.text.cell{
	
	font-size: 14px;
}

.propad{
	padding:2em;
	font-size: 1.2em;
	font-weight: 100;
}

.propad a:hover{
	color: #666;
}
.prow{
	background-color: #000000;

}
.prow:nth-child(even){flex-direction:row-reverse}
.prow:nth-child(even){
	text-align: right;
}.prow {
	display:flex;
	align-items:center;


}

.prow li{font-size: .8em;}
.prow p {
	

	color: #CCC;
}

.consent {
	position:fixed;
	display:table;
	left:0;
	bottom:0;
	width:100%;
	color: #FFF;
	background-color: #00aaaa;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	z-index: 10000;
	font-size: 12px; border-collapse: collapse;
} 
.consent button { float:right }
.consent { -webkit-animation:fadeBar 1s 1s both; animation:fadeBar 1s 1s both }

.consent a:link,.consent a:visited, .consent a:active{
	color: #B9FFFF;
	text-decoration: none;
	font-weight: bold;
}.consent a:hover{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}@-webkit-keyframes fadeBar {
	0% { opacity:0; -webkit-transform:translateY(100%) }
	100% { opacity:1; -webkit-transform:none }
	}
@keyframes fadeBar {
	0% { opacity:0; transform:translateY(100%) }
	100% { opacity:1; transform:none }
	}

@media screen and (min-width: 900px) {
	.button_container{display:none;}
	
	}
.full{ min-height: 100vh; height:auto; display: flex;
  flex-direction: column;
  justify-content: center;}

.bounce-up  {
  opacity: 0;
-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px, 200, 0px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;}
.bounce-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
	
.seed{font-family: 'gilroyextrabold', sans-serif;margin-top:15px; margin-bottom:15px;
 color: #838A92; }
.seed a:link, 	.seed a:active, 	.seed a:visited{text-decoration: none;color:#96bfd4;}
.seed a:hover{color:#838A92;}
	
		
		
		.submenu {
    margin-top: 10px;
    margin-bottom: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    text-transform: uppercase;
    font-size: 13px;
   
}
	.submenu li {
    float: left;
    margin-right: 20px;
    text-align: left;
    word-wrap: break-word;
    padding-top: .8em;
    padding-bottom: .8em;
}	
.wimage {    float: left;
    margin-right: 20%;margin-bottom:6%;
    width: 20%;
    display: block;}
.wimage2 {    float: left;
 margin-bottom:2%;
    width: 15%;
    display: block;}

.condiv{  width: 70%;float:left;margin-left:5%;  padding-top:50px;}

.wimage:nth-child(3n) {  
  margin-right: 0;
}
.spotlight:hover .email{display:block;width:100%; }
.email img{width:100%; max-width:10%;}
.email{display:none;-webkit-animation: fadeinout 4s forwards;
    animation: fadeinout 1s  forwards;}

@-webkit-keyframes fadeinout {
    0%   {padding-bottom: 0px;}
    70%  {padding-bottom: 40px;}
    80%  {padding-bottom: 30px}
    100% {padding-bottom: 35px;}
}
.spotlight{background-blend-mode: multiply;    height: 0;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    overflow: hidden;
    position: relative;
    background: #96BFD4;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
	background-size: cover;}
		.spotlight span{font-size: .8em;font-weight: 600;}.spotlight h3{  font-size: 1.7em; color: #fff;}
	.spotlight a{    position: absolute;text-decoration: none;
    left: 0;
    right: 0;
    bottom: 20%;

    color: #fff;
    text-align: center;

		-webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.staff{overflow: hidden;padding-top:15px; padding-bottom: 15px;
    margin: 0 -1.064%;
    display: block;}
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1c8d3+1,96bfd4+100 */
		
			@media (min-height: 400px) and (min-width: 0px) {
  section {
    min-height: 100vh;overflow: auto;
    padding-top: 0;
    padding-bottom: 0;

  }
	section {
		
		
		background: #fff;
background: #b1c8d3; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #b1c8d3 1%, #96bfd4 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #b1c8d3 1%,#96bfd4 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #b1c8d3 1%,#96bfd4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c8d3', endColorstr='#96bfd4',GradientType=1 );
		
  display: flex;
  flex-direction: column;
  justify-content: center;


		}
		
			}
		
		#slideshow {

	position: relative;
	width: 100%;
	height: 33em;
	overflow:hidden;
	-webkit-transition-property: height, width;
	-webkit-transition-duration: 0.5s;


    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,070404+100&1+0,0+100 */



}			
.products{
	margin-top: 2em;
	margin-bottom: 2em;min-height:600px;
}
.products :nth-child(3n+3){
  margin-right: 0;
}
.scats{
	background-color: #FFFFFF;
	float:left;
	padding: 2%;
	width:22%;
	height:auto;
	margin-right:10%;
	-webkit-box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
	-moz-box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
	box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 1em;
	font-weight: 300;
}

.blogss{
	background-color: #FFFFFF;
	float:left;
	padding: 0;
	width:26%;
	height:auto;
	margin-right:10%;
	-webkit-box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
	-moz-box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
	box-shadow: -7px 24px 94px -3px rgba(0,0,0,0.17);
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: left;
	font-size: 1em;
	font-weight: 300;
}
	.scats img, .blogss img {width:100%; height:auto;margin-bottom:10px;	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}	
		.scats:hover img {
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.blogss .bpad{margin:15px 15px 30px 15px;}
.blogss h1{font-size:25px;margin-bottom:10px;}

.scats a:link, .scats a:active,.scats a:visited{
	font-size: 1.5em;color: #96BFD4;
   font-family: 'gilroyextrabold', sans-serif;
    text-transform: uppercase;text-decoration: none;
}
.scats a:hover{
	color: #999;
}


.blogss a:link, .blogss a:active,.blogss a:visited{
	font-size: 1.5em;color: #96BFD4;
   font-family: 'gilroyextrabold', sans-serif;
    text-transform: uppercase;text-decoration: none;
}
.blogss a:hover{
	color: #999;
}



		.loader{perspective: 800px;background-color: antiquewhite;
position: absolute;

left: 50%;
margin-top:100px;
z-index: 600001;
pointer-events: none;}
		
		.boxcube2 {
position: relative;
width: 80px;
-webkit-transform-style: preserve-3d;
-webkit-transform: translate3d(0,0,0);
-webkit-transform-origin: 40px 40px 0;
-webkit-transform-origin: 40px 40px 0;
-webkit-animation: spin 1.6s infinite ease-in-out;
}
.boxcube2 div {
position: absolute;
width: 80px;
height: 80px;
color: white;
text-align: center;
line-height: 80px;
font-size: 34px;
}
.boxfront {
-webkit-transform: translateZ(40px);
-webkit-backface-visibility: hidden;
}
.boxback {
-webkit-transform: translateZ(-40px) rotateY(180deg);
-webkit-backface-visibility: hidden;
}

.boxleft {
-webkit-transform: rotateY(270deg) translateX(-40px);
-webkit-transform-origin: center left;
-webkit-backface-visibility: hidden;
}
.boxright {
-webkit-transform: rotateY(-270deg) translateX(40px);
-webkit-transform-origin: top right;
-webkit-backface-visibility: hidden;
}
.face2 {
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
}
.flex-container{

	min-height: 300px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */		
	display: flex; /* Standard syntax */
}
.flex-container .column1{
	padding: 10px;
	width:60%;

}
		.flex-container .column1 img{width:100%; height:auto;}
.flex-container .column.bg-alt{
	 display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;width:35%;
}

.consent {
	position:fixed;
	display:table;
	left:0;
	bottom:0;
	width:100%;
	color: #A4A4AC;
	background-color: #000303;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	z-index: 10000;
	font-size: 12px;
} 
.consent button { float:right }
.consent { -webkit-animation:fadeBar 1s 1s both; animation:fadeBar 1s 1s both }

.consent a:link,.consent a:visited, .consent a:active{
	color: #96BFD4;
	text-decoration: none;
	font-weight: bold;
}.consent a:hover{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
@-webkit-keyframes spin {
	0% { 
	-webkit-transform: rotateY(0deg); 
	}
	60% { 
	-webkit-transform: rotateY(-360deg);
	}
	
	100% { 
	-webkit-transform: rotateY(-360deg);
	}
}
				
		/* gen_ipads*/	
			@media screen and (max-width: 980px) {
			.centrep{display: block;}
			.cenl, .cenr {width:100%;float:none;  }	.galsur{margin-right:0;}
.gal{width:46%;padding:1.5%;}
.galsur :nth-child(2) {
	margin-right:0px;
				}.scroll{display:none;}
				.submenu li {
    width: 100%;
}
				.wimage {    float: left;
    margin-right: 9%;margin-bottom:6%;
    width: 27%;
    display: block;}

				.hblock  {width:500px;}
		.innercont{	-o-background-size:90% auto;
-webkit-background-size:90% auto;
-moz-background-size:90% auto;
			background-size:90% auto;}.centrep{padding-top:10px; padding-bottom:10px;}

.scats{	
	padding: 2%;width:40%; height:auto; margin-right:10%;
}
.blogss{	
	width:45%; height:auto; margin-right:10%;
}				
				.products :nth-child(3n+3){
  margin-right: 10%;
}
.products :nth-child(2n+2){
  margin-right: 0px;
}
}

@media screen and (max-width: 700px) {	
	.wimage:nth-child(3n) {  
  margin-right: 10%;
}	.wimage:nth-child(2n) {  
  margin-right: 0;
}
.wimage {    float: left;
    margin-right: 10%;margin-bottom:6%;
    width: 45%;
    }
}


		/* gen_phones*/	
		@media screen and (max-width: 568px) {
			.flex-container{display:block;}
			.flex-container .column.bg-alt {display:block;width:100%;}
			.flex-container .column1 {display:block;width:100%;}
			#slideshow{ height: 18em;}   
			.f2{width:100%;}
			.f1{display:none;}.mcopy{padding-bottom:0; padding-top:20px;}
			.scats {width:90%;margin-right:0;padding:5%;}
			.blogss {width:100%;margin-right:0}
			.gal {
    width: 97%;
    padding: 1.5%;
}.dist img{
	width:60%;
	height:auto;
	text-align: center;
}.mcopy {    font-size: 1.1em;}
			  .full {
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
			}.submenu {font-size:16px;}
			.overlay nav{font-size:25px;}
		.hblock h1{font-size: 3.5em;letter-spacing: -3px;}    
	
			.hblock  {width:100%;} 
			.centrep h2 {margin-bottom:10px;
  
    font-size: 2em;
    line-height: .8em;

			}.centrep{text-align:center;padding-bottom:20px;padding-top:20px;}
			
		}
			/* mob_vert*/	
@media screen and (max-width: 378px) {
	.wimage:nth-child(3n) {  
  margin-right: 0;
}	.wimage:nth-child(2n) {  
  margin-right: 0;
	}
.wimage {    float: left;
margin-bottom:6%;
	width: 100%;
	}.hblock h1{text-align:center; font-size: 3em;letter-spacing: -2px;}.hblock{vertical-align:bottom;padding-bottom:15px;text-align:center;padding-left:10px; padding-right:10px;}
}