/*============= GLOBAL ===============*/


@font-face { 
        font-family: 'bluescreens';
        src: url('../webfonts/tt-bluescreens-regular-webfont.eot');
        src: url('../webfonts/tt-bluescreens-regular-webfont.woff') format('woff'),
             url('../webfonts/tt-bluescreens-regular-webfont.ttf') format('truetype'),
             url('../webfonts/tt-bluescreens-regular-webfont.svg') format('svg');
    }
    
 
/*============= HEADER ==============*/


.branding {
    padding-top: 5px;
    padding-left: 0;
}

.branding a img {
    height: 70px;
    width: auto;
    max-width: none;
}

header {
	padding-bottom: 160px;
	position: relative;	
}

    #report header {
	  background: #d64367 url("/microsites-marketing/en/assets/images/cvent-live-bg.jpg");
	  background-size: cover;
	  padding-bottom: 0;
    }
    
     #abtest header {
	  background: #d64367 url("/microsites-marketing/en/assets/images/cvent-live-bg.jpg");
	  background-size: cover;
	  padding-bottom: 180px;
    }

@media (min-width: 480px) {
	#report header {
		padding-bottom: 160px;
		}
	
	#abtest header {
	  padding-bottom: 280px;
	}
	
}

@media (min-width: 768px) {
	
	#abtest header {
	  padding-bottom: 380px;
	}
	
}

   
.header__content {
	position: relative;
}

.header__content h1 {
	font-family:"bluescreens";
    font-size: 5.45em;
    font-weight: 600;
    line-height: .85em;
    letter-spacing: 0.045em;
    margin-top: .1em   
}

.header__content h1 span {
	display: block;
	font-size: .55em;
    font-weight: 100;
    line-height: .85em;
}


.header__content h2  {
    font-size: 1.25em;
    line-height: 1.3em;
}

#abtest .header__content h2 {
	font-size: 1.25em;
    line-height: 1.3em;
    padding: 0 0;
}

@media (min-width: 480px) {
	
	.header__content h1 {
	   font-size: 7.5em;
	}
	
	.header__content h2 {
       font-size: 1.45em;
    }
    
    #abtest .header__content h2 {
       font-size: 1.45em;
       padding: 0 2em;
    }
}



@media (min-width: 768px) {
	
	.header__content h1 {
	   font-size: 8.7em;
	}
	
	.header__content h2 {
       font-size: 1.45em;
       
    }
}



@media (min-width: 1080px) {
	
	.header__content h1{
		font-size: 9.2em;
	}
}

@media (min-width: 1220px) {
	
	.header__content h1{
		font-size: 9.7em;
	}
}
	
.container.z-content {
	z-index: 30;
}


.bolts {
	position: absolute;
    top: 32%;
    left: 90%;
    width: 100px;
    max-width: 100px;
    display: none;
}

@media (min-width: 1324px) {
	
	.bolts {
      left: 90%;
      display: block;
   }

}





/*====== AB Test page Specifc styles ===========*/

#abtest .bolts.left {
	position: absolute;
    top: 40%;
    left: 15%;
    right: 0;
    width: 20%;
    max-width: 8.5%;
        display: none;
}

#abtest .bolts.right {
	position: absolute;
    top: 40%;
    right: 0%;
    left: 0;
    width: 20%;
    max-width: 8.5%;
    display: none;
}

@media (min-width: 480px) {
	
	#abtest .bolts.left {
	    left: -70px;
	
	}
	
	#abtest .bolts.right  {
       right: 0%;
       
    }
}

@media (min-width: 865px) {
	
	#abtest .bolts.left {
	    left: 6%;
	    width: 20%;
        max-width: 10%;
        display: inherit;
        text-transform:
	}
	
	#abtest .bolts.right {
	    left: 84%;
	    width: 20%;
        max-width: 10%;
        display: inherit;
	}
}

@media (min-width: 900px) {
	
	#abtest .bolts.left {
	    left: 6%;
	    width: 20%;
        max-width: 8.5%;
	}
	
	#abtest .bolts.right {
		left: 84%;
		width: 20%;
        max-width: 8.5%;
	}
}

@media (min-width: 992px) {
	
	#abtest .bolts.left {
		left: 12%;
	}
	#abtest .bolts.right {
		 left: 79%;
	}
}

@media (min-width: 1100px) {
	
	#abtest .bolts.left {
		left: 14%;
	}
	#abtest .bolts.right {
		 left: 76%;
	}
}

@media (min-width: 1200px) {
	
	#abtest .bolts.left {
		 left: 12%;
	}
	#abtest .bolts.right {
		 left: 78%;
	}
}

@media (min-width: 1300px) {
	
	#abtest .bolts.left {
		 left: 15%;
	}
	#abtest .bolts.right {
		 left: 75.5%;
	}
}

