/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.single-gated_content .hero {
	background:#5D6878;
  padding-bottom:20px;
}
 .single-gated_content .hero .wrapper {
   padding: 80px 20px;
   height:80vh;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
	 box-shadow: 1px 10px 5px 9px rgba(0,0,0,0.35);
    -webkit-box-shadow: 1px 10px 5px 9px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 10px 5px 9px rgba(0,0,0,0.35);
 }

  .single-gated_content .hero h1,
  .single-gated_content .hero h2  {
    color:#FFF;
  }
  .single-gated_content .hero h1 {
    font-size:60px;
    font-weight:600;
    margin-bottom: 20px;
    line-height: 1;
	max-width: 775px;
  }

.single-gated_content .hero h1 sup {
	font-size: 36px;
    vertical-align: text-top;
    top: 0;
}  

  .single-gated_content .hero h2 {
    font-size:30px;
    margin-top:0;
  }
	.single-gated_content .hero a {
		border: 1px solid #FFF;
		padding:10px;
		line-height: 1;
		color:#FFF;
	}
.single-gated_content.postid-142895 .hero a {
	background:#333;
	border-color:#333;
}

.single-gated_content .hero a:hover {
		border: 1px solid #5D6878;
		background:#5D6878;
		text-decoration:none;
	}

.single-gated_content .hero a img {
    margin-bottom: -5px
}

.single-gated_content #jump-to-gated {
	-webkit-appearance: none;
    padding: 7px 40px 7px 12px;
    border: 1px solid #333;
    border-radius: 0px;
    background: #333;
    box-shadow: 0 1px 3px -2px #333;
    color: #fff;
    cursor: pointer;
    transition: all 150ms ease;
	font-weight: 300;
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}
#jump-to-gated-label {
	position: relative;
}
#jump-to-gated-label svg {
    position: absolute;
    right: 12px;
    top: calc(50% - 3px);
    width: 10px;
    height: 6px;
    stroke-width: 2px;
    stroke: #ffffff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.single-gated_content .sprites {
	visibility: hidden;
	height: 0;
}

  .single-gated_content .rows-wrapper .row {
      padding: 40px 20px;
  }
	.single-gated_content .rows-wrapper .row:nth-child(1),
	.single-gated_content .rows-wrapper .row:nth-child(11) {
		background:#5D6878;
	}
	.single-gated_content .rows-wrapper .row:nth-child(2),
	.single-gated_content .rows-wrapper .row:nth-child(12) {
		background:#677487;
	}	
	.single-gated_content .rows-wrapper .row:nth-child(3),
	.single-gated_content .rows-wrapper .row:nth-child(13) {
		background:#738195;
	}
	.single-gated_content .rows-wrapper .row:nth-child(4),
	.single-gated_content .rows-wrapper .row:nth-child(14) {
		background:#818EA0;
	}
	.single-gated_content .rows-wrapper .row:nth-child(5),
	.single-gated_content .rows-wrapper .row:nth-child(15) {
		background:#8F9BAC;
	}
	.single-gated_content .rows-wrapper .row:nth-child(6),
	.single-gated_content .rows-wrapper .row:nth-child(16) {
		background:#9DA8B7;
	}	
	.single-gated_content .rows-wrapper .row:nth-child(7),
	.single-gated_content .rows-wrapper .row:nth-child(17) {
		background:#ABB5C2;
	}
	.single-gated_content .rows-wrapper .row:nth-child(8),
	.single-gated_content .rows-wrapper .row:nth-child(18) {
		background:#BAC2CD;
	}
	.single-gated_content .rows-wrapper .row:nth-child(9),
	.single-gated_content .rows-wrapper .row:nth-child(19) {
		background:#C8CFD8;
	}
	.single-gated_content .rows-wrapper .row:nth-child(10),
	.single-gated_content .rows-wrapper .row:nth-child(20) {
		background:#D7DCE3;
	}


	.single-gated_content .row h3 {
		text-align: center;
		color:#333;
		margin-top:15px;
	}

.gc-img {
	margin: 0 10px;
	line-height:0;
	overflow:hidden;
	-webkit-box-shadow: -8px 8px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -8px 8px 5px 0px rgba(0,0,0,0.5);
box-shadow: -8px 8px 5px 0px rgba(0,0,0,0.5);
}

.gc-img img {
	-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
	height: 300px;
}

#videos .gc-img img,
#blogs .gc-img img,
#galleries .gc-img img {
	height:230px;
}

.postid-143870 #products .gc-img,
.postid-145762 #products .gc-img {
	display:none;
}

.single-gated_content .container {
	position: relative;
}

.single-gated_content .gform_wrapper {
	max-width:90%;
	margin:0 auto;
	padding: 0 40px 40px 40px;
}
.single-gated_content .gated-header {
	max-width:90%;
	padding:60px 40px 0 40px;
	margin:0 auto;
}

.single-gated_content .gated-header h1 {
	margin-bottom:20px;
}

	.single-gated_content .swiper-button-next, .single-gated_content .swiper-button-prev {
		color: #eeeeee;
	}
.single-gated_content .swiper-button-next {
	right:0px;
}
.single-gated_content .swiper-button-prev {
	left:0px;
}

.single-gated_content .swiper {
	padding-left:20px;
	padding-right:20px;
}

@media (max-width:768px) {
	.single-gated_content .swiper {
		
	}
	.single-gated_content .row h3 {
		font-size:16px;
	}
	.gc-img img {
    	height: auto;
	}
	#videos .gc-img img,
	#blogs .gc-img img,
	#case_studies .gc-img img,
	#trade_presses .gc-img img, 
	#pages .gc-img img,
	#products .gc-img img {
	height:130px;
}
	.single-gated_content .swiper-button-next {
	right:0px;
}
.single-gated_content .swiper-button-prev {
	left:0px;
}
	.single-gated_content .hero a {
		font-size:14px;
	}
	.single-gated_content.postid-142895 .hero h1 {
		font-size:55px;
	}
}



.postid-145900.single-gated_content .hero .wrapper {
	background-position: bottom;
}