/* style by wahl.red */
  
/* inViewport */
[data-inviewport="rotate-in"] { transition: 2s;	transform: rotate(360deg);}
[data-inviewport="rotate-in"].is-inViewport { transform: rotate(350deg);}

[data-inviewport="slogan-desktop-slide-in"]              { transition: 2s; transform: translate(70px, 25%); }
[data-inviewport="slogan-desktop-slide-in"].is-inViewport{ transform: translate(0px, 25%); }

[data-inviewport="slogan-mobile-slide-in"]              { transition: 2s; transform: translate(0, -30%); }
[data-inviewport="slogan-mobile-slide-in"].is-inViewport{ transform: translate(0, 25%); }

[data-inviewport="slide-in-bottom-60"]              { transition: 2s; transform: translate(0, 60px); }  /* slide-in-bottom-60 */
[data-inviewport="slide-in-bottom-60"].is-inViewport{ transform: translate(0,0px); }

[data-inviewport="slide-in-bottom-50"]              { transition: 2s; transform: translate(0, 50px); }  /* slide-in-bottom-50 */
[data-inviewport="slide-in-bottom-50"].is-inViewport{ transform: translate(0,0px); }

[data-inviewport="slide-in-bottom-40"]              { transition: 2s; transform: translate(0, 40px); }  /* slide-in-bottom-40 */
[data-inviewport="slide-in-bottom-40"].is-inViewport{ transform: translate(0,0px); }

[data-inviewport="slide-in-bottom-30"]              { transition: 2s; transform: translate(0, 30px); }  /* slide-in-bottom-30 */
[data-inviewport="slide-in-bottom-30"].is-inViewport{ transform: translate(0,0px); }

[data-inviewport="slide-in-right"]                  { transition: 2s; transform: translate(50px, 0); }
[data-inviewport="slide-in-right"].is-inViewport    { transform: translate(0px,0); }

@keyframes slideIn {
	from {transform: translate(100px, 25%);}
	to {transform: translate(0px, 25%);}
}

/* general styles */
.row, .row--fluid { text-align: center; }
.row--fluid { padding: 0 0 0 0; } /* contact section in full width */
.row--fluid .grid-6 { padding: 0 0 0 0; } /* contact section in full width */
h1,h2,h3,h4 {
  /*font-family: ddt, sans-serif;
  font-weight: 400;
  font-style: normal;*/
}
.section_title {  padding: 0 0 40px 0; }
/* dark gray #2f3033; bright gray #9fa3ac */

/* header */
#header {
  position: fixed;
  top: 0px;
  z-index: 10;
  width: 100%;
  background-color: white;
  box-shadow: 0 0 10px 0 rgb(100, 100, 100);
}
#header .logo { float: left; }
#header .serviceSummary {float: left; color: #85868a; transform: translate(0, 20%); padding-left: 20px;}
#header .contact-icon { height: 100%; float: right; }
#header .contact-icon li { float: left; transform: translate(0, 40%); }
#header .contact-icon li p{ transform: translate(0, 30px); color: #85868a; }

#header .logo img{ width: 250px; }

#header .contact-icon img {
  height: 40px;
  width: 40px;
  margin-left: 20px;
  transition: 200ms linear;
  cursor: pointer;
}
#header .contact-icon img:hover { transform: scale(1.2); }


.parallax__group_white { padding: 100px 0px 100px 0px; }

/* quality-seal and slogan */
.sealslogan-desktop {
  display: flex;
  justify-content: center;
  padding: 50px 0 10px 0;
}
.sealslogan-desktop img{
  height: 200px;
  width: 200px;
  object-fit: cover;
  float: left;
}
.sealslogan-desktop h1 {
  padding-left: 50px;
  text-align: left;
  letter-spacing: .6px;
  float: left;
}
.sealslogan-desktop p { text-align: center;}

.sealslogan-mobile { display: none;	justify-content: center; }
.sealslogan-mobile img {
	float: none;
	height: 200px;
	width: 200px;
	object-fit: cover;
  }
.sealslogan-mobile h1 {
	float: none;
	padding-bottom: 70px;
	letter-spacing: 1px;
}


/* Services */
.servicesTitle { width: 33%; }
.services-mobile { display: none; }

