/* jsp $304523DD! */

/* ftp

JSP
6h6aKUje
193.39.255.48

*/


.NTButton {
  margin: 0;
  border: 0;
  background: #75797B;
  background-image: -webkit-linear-gradient(top, #75797B, #75797B);
  background-image: -moz-linear-gradient(top, #75797B, #75797B);
  background-image: -ms-linear-gradient(top, #75797B, #75797B);
  background-image: -o-linear-gradient(top, #75797B, #75797B);
  background-image: linear-gradient(to bottom, #75797B, #75797B);

  font-family: Arial;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.NTButton:hover {background:#e30717;
}

#app-root .active.btn-default, #app-root .active.btn-primary, #app-root .btn-default:hover, #app-root .btn-primary:hover {background-color:#e30717;}

.NTButton:active {
}

.NTButton:disabled {
}

.NTButton::-moz-focus-inner { padding:0; border:0;}

a.NTButton:link, a.NTButton:visited {
  color: #ffffff;
  text-decoration: none;
}

a.NTButton:hover {
}

/* Ray added stuff from this point on - Delete to reset*/


/* Landing page CSS */

/**
 *  MODULE
 */

.module-wrapper {
  position: relative;
}

.module {
  width: 100%;
  margin: 20px auto;
  text-decoration: none;	
}

.module-button {
  background: #333333;
  color: white;
  border: 0px solid rgba(255,255,255,.75);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;	
  border-radius: 0px;
  font-size: 1.2em;
  transition: 300ms;
  text-decoration: none;
}

.module-button:hover {
  background: #75797B;
  cursor: pointer;
  transition: 200ms;
  color: #fff;
  text-decoration: none;
}	

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;	
}

.pp-header-white {
    color: #fff;
    font-size: calc(50% + 2.8vh);
    font-family: 'Arial';
    font-weight: 700;
    line-height: 1em;
}

.pp-body-white {
    color: #fff;
    font-size: calc(50% + 2vh);
    font-family: 'Arial';
    line-height: 1.7em;
}

.pp-header-darkgrey {
    color: #333;
    font-size: calc(50% + 2.8vh);
    font-family: 'Arial';
    font-weight: 700;
    line-height: 1em;
}

.pp-body-darkgrey {
    color: #333;
    font-size: calc(50% + 2vh);
    font-family: 'Arial';
    line-height: 1.7em;
}


/* END - Landing page CSS */

/* Specification CSS */

.tftable {
	font-size:14px;
	font-family: Arial;
	color:#333333;
	width:100%;
	border-width: 0px;
	border-color: #FFFFFF;
	border-collapse: collapse;
	letter-spacing: 2px;
	}
	
.tftable th {
	font-size:12px;
	background-color:#acc8cc;
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #729ea5;
	text-align: left;
	}
	
.tftable tr.a {
	background-color:#FFFFFF;
	line-height: 20px;
	}
	
.tftable tr.b {
	background-color:#F0F0F0;
	line-height: 20px;
		
	}	
	
.tftable td {
	font-size:14px;
	border-width: 0px;
	padding: 10px;
	border-style: none;
	border-color: #FFFFFF;
	}

.tftable td.tit {
	font-size:14px;
	font-weight: 700;
	border-width: 0px;
	padding: 10px;
	border-style: none;
	border-color: #FFFFFF;
	}
	
.tftable tr:hover {
	background-color:#C4ECFF;
	}

.hdr {
	font-family: Arial;
	text-transform: uppercase;
	font-size: 18px;
	}
	
.shdr {
	font-family: Arial;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 14px;
	text-align: justify;
	column-span: 2;
	font-weight: 700;
	}

/* END - Specification CSS */

/* EWD CSS */

.EWD_PageInnerWrap.JSP-GO {
	padding:0px;width: 100%;
}

.EWD_PageInnerWrap.JSP-GO img {
	display: block; 
	max-width: 100%; 
	margin-bottom:25px; 
}

*{box-sizing: border-box;}

.EWD_PageInnerWrap.JSP-GO ul, .EWD_PageInnerWrap.JSP-GO li {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
}

.EWD_PageInnerWrap.JSP-GO li {
	padding:0px 10px !important;
	margin-bottom: 15px !important;
}

.sec-jsp-main {
	width: 100%; 
	padding: 0px 20px; 
}

.sec-jsp-main p {
	font-size: 22px; 
	line-height: normal;
}

.sec-jsp-retail {
	width: 100%; 
	background: #fff; 
	padding: 30px 0; 
	border-bottom: 1px solid #2b2e31;
}

.sec-jsp-retail .jsp-retailText {
	width: 45%; 
	display: inline-block; 
	vertical-align: top; 
}

.ewd_wapper .sec-jsp-retail .jsp-retailText h1, .ewd_wapper .sec-jsp-retail .jsp-retailText h1 span {
	font-size: 60px; 
	line-height: 60px; 
	font-family: Impact, Arial-BoldMT, Arial Black, "sans-serif";
}

.jsp-go-header {
	font-size: 60px; 
	line-height: 60px; 
	font-family: Impact, Arial-BoldMT, Arial Black, "sans-serif";
}

.sec-jsp-retail .jsp-retailText span {
	display: block; 
	font-size: 50px;
}

.sec-jsp-retail .jsp-retailImg {
	width: calc(55% - 4px); 
	width: -webkit-calc(55% - 4px); 
	width: -moz-calc(55% - 4px); 
	display: inline-block; 
	padding-left: 20px;
}

a.jsp-retailButton {
	font-size: 22px;display: block;
	padding: 15px 10px !important;
	background: #75797B;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	margin-top: 12px;
	width: 100%;
	overflow: hidden;
}

a.jsp-retailButton:hover {
	background: #2b2e31; 
	transition: all .5s ease-in-out; 
}

.sec-jsp-online {
	width: 100%; 
	padding: 30px 0; 
	border-bottom: 1px solid #2b2e31;
}

.sec-jsp-online .jsp-onlineImg {
	display: inline-block; 
	width: calc(55% - 4px); 
	width: -webkit-calc(55% - 4px); 
	width: -moz-calc(55% - 4px); 
	padding-right: 20px;
}

.sec-jsp-online .jsp-onlineText {
	display: inline-block; 
	width: 45%; 
	vertical-align: top;
}

.ewd_wapper .sec-jsp-online .jsp-onlineText h2 {
	font-size: 45px; 
	font-family: Impact, Arial-BoldMT, Arial Black, "sans-serif"; 
	line-height: normal;
}

.sec-jsp-moblie {
	width: 100%; 
	overflow: hidden; 
	padding: 30px 0;
}

.ewd_wapper .sec-jsp-moblie h3 {
	font-size: 28px; 
	font-weight: bold; 
	line-height: 30px; 
	font-family:Impact, Arial Black, "sans-serif";
}

.sec-jsp-moblie p {
	margin: 12px 0;
	min-height: 135px;
}

.sec-jsp-moblie ul li {
	width: 20%; 
	float: left; 
	padding-right: 8px; 
	padding-bottom: 10px;
}

.sec-jsp-moblie a.jsp-retailButton { 
	float: left;
}

.JSP-GO .jsp-retailText sup {
	top: -9px;
}

.JSP-GO sup {
	top: -4px;
}

.sec-jsp-retail .jsp-retailText, .sec-jsp-online .jsp-onlineImg, .sec-jsp-online .jsp-onlineText { 
	text-align:left !important;
}

@media screen and (max-width:767px){
	.ewd_wapper .sec-jsp-retail{padding: 0px 0 30px 0;}
	.ewd_wapper .sec-jsp-main p{line-height: 26px;display: inline;}
	.ewd_wapper .sec-jsp-retail .jsp-retailText h1, .ewd_wapper .sec-jsp-retail .jsp-retailText h1 span{margin-bottom: 8px; font-size: 44px;font-family:Impact, Arial-BoldMT, Arial Black, "sans-serif";line-height: 48px;}
	.ewd_wapper .sec-jsp-online .jsp-onlineText h2{font-size: 30px; font-family:Impact, Arial-BoldMT, Arial Black, "sans-serif";}
	.ewd_wapper .jsp-retailText a.jsp-retailButton, .ewd_wapper .sec-jsp-moblie a.jsp-retailButton{font-size: 22px; font-family: Arial-BoldMT, Arial Black, "sans-serif" !important; padding:15px 5px !important;}
	.ewd_wapper .sec-jsp-moblie h3{font-size: 28px;font-family: Impact, Arial-BoldMT, Arial Black, "sans-serif";margin-bottom: 5px;}
	.ewd_wapper .sec-jsp-online .jsp-onlineImg{margin-bottom: 15px;}
	.EWD_PageInnerWrap.JSP-GO li{padding: 0px !important;}
	.EWD_Main.EWD_menuTitle #page #context img{margin-top: 15px;}
	.ewd_wapper .sec-jsp-moblie h3 br{display:none}
	.EWD_PageInnerWrap.JSP-GO li{width: 100%;}
} 

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.ewd_wapper .sec-jsp-retail{padding: 0px 0 30px 0;}
	.ewd_wapper .sec-jsp-main p{line-height: 26px;display: inline;}
	.ewd_wapper .sec-jsp-retail .jsp-retailText h1, .ewd_wapper .sec-jsp-retail .jsp-retailText h1 span{margin-bottom: 8px; font-size: 44px;font-family:Impact, Arial-BoldMT, Arial Black, "sans-serif";line-height: 48px;}
	
	.ewd_wapper .sec-jsp-online .jsp-onlineText h2{font-size: 30px; font-family:Impact, Arial-BoldMT, Arial Black, "sans-serif";}
	.ewd_wapper .jsp-retailText a.jsp-retailButton, .ewd_wapper .sec-jsp-moblie a.jsp-retailButton{font-size: 22px; font-family: Arial-BoldMT, Arial Black, "sans-serif" !important;}
	.ewd_wapper .sec-jsp-moblie h3{font-size: 28px;font-family: Impact, Arial-BoldMT, Arial Black, "sans-serif";}
	.ewd_wapper .sec-jsp-online .jsp-onlineImg{margin-bottom: 15px;}
	.EWD_PageInnerWrap.JSP-GO li{padding: 0px !important;}
	.EWD_Main.EWD_menuTitle #page #context img{margin-top: 15px;}
}

@media (max-width: 991px){
	.sec-jsp-main p {font-size: 16px; }
	.sec-jsp-retail .jsp-retailImg {display: none;}
	.sec-jsp-retail .jsp-retailText, .sec-jsp-online .jsp-onlineImg, .sec-jsp-online .jsp-onlineText  {width: 100%; text-align: left; display: block;}
	.sec-jsp-online .jsp-onlineImg img {width: 700px; margin: 0 auto;}
	.sec-jsp-moblie ul li {width: 33.33%; padding: 0px 12px 30px;}
}

@media (max-width: 768px){
	.sec-jsp-moblie ul li {width: 50%;}
	.sec-jsp-moblie p {min-height: 63px;}
}

@media (max-width: 550px){
	.sec-jsp-retail .jsp-retailText h1 {font-size: 45px; line-height: 45px;}
	.sec-jsp-retail .jsp-retailText span {font-size: 40px;}
	a.jsp-retailButton {font-size: 18px; padding: 14px;}
	.sec-jsp-main p {font-size: 16px; margin-bottom: 5px;}
	.sec-jsp-online .jsp-onlineText h2 {font-size: 35px;}
	.sec-jsp-moblie h3 {font-size: 28px; line-height: normal;}
	.sec-jsp-moblie p {min-height: 72px;}
	.sec-jsp-moblie a.jsp-retailButton {margin-top: 0;}
}

@media (max-width: 480px) {
	.sec-jsp-main {padding: 0 10px; }
	.sec-jsp-moblie ul li {width: 100%; text-align: center; }
	.sec-jsp-moblie ul li img {width: 280px; margin: 0 auto;}
	.sec-jsp-moblie ul li p {min-height: auto; margin: 0 0 10px;}
	.sec-jsp-moblie ul li br {display: none;}
}

	/* PressToCheck Page */
	.div-contaner{ text-align: center;}	
	.div-contaner .left{ float:left; width:50%;}
	.div-contaner .right{ float:left; width:50%;}
	.div-contaner .img{ background:#fff; width:100%;display: inline-block;}
	
	.product-contaner{}
	.product-contaner .left{ float:left; width:50%;}
	.product-contaner .right{ float:left; width:50%;}
	.product-contaner .img{ background:#fff; width:100%;display: inline-block;}
	
@media (max-width: 767px) {
	.div-contaner{ text-align: center;}	
	.div-contaner .left{ float:left; width:100%;}
	.div-contaner .right{ float:left; width:100%;}
	.div-contaner .img{ background:#fff; width:100%;display: inline-block;}
	
	.product-contaner{}
	.product-contaner .left{ float:left; width:100%;}
	.product-contaner .right{ float:left; width:100%;}
	.product-contaner .img{ background:#fff; width:100%;display: inline-block;}
	
}
    
@media only screen and (min-width:220px) and (max-width:640px) {
	.EVOVISTASAFETY .pp-header-white h1{line-height: 36px;}
}
    
@media only screen and (min-width:641px) and (max-width:991px) {
	.pp-header-white{font-size: calc(50% + 1.8vh);}
}

/* END - EWD CSS */

/* Custom CSS SIte */