
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: rgb(210,218,230);
	background: linear-gradient(0deg, rgba(210,218,230,1) 0%, rgba(244,248,251,1) 100%);
	background-attachment: fixed;
	font-family: "Avenir", "Nunito", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	overflow-x: hidden;
}

.padded {
	padding: 40px 0px 0px 0px;
}




.copy {
	font-size: 27px;
	line-height: 32px;
	margin: 36px 72px;
	padding-left: 18px;
	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;
}



.featured-div {
	width: 90%;
	margin: 72px auto;
}
.featured p {
	text-transform: uppercase;
	font-weight: bold;
	color: #1c2957;
	padding: 0 0 0 9px;
}



.Icelinq {
	margin-top: 108px;
}



.blue {
	background-color: #1c2957;
	border-radius: 13px 13px 0 0;
	padding: 45px;
	color: #ffffff;
	width: 90%;
	margin: 18px auto 4px auto;
}
.blue img {
	display: block;
	margin: 45px auto 18px auto;
}
.blue h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2.25em;
}

.responsive-table {
	  overflow-x:auto;
	width: 90%;
	margin: auto;
}


table#Models {
	width: 100%;
	margin: auto;
	font-size: 0.825em;
}
	table#Models td, table#Models th {
		padding: 9px;
		border: 2px solid #1c2957;
		text-align: center;
	}
	table#Models th {
		background: #02ABEC;
		color: #ffffff;
	}
		table#Models th a {
			color: #ffffff;
			text-decoration: underline;
		}
	table#Models td {
		background: #ffffff;
	}



.features {
	padding: 72px;
}
.small {
	font-size: 0.75em;
	text-align: center;
	padding-top: 6px;
}

h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 2.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%);
}
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%);
}



.LtBlue {
	color: #00aeef;
}
strong.LtBlue {
	display: block;
	margin-bottom: 13px;
}



.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;
}

.footer {
	color: #1c2957;
	padding: 36px 81px;
	margin-top: 27px;
	margin-bottom: 27px;
	font-size: 0.875em;
}

 /*============================================*/

@media (min-width: 768px) {
	   
      .videolink h4 {
         min-height: 40px;
      }
	   
}

@media (min-width: 993px) {
	
   .mediadiv {
      padding: 45px 72px 18px 0;
   }
	
}

   /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	h4 {
		font-size: 1.5em;
		margin-top: 36px;
	}

	.featured-div {
		margin: 36px auto;
	}

	.mediadiv {
		padding: 0 10%;
	}

	.features {
		padding: 36px 0;
	}


	.featured-div > .media:not(:first-child), .media2div > .media:not(:first-child) {
			margin-top: 72px !important;
		}



		.video-preview {
         margin-bottom: 20px;
      }
	   
	   .prefoot-right {
		   padding-right: 0;
		   padding-left: 0;
        }
        .prefoot-left {
            padding-left: 0;
			padding-right: 0;
        }

      .footer {
          text-align: center;
		  padding: 9px 36px;
          margin-top: 4px;
          margin-bottom: 4px;
      }
	   
   }

 /* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {

     img.machine,
     img.Icelinq {
       max-width: 80%;
      }
 }

