.page-template-template-research-lab-php .container {width: 100%;}
.page-template-template-research-lab-php .row .twelvecol {width: auto !important; max-width: 940px !important;}
.page-template-template-research-lab-php .buzz-box { border: 1px solid #ddd; box-shadow: 0 0 7px #ddd; float: left; width: 24%; margin-right: 1%; height: 300px; position: relative; margin-bottom: 30px; }
.page-template-template-research-lab-php.buzz-box.link{position:absolute;height:30px;border-top:1px solid#ddd;display:block;width:100%;left:0;bottom:0;padding:5px;font-weight:600;color:#888;text-transform:uppercase;}
.page-template-template-research-lab-php .entry-content.why-mintigo {padding-bottom: 20px;}
.lab-hero {height: auto; width: 100%; background-color: #ccc;}
.compare-bg { position: absolute; width: 100%; height: 100%; background: center bottom / cover; }
#compare-slider {height: 486px; margin: 0 auto; overflow: hidden; position: relative; width: 100%;}
.right-panel-copy, .left-panel-copy {position: absolute; z-index: 2; width: 100%; height: 100%; text-align: left; left: 0; top: 0; opacity: 0; padding: 30px; }
.panel-interior { max-width: 940px; margin: 0 auto;}
.panel-interior .float50 { width: 49%; margin-right: 1%; margin-top: 2%;}
.right-panel-copy .panel-interior {margin-top: 130px;}
.left-panel-copy .panel-interior {margin: 270px auto 0;}
.page-template-template-product-2015-php .right-panel-copy .panel-interior, .page-template-template-product-2015-php .left-panel-copy .panel-interior {margin-top: 130px;}
.right-panel-copy { left: auto; right: 0;}
.compare-panel-copy h2,.compare-panel-copy p,.compare-panel-copy h3{color:#FFF;background:rgba(0,0,0,0.6);padding:5px 15px;display:inline-block;}
.compare-panel-copy p {font-size: 20px; font-weight: lighter; padding: 15px;}
.shader { position: absolute; width: 50%; height: 100%; top: 0; overflow: hidden;}
.shader-title { position: absolute; width: 100%; height: 55px; bottom: 0; background: #111;  font-size: 3em; text-transform: uppercase; color: #fff; font-weight: 300; z-index: 2;}
#left-shader { left: 0;}
#left-shader .shader-title { padding-right: 100px;}
#right-shader { right: 0; }
#right-shader .shader-title {padding-left: 100px;}
.reveal-button  {color: #fff; font-size: 40px; top: 10px; }
.reveal-button:hover { color: #ccc; cursor: pointer;}
#reveal-left {position: absolute;left: -40px;}
#reveal-right {position: absolute; right: -40px;}
.data-label { text-transform: uppercase; font-weight: 500; font-size: 12px; border-top: 1px solid #ccc; display: block; margin: 12px 0px 0px; }
.data-val { font-weight: 300; color: #AD9542; font-size: 25px; line-height: 25px; }
.research-asset { margin-bottom: 20px; padding: 10px; border-top: 1px solid #AD9542; }
.research-resources h2, .research-resources .research-asset { border-top-color: #2495E8; }
.research-asset p { font-weight: 300;}
.research-asset a { color: white;}
.case-study { background: #AD9542; }
.research-resource { background: #2495E8; }

/* Research Page UberPaul Section */

/* Info Tile */
.home-content.info-tile-container {padding: 50px 0px;}
.info-tiles {margin-top: 10px;}
.info-tiles h2 {border-top: 1px solid #D1D1D1; padding-top: 30px;}
.home .info-tiles h2 {border: none;}
.tile {width: 220px; height: 300px; border: 2px solid #ddd; margin: 15px 7.5px; position: relative; }
.twoByTwo {height: 630px; width: 455px;}
.twoByOne {width: 455px;}
.featured-tile {background-color: #AA9341;}
.tile-content {height: 100%; overflow: hidden;height: -moz-calc(100% - 30px);height: -webkit-calc(100% - 30px);height: -o-calc(100% - 30px);height: calc(100% - 30px);}
.read-bar {height: 30px;position: absolute; bottom: 0px; padding: 5px; font-size: 14px; background-color: #efefef; width: 100%;}
.read-bar a {color: #777; font-weight: bold; display: block; height: 100%;padding-bottom: 5px;}
.read-bar a:after {font-family: FontAwesome; content: "\f054"; position: absolute;right: 5px; top: 10px; opacity: .5;}
.read-bar i {margin-right: 10px;}
.tile-image {height: 45%; width: 100%; overflow: hidden; background-size: cover; background-position: top center;}
.twoByTwo .tile-image {height: 60%; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; overflow: hidden;}
.tile-image a {display: block; width: 100%; height: 100%;}
.twoByOne .tile-image {height: 75%;}
.tile {overflow: hidden;}
.tile h3 {font-size: 20px; color: #333; line-height: 1.2em; padding: 10px; font-weight: 400; height: 100%; width: 100%;}
.tile.twoByTwo h3 {font-size: 40px;}
.tile h3 a {color: #333;display: block; width: 100%; height: 100%;}
.featured-tile h3 a {color: #fff;}
.tile:hover {border-color: #bebebe;}
.tile a:hover h3 a {color: #000;}
 .tile:hover .read-bar a {color: #000;}
 .tile:hover .read-bar a:after {opacity: 1.0;}
/* end Info Tiles */



.cd-image-container { position: relative; width: 90%; max-width: 768px; margin: 0em auto;}
.cd-image-container img { display: block;}

.cd-image-label { position: absolute; bottom: 0; right: 0; color: #ffffff; padding: 1em;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px);
  transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  font-weight: 300;
  line-height: 60px;
  height: 60px;
  width: 60px;
  color: #fff;
  font-size: 2.5em;
  left: 50%;
  bottom: 3%;
  margin-left: -30px;
  margin-bottom: -2px;
  border-radius: 50%;
  background: #594d22;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  z-index: 3;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle:before{font-family: FontAwesome; content: "\f0c9";-ms-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  transform: rotate(90deg); position: absolute; left: 4px; font-size: 11px; color: #3c3108;text-shadow: 0px -0.5px 0px rgba(255,255,255,0.3);}
.cd-handle:after{font-family: FontAwesome; content: "\f0c9";-ms-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  transform: rotate(90deg); position: absolute; right: 4px; font-size: 11px; color: #3c3108;text-shadow: 0px -0.5px 0px rgba(255,255,255,0.3);}
.shader-title, .cd-handle { bottom: 70%;}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #000;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
@media all and (max-device-width: 1024px) and (orientation: landscape) {
		.vid-mac-bg {display: none;}
	 }

@media screen and (max-width: 800px) {

	#wrapper.product .entry-content ul.feature-cap {margin-left: 0px;}
	.tile {width: 218px;}
	.twoByTwo {height: 300px; width: 455px;}
	.twoByTwo .tile-image {background-position: center center;}
	.tile.twoByTwo h3 {font-size: 20px;}
	.page-template-template-research-lab-php .row .twelvecol {width: auto !important; max-width: 940px !important;}
	.page-template-template-research-lab-php .left-panel-copy .panel-interior { margin-top: 190px;}
	.page-template-template-research-lab-php .panel-interior h2 {font-size: 24px;}
	.vid-mac-bg {display: none;}
	
}

@media screen and (max-width: 600px) {

	.float50, .float33, .float66 {width: 100%;}
	.quoter-info .float33, .quoter-info .float66 {width: 50%; margin-right: 0px;}
	.compare-panel-copy h2 {font-size: 20px !important;}
	.compare-panel-copy p {font-size: 14px !important;}
	.alignright {max-width: 50%;}
	.alingright img {width: 100%;}
	#compare-slider {height: 350px !important;}
	.page-template-template-product-2015-php .right-panel-copy .panel-interior, .page-template-template-product-2015-php .left-panel-copy .panel-interior { margin-top: 70px !important;}
	.page-template-template-research-lab-php .row .twelvecol {width: auto !important; max-width: 940px !important;}
	.page-template-template-research-lab-php .left-panel-copy .panel-interior { margin-top: 130px;}
	.float66.machine-copy {width:66% !important; float: left !important; margin-right: 1% !important;}
	.float33.mint-tracks {width: 33% !important;float: left !important; margin-right: 0px !important; }
	.float33.mint-tracks h3 {font-size: 18px;}
	.float33.mint-tracks .data-val {font-size: 14px;}
	.page-template-template-research-lab-php .right-panel-copy .panel-interior {margin-top: 80px;}
	.compare-panel-copy #trackers p {padding: 5px;}
	.twoByTwo { width: 218px;}
	.twoByTwo .tile-image {height: 45%; background-position: center center;}

}
@media screen and (max-width: 414px) {
	.tile {width: 100%;}
}
@media screen and (max-width: 414px) {
	.compare-panel-copy h2 {font-size: 18px !important;}
	.compare-panel-copy p {font-size: 14px !important;}
	.shader-title {font-size: 20px !important; padding-top: 15px;	}
	#left-shader .shader-title {padding-right: 75px !important;}
	#right-shader .shader-title {padding-left: 75px !important;}
	#reveal-left {left: -20px !important;}
	#reveal-right {right: -20px !important;}
	.entry-content .feature-icon img{max-width: 100% !important;}
	.float33.mint-tracks {display: none; }
	.float66.machine-copy {width:100% !important; }
	
	.cd-handle:after {line-height: 2em !important;top: 18px !important;}
	.page-template-template-research-lab-php .right-panel-copy .panel-interior,.page-template-template-research-lab-php .left-panel-copy .panel-interior {margin-top: 50px;}
	.tile {width: 100%;}
	.twoByTwo .tile-image {height: 45%;background-position: center center;}
}
@media screen and (max-width: 320px) {
	.page-template-template-product-2015-php .entry-content img {max-width: 100% !important;}
	
}