* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #f3f7f9;
	background: linear-gradient(180deg, #f3f7f9, #d1d8e3);
	background-attachment: fixed;
	font-family: "Frutiger", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	overflow-x: hidden;
}

.merlogo {
	position: absolute;
	right: 0;
	max-width: 100%;
	heght: auto;
}

.padded {
	padding-top: 50px;
	padding-bottom: 50px;
}

.vcenter {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.machine {
	padding-bottom: 9px;
}


.copy {
	font-size: 27px;
	line-height: 32px;
	color: #666666;
}

.btn-lg {
    padding: 12px 16px 8px 16px;
    font-size: 18px;
    line-height: 18px;
}


.media {
    margin-top: 0;
}
.media2div {
	padding: 0 45px;
}
.media-left {
	float: left;
}
.media-body2 p {
	text-transform: none;
	font-weight: normal;
	color: #666666;
}


.new {
	display: block;
    height: 72px;
    width: 72px;
    line-height: 72px;
	font-size: 22px;
	font-weight: 600;
    text-align: center;
	color: white;
	transform: rotate(-24deg);
    -moz-border-radius: 36px; /* or 50% */
    border-radius: 36px; /* or 50% */
    background-color: #00AEEF;
	margin-bottom: -9px;
}

.featured p {
	padding: 6px 0 30px 9px;
}
.featured strong {
	color: #00aeef;
}



table {
	width: 100%;
	margin: auto auto 9px auto;
	border: 1px solid #0c235a;
}
td, th {
	padding: 9px;
	border: none;
	text-align: center;
}
th {
	background: #0c235a;
	color: #00aeef;
}
td {
	background: rgba(255, 255, 255, 0.25);
	width: 20%;
}
.tablecolumn1 {
	font-weight: bold;
	border-right: 1px solid #00aeef;
	text-align: right !important;
	padding-right: 36px;
}
.responsive-table {
	overflow-x:auto;
	width: 90%;
	margin: auto;
}



.small {
	font-size: 0.75em;
	line-height: 1.25em;
	padding-top: 6px;
}

h1 {
	color: #06215C;
	font-size: clamp(3.5rem, 5vw, 5rem);
}
h2 {
	text-align: center;
	font-size: 2.625em;
	color: #003976;
	padding: 18px 45px 13px 45px;
	margin: 72px auto;
	background: #c2e4f3;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #003976;
	border-radius: 72px;
}
h4 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	color: #ffffff;
	padding: 18px 45px 13px 45px;
	margin-top: 72px;
	margin-bottom: 0px;
	background: rgb(0,32,91);
	background: linear-gradient(90deg, rgba(0,32,91,1) 0%, rgba(0,173,238,1) 100%);
}



.video-preview .img-responsive {
   width: 100%;
}

.videolink .fa-play-circle-o {
   content: '\f01d';
   width: 0;
   height: 0;
   display: block;
   margin: -20px 0 0 -15px;
   position: absolute;
   top: calc(50% - 0.5em);
   left: calc(50% - 0.25em);
   z-index: 2;
   transition: all 0.2s ease-in-out;
   color: #3ac7f4;
   -webkit-text-stroke: 1px black;
   font-size: 107px;
   line-height: 159px;
}

.videos > li {
   max-width: 285px;
}

.videoModalOverlay {
   background: #333;
   opacity: .5;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9999999998;
   width: 100%;
   height: 100%;
   display: none;
   cursor: pointer
}

.videoModalContainer {
   width: 720px;
   position: absolute;
   z-index: 9999999999;
   background: #fff;
   display: none;
   top: 50px
}

.videoModalContainer .closeVideoModal {
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  line-height: .7;
  position: absolute;
  top: 7px;
  right: 38px;
  color: #fff;
  -webkit-text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: normal;
  cursor: pointer;
  text-decoration: none;
  background: url(images/closeCrossModal.png) right -1px no-repeat;
  height: 22px;
  padding-right: 28px;
  padding-top: 5px
}

.videoModalContainer .closeVideoModal:hover {
   color: #fff
}

.videoModalContainer .modalBody {
  padding: 0;
  max-height: 405px
}

.videoModalContainer .modalBody iframe {
   max-width: 100%
}

.videoModalContainer .modalHead {
  background: url(images/refineResultsBg.jpg) left center repeat-x #963;
  width: 720px;
  height: 33px
}

.videoModalContainer .modalHead p {
   color: #fff;
   text-transform: uppercase;
   font: 18px 'OswaldBook',Arial,sans-serif;
   padding: 5px 0 0 10px
}

.modal .modal-header {
   padding: 9px;
   background-color: #264375;
   height: 33px
}