.servicesTitle { color: #b5b9c2; }
.activeTitle { color: #000; font-size: 130%;}
.img-prev,.img-next {
  content: url(../img/arrow.png);
  transform: scale(.4);
  transition: 200ms linear;
}
.img-prev { transform: scaleX(-1) scale(.4); }
.img-prev:hover { transform: scaleX(-1) scale(.4); }
.img-next:hover { transform: scale(.4); }

.slider-content p { padding: 0 10vw 0 10vw; text-align: center;}
.slider-content .pNarrow { padding: 0 33% 0 33%; }
.slider-content a { font-size: 15px;}
.slider-content .pLink { color: #8d9096;}

.controller {  padding-top: 20px; }
.controller-desktop{ display: none; }
.controller-mobile{ display: inline; }

/* Team */
.img-portrait { height: 150px; width: 150px; }
.personnel p { padding: 20px 0 20px 0;}
.img-mail {
  height: 40px;
  width: 40px;
  transition: 200ms linear;
}
.img-mail:hover { transform: scale(1.2); cursor: pointer; }

.text-mail { font-size: 12px; }


/* Contact */
.contact .contact-icon ol { padding-bottom: 70px;}
.contact .contact-icon img {
  height: 50px;
  width: 50px;
  transition: 200ms linear;
  cursor: pointer;
}
.contact .contact-icon img:hover { transform: scale(1.2);}
.contact .contact-icon p { padding-top: 15px;}

.contact-form { padding: 0 20px 0 20px;}

/* iframe google maps */
.mapouter {
  position: relative;
  text-align: right;
  height: 500px;
  width: 100%;
}
.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 500px;
  width: 100%;
}

/* screen size ajustements */
@media only screen and (min-width: 992px) and (max-width: 1199px) {   /* small screen */
  /*body { color: yellow; }*/
  #header .contact-icon li p{ display: none;}
  .slider-content {padding: 0 30px 0 30px;}
  .img-prev,.img-next { transform: scale(.3); }
  .img-prev { transform: scaleX(-1) scale(.3); }
  .img-prev:hover { transform: scaleX(-1) scale(.33); }
  .img-next:hover { transform: scale(.33); }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {    /* tablet */
  /*body { color: green; }*/
  #header .serviceSummary {display: none;}
  #header .contact-icon li p{ display: none;}
  .slider-content {padding: 0 20px 0 20px;}
  .img-prev,.img-next { transform: scale(.25); }
  .img-prev { transform: scaleX(-1) scale(.25); }
  .img-prev:hover { transform: scaleX(-1) scale(.28); }
  .img-next:hover { transform: scale(.28); }
}
@media only screen and (max-width: 767px) {                           /* mobile */
  /*body { color: red;  }*/
  *{font-size: 15px;}
  #header .logo img{width: auto; height: 50px; }
  #header .serviceSummary {display: none;}
  #header .contact-icon li { transform: translate(0, -8px); }
  #header .contact-icon li p{ display: none;}
  #header .contact-icon img { height: 35px; width: 35px; margin-left: 10px;}


  .parallax__group_white { padding: 40px 0px 50px 0px; }
  .sealslogan-desktop {display: none;}
  .sealslogan-mobile { display: inline;}

  .section_title {  padding: 0 0 0px 0; }
  .servicesTitle {display: none;}
  .services-mobile { display: inline;}
  .slider-content { text-align: center}
  .prev, .next {display: none;}
  .slider-content p { padding: 0 20px 0 20px;}

  .servicesTitle {display: none;}
  .services-mobile { display: inline;}
  .slider-content {padding: 0 10px 0 10px;}
  .slider-content p { padding: 0 5vw 0 5vw; text-align: center;}
  

  .img-prev,.img-next { transform: scale(.2); opacity: .8;}
  .img-prev { transform: scaleX(-1) scale(.2); }
  .img-prev:hover { transform: scaleX(-1) scale(.24); }
  .img-next:hover { transform: scale(.24); }

  .img-portrait { height: 100px; width: 100px; }
  .img-mail { height: 35px; width: 35px;  }
  .contact-form {    padding-top: 150px;  }

}
@media only screen and (max-width: 550px) {
  .sealslogan-mobile img { height: 40vw; width: 40vw; float: none; }
  .slider-content .pNarrow { padding: 0 0 0 0; }
} /* mobile - but smaller */