@media (min-width: 1400px) {
	
	#abtest .bolts.left {
		 left: 16%;
	}
	#abtest .bolts.right {
		 left: 75%;
	}
}




/*============== FORM ==============*/


#form {
	margin-top: 80px;
	padding: 0 0;
}

.h_iframe {
	margin-top: 45px;
	    margin: 0 auto;
}



.form .form-heading {
    background: transparent; 
    color: #fff;
    padding: 2.5em 2.5em 1em 2.5em;
}



.form .form-body {
    padding: 0 1em 1em 1em;
}


@media (min-width: 480px) {
	
	#form {
	  margin-top: 60px;
	  padding: 0 30px;
    }
	
	.form .form-body {
      padding: 0 2.5em 2.5em 2.5em;
    }
}

@media (min-width: 768px) {
	
	.form .form-body {
      padding: 1.5em 2.5em 2.5em 2.5em;
      background: #fff;
    }
}

h2.form-title {font-size: 2em;
    font-size: 3.15em;
    color: #313131;
    font-weight: 100;
    line-height: 1em;
}

.btn-primary, #mkto_form #mkto_submit {
    color: #fff;
    background-color: #2ec0b5;
    border-color: transparent;
    font-weight: 700;
}

.btn-primary:hover, #mkto_form #mkto_submit:hover {
    background-color: #308b84;
}

.btn, #mkto_form #mkto_submit {
    padding: 18px 18px;
}


/*================= MAIN CONTENT ===============*/


.main-content {
    padding: 1.5em 0 3em 0;
}

.main-content h4 {
    font-weight: 500;
}

p.large {
    font-size: 1.15em;
    line-height: 1.45em;
}

@media (min-width: 572px) { 
	p.large {
      font-size: 1.35em;
      line-height: 1.45em;
    }
}

.report-cover {
	padding-top: 25px;
}

@media (min-width: 992px) {
	
	.report-cover {
	   padding-top: 0;
    }
}

/*============ MISC ===============*/


.angle--left-low {
    width: 0;
    height: 0;
    border-bottom: 250px solid #fff;
    border-left: 900px solid transparent;
    position: absolute;
    bottom: 0px;
    z-index: 11;
    float: left;
    left: 120px;
}

.angle--left-med {
    width: 0;
    height: 0;
    border-bottom: 100px solid #fff;
    border-right: 700px solid transparent;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 11;
    float: left;
}

.angle--right-med {
    width: 0;
    height: 0;
    border-bottom: 250px solid #fff;
    border-right: 800px solid transparent;
    position: absolute;
    bottom: 0px;
    left: 1020px;
    z-index: 11;
    float: left;
}

.angle--left-low-dark {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 30px;
    z-index: 10;
    float: left;
    left: 180px;    
}

.angle--left-med-dark {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 10;
    float: left;  
}

.angle--right-med-dark {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 60px;
    z-index: 10;
    left: 1020px;
    float: left;   
}

.angle--left-low-dark.green {
	border-bottom: 380px solid #23948c;
    border-left: 900px solid transparent;
}

.angle--left-med-dark.green {
	border-bottom: 140px solid #23948c;
    border-right: 500px solid transparent;
}

.angle--right-med-dark.green {
	border-bottom: 350px solid #23948c; 
    border-right: 690px solid transparent;
}


.angle--left-low-dark.red{
	border-bottom: 320px solid #0d3550; /* -- Updated 9/26/2018 -- */
    border-left: 840px solid transparent;
}

.angle--left-med-dark.red {
	border-bottom: 140px solid #0d3550; /* -- Updated 9/26/2018 -- */
    border-right: 500px solid transparent;
}

.angle--right-med-dark.red {
    border-bottom: 290px solid #0d3550; /* -- Updated 9/26/2018 -- */
    border-right: 640px solid transparent;
}



/*============== FOOTER ==============*/


.footer-lp {
    background: #ececec;
}

.footer-lp .copyright {
    color: #424242;
}


/*========= THANK YOU PAGE ==========*/

#ty header {
	background: #1b70aa;
}



.resources {
	padding: 2.5em 0 4.5em 0;
}

.resources h2 {
	margin-bottom: 30px;
	font-weight: 300;
	font-size: 1.75em;
	
}

#ty header {
    padding-bottom: 40px;
}

.social {
	padding: 4em 0 0 0;
}

.secondary-ty {
	background: #1b70aa;
	padding: 50px 0;
}
.secondary-ty p{
	color: #fff;
	font-size: 1.4em;
}

#ty .header__content h2 {
    padding-right: 0;
}

.social-media--icon .facebook,.social-media--icon .twitter, .social-media--icon .linkedin, .social-media--icon .email {
    fill: #fff;
    color: #fff;
}

.share-text {
	color: #fff;
	text-transform: uppercase;
	font-size: .9em;
}