.modal .modal-header .close {
  opacity: 1;
  height: 22px;
  width: 22px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2N0FDQzgwMDZGMjExRTJBNDBCQUFFQzNDQjE3RDJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2N0FDQzgxMDZGMjExRTJBNDBCQUFFQzNDQjE3RDJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODY3QUNDN0UwNkYyMTFFMkE0MEJBQUVDM0NCMTdEMkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODY3QUNDN0YwNkYyMTFFMkE0MEJBQUVDM0NCMTdEMkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76V9C3AAAByElEQVR42pyVQUREURSG38woSoyGVk9DYxiGiFkNs6xVq6ERMdvH0Go2r21EaZFoNcw6lUREtEjMKNGqtEotopZTkijx+i//47juffOmw8ecc8/95977zrk3EQSB08fyoAKG6T+DLviMnKWEDYyBbXAT2O0EVC3znYRhxXWwCqbECs/BD/0smAMp+vugAd6iVtwWKzoFJcuK0qAJ3pmrdjYpc2Ryg0nfwLNtUcMF15zXAUO6cBH8MmEppqhc/S3ntnXhIw60tEkbwNdi6ngOQE7ECtypsplQOM3AF5jQRHocq9EfFzH9/HcYXw+Fq6J89G3WONajUFh+viG3wrFuKLzFQNNyhr4QD3gMprwUd61sVAUO6SxEfCDZKLmIvAfm5JNOf/NASfh+jDlOkp0VdpRuSrDFrlLd9sQ/MomrTnT5+zXq48kK8ESphbHZfh9PlpsrEtVZPhoqwNNKMKSll5tiT++cASmIzi1KYdk59X+09L2tpeUW1T8vxxTNinviwnQJ6eek7AyULYIZsCKuzY5+bZou+kWwxidJ2Qu4Aj3606As8nd50X/EeZpGwCa4tDxLquSOwfwgT5NuLleYoX/HHUTanwADABRqrudwt+8rAAAAAElFTkSuQmCC") right -1px no-repeat
}



.prefoot-right {
	padding-right: 0;
}
.prefoot-left {
	padding-left: 0;
}

.specs2 {
	font-size: 0.925em;
}

.footer {
	color: #1c2957;
	margin-top: 36px;
	margin-bottom: 36px;
	font-size: 0.875em;
}

 /*============================================*/

/* USEFUL */
.row.valign.center {
	/* to vertical align content in all columns in this row */
	display: flex;
	align-items:center;
}

/* XS ONLY */
@media(max-width:767px) {
	
	 body {
		padding-right: 18px !important;
		padding-left: 18px !important;
	 }
	
	.padded {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	.scotslogo {
		padding-top: 5px;
	}
	.merlogo {
		position: absolute;
		right: 0;
		max-width: 85%;
		heght: auto;
	}
	
	 h2 {
		font-size: 1em;
		padding: 18px 27px 13px 27px;
		margin: 36px auto;
	}
	
	.media {
		margin-top: 0;
		padding-right: 18px !important;
		padding-left: 18px !important;
	}
	
	.btn-lg {
		width: 100%;
		margin: 2px auto;
	}
	
	.footer {
		text-align: center;
		padding: 9px 36px;
		margin-top: 4px;
		margin-bottom: 4px;
      }

}

/* XS, SM */
@media(max-width:991px) {
	
	body {
		padding-right: 18px !important;
		padding-left: 18px !important;
	 }
	
	.merlogo {
		position: absolute;
		right: 0;
		max-width: 85%;
		heght: auto;
	}
	
	.padded {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	h2 {
		font-size: 1em;
		padding: 18px 27px 13px 27px;
		margin: 36px auto;
	}

}

/* SM ONLY */
@media(min-width:768px) and (max-width:991px) {
	
	body {
		padding-right: 18px !important;
		padding-left: 18px !important;
	 }
	
	.merlogo {
		position: absolute;
		right: 18px;
		max-width: 85%;
		heght: auto;
	}
	
	.padded {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	h2 {
		font-size: 1.5em;
		padding: 18px 27px 13px 27px;
		margin: 36px auto;
	}
	
	.mediaxtra {
		padding-bottom: 27px;
	}

}

/* SM, MD */
@media(min-width:768px) and (max-width:1199px) {
	
	.merlogo {
		position: absolute;
		right: 18px;
		max-width: 85%;
		heght: auto;
	}

}

/* MD ONLY */
@media(min-width:992px) and (max-width:1199px) {
	
	.padded {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	.merlogo {
		position: absolute;
		right: 0;
		max-width: 85%;
		heght: auto;
	}
	
	.btn-lg {
		font-size: 15px
	}

}

/* MD, LG */
@media(min-width:768px) and (max-width:1199px) {

}

/* LG ONLY */
@media(min-width:1200px) {

}