/* hmtl{    box-shadow: inset 0px 0px 90px rgba(0, 0, 0, 0.5);  height:100%}

body{  background:#ccc;  margin:0px;  padding:0px;  position:relative;} */

#wrapper{  position:relative;  width:1000px;  height:1000px;  background:#ccc;  margin: 0px auto;  -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.1);  box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.1);  transition: box-shadow 0.8s;}

#wrapper:hover{  -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.3);  -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.3);  box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.3);}

.scrollpopup{ width:100%; max-width: 500px; height:100%; bottom: 0px; top: 67px; right: 0; position:fixed; z-index: 2500; transition: 0.5s; /*background:rgb(0 0 0 / 73%);*/ background: transparent; transition: .3s all ease-in-out;
} 

/* .box {width: 100%; max-width: 800px; margin:  15% auto; background:#fff; border-radius: 15px; padding: 0 14px;  border: 0;  position:relative; box-sizing: border-box;} */

.box {width: 100%; max-width: 600px; background: #7f7f7f;background-size: cover; border-radius: 15px; padding: 0 14px;  border: 0;  
position: absolute; box-sizing: border-box; right: 0; bottom: 67px;}

.box-overlay { background-color: rgb(51 51 51 / 61%) !important; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  border-radius: 15px; z-index: 1;}

.box-content { color: #fff; z-index: 5;  padding-bottom: 0; min-height: 250px; text-align: center; padding:0 30px;  }

.close {  position:absolute;  top: 10px;  right: 10px;  width: 20px;  height: 20px;  cursor:pointer;  z-index:500; color: #fff !important; opacity:1}

.ns-close { width: 25px;height:25px;	position: absolute;	right: 4px;	top: 4px;	overflow: hidden;	text-indent: 100%;cursor: pointer; -webkit-backface-visibility: hidden;	backface-visibility: hidden;}

.ns-close:hover, .ns-close:focus {	outline: none;}

.ns-close::before,.ns-close::after {	content: '';	position: absolute;	width: 3px;	height: 60%;	top: 50%;	left: 50%;	background: #fff;}

.ns-close:hover::before,.ns-close:hover::after {	background: #fff;}

.ns-close::before {	-webkit-transform: translate(-50%,-50%) rotate(45deg);	transform: translate(-50%,-50%) rotate(45deg);}

.ns-close::after {	-webkit-transform: translate(-50%,-50%) rotate(-45deg);	transform: translate(-50%,-50%) rotate(-45deg);}

.subbtns { width: 100%; padding: 10px 0px !important;  background: #126AB0;  color: #fff; border: 0;  border-radius: 4px;  font-size: 24px;  font-weight: 500;  text-decoration: none; cursor: pointer; }

.subbtns:focus { color: #fff;}

.subbtns:hover { color: #fff; background-color: #4f575f; text-decoration: none;}

@-moz-keyframes bounce {  

  0%, 20%, 50%, 80%, 100% {    -moz-transform: translateY(0);    transform: translateY(0); }

  40% {    -moz-transform: translateY(-30px);    transform: translateY(-30px);  }

  60% {    -moz-transform: translateY(-15px);    transform: translateY(-15px);  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }

  40% {  -webkit-transform: translateY(-30px);  transform: translateY(-30px);  }

  60% {    -webkit-transform: translateY(-15px);    transform: translateY(-15px);  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {    -moz-transform: translateY(0);    -ms-transform: translateY(0);    -webkit-transform: translateY(0);    transform: translateY(0);  }

  40% {    -moz-transform: translateY(-30px);    -ms-transform: translateY(-30px);    -webkit-transform: translateY(-30px);    transform: translateY(-30px);  }

  60% {    -moz-transform: translateY(-15px);    -ms-transform: translateY(-15px);    -webkit-transform: translateY(-15px);    transform: translateY(-15px);  }
}

.bounce {  -moz-animation: bounce 2s infinite;  -webkit-animation: bounce 2s infinite;  animation: bounce 2s infinite;}

#success_message{ display: none;}

.contact-pop { width: 145px; height: 45px; background: #3eb4ff; border: 1px solid #fff; position: fixed; text-align: center; top: 65%; margin-top: 0px !important; right: -2px; z-index: 1000; color: #fff;
  cursor: pointer; line-height: 40px; border-radius: 25px 0 0 25px;}

.contact-pop i { color: #fff; }


@media all and (max-width : 767px) {

  .box {width: 90%;}

  .subbtns { padding: 10px 30px !important; font-size: 16px; }

  .box-content {background: url(../images/Waldner-filling-sealing_1.jpg?ID=1) #c6c6c6 no-repeat center 15%; min-height: 275px; background-size: cover; border-radius: 15px 15px 0px 0px; }
  }