.social-media-icons{
    position:fixed;
	left:38px;/*48px*/
	/*top:612px;*/
  	top:383px;/*CWEBE-204*/
	z-index:999;
 }

 .icon-holder{
	 height: 39px;
	 width: 39px;
	 border: 1px solid #000000;
	 background-color: #FFFFFF;
	 margin-bottom:6px;
	 border-radius:50% 50%;
	 background-repeat:no-repeat;
	 background-position:center;
 }
 .twitter-icon{
     background-image:url('../images/twicon.svg');
 }
  .facebook-icon{
     background-image:url('../images/fbicon.svg');
 }

 .social-linkedin-icon{
     background-image:url('../images/Combined%20Shape.svg');
 }
   .link-icon{
     background-image:url('../images/LinkShare.svg');
 }

.webinar-rectangle-8{
	 	background-color: #AC5640;
	 width:99.8%;
	 float:left;
	border:solid 1px transparent;
	clear:both;
}

.main-container{
    max-width:1173px;
	margin:auto;
}

.back-to-resourcez {
	color: #FFFFFF;
	font-family: proximaNovaBold;
	font-size: 10px;

	letter-spacing: 1.5px;
	line-height: 12px;
	float:left;
	 text-transform:uppercase;

	 /*margin:70px auto 10px 51px;*/
	 margin:24px auto 10px 65px;

}

.back-to-resourcez::before{
   content: '';
   background-image:url('../images/arrow-thin-right-white.svg');
   width:18px;
   height:14px;
   background-size:100%;
   transform: scaleX(-1);
   float:left;
   margin-right:23px;
}


.page-title
{
	color: #FFFFFF;
    font-family: proximaNovaBold;
    font-size: 10px;
    letter-spacing: 1.5px;
    line-height: 12px;
    text-align: left;
    margin: 119px auto auto 2px;
    text-transform: uppercase;
}

.featured-title{
	color: #FFFFFF;
    font-family: "minionProRegSubHead";
    font-size: 50px;
   /* line-height: 40px;*/
	line-height: 60px;/*cwebs-364*/
    text-align: left;
    /*margin: 20px auto 64px auto;
    padding: 0px 113px;*/
	padding:28px 0 41px 0;
    letter-spacing: -1px;

}

.full{
    width:100%;
	display:block;
	float:left;
}

.firstblock {
   /* margin-top: 38px;*/
	margin-top:52px;/*CWEBS-464*/
}
.shright{padding-left:13px}
.half{
   width:50%;
   display:block;
   float:left;
}

.half p{
   color: #FFFFFF;
    font-family: proximaNovaRegular;
    font-size: 17px;
    letter-spacing: 0.42px;
    line-height: 29px;
	padding-right: 11%;
	margin-left: 0.7%;
}

.half p:first-child{
    margin-top: 38px;
margin-bottom:19px;
}
.half p:nth-child(2){
margin-bottom:55px;
}

.image-holder{
    overflow:hidden;
	    max-width: 394px;
    /* margin: auto; */
    margin: auto auto 98px auto;
}

.image-holder img
{
   width: 350px;
    position: relative;
    /* left: -68px; */
    left: -40px;
    top: -36px;
}

.dark-background{
	 background-color: #550500;
         margin: 152px 13px 0 56px;

}

#gravityform .gform_heading{display:none}

#gravityform li.gfield{display:block}

#gravityform .gform_wrapper .top_label .gfield_label
{
    color: #FFFFFF;
	font-family: proximaNovaBold;
	font-size: 13px;
	letter-spacing: 0.46px;
	text-transform:uppercase;
	display:block;
	line-height:32px;
	padding-left: 2%;
}



label{
}

input{width:auto;padding:0;margin:0;}



input[type=text]{
}

#gravityform .gform_wrapper input{width:auto;}

#gravityform .gform_wrapper .top_label input.large{
	height: 43px!important;
    width: 434px!important;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
   padding-left:3%!important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])
{padding:0!important;margin:0 0 22px 2%!important;}


body #gravityform .gform_wrapper .top_label div.ginput_container{
    margin: 0!important;
    padding:0!important;}

.gform_wrapper{box-sizing: none!important;}
body #gravityform .gform_wrapper ul li.gfield{margin-top:0}

#gravityform li.gfield{width:100%}

#gravityform li.gfield:last-child{
text-align:right;
position: relative;
    top: 32px;
    right: 126px;
    width: 50%;

}

.form-subscribe{
   clear:both;
   margin-bottom:18px;
   padding-left:2%;
   margin-bottom:65px;
}


.form-footer{
   clear:both;
   margin-bottom:64px;
   padding-left:1%;
   margin-top: -13px;
}

.checkstyle
{

   float:left;
   display:block;
   margin-top: 22px;
   margin-bottom: 28px;
}


/******************/



.containerchk {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #FFFFFF;
font-family: proximaNovaRegular;
font-size: 15px;
line-height: 25px;
  text-transform:none;
}

/* Hide the browser's default checkbox */
.containerchk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerchk:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerchk input:checked ~ .checkmark {
  background-color: #FFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerchk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerchk .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/*****************/

/**####################    checkbox-gravity       ######################***/

body #gravityform .gfield_checkbox li input[type=checkbox] {
    opacity: 0;
    position: absolute;
}
body #gravityform .gfield_checkbox li input[type=checkbox] + label{
    position: relative;
    overflow: hidden;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;

	color: #FFFFFF;
    font-family: proximaNovaRegular;
    font-size: 15px;
    line-height: 25px;
    text-transform:none;
	margin-left:2%;
	margin-top: 3%;
	font-weight:normal;
}

body #gravityform .gfield_checkbox li input[type=checkbox] + label:before,
body #gravityform .gfield_checkbox li input[type=checkbox] + label:after{
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s;
}
/* after */
body #gravityform .gfield_checkbox li input[type=checkbox]:not(:checked) + label:after{
    width: 20px;
    height: 20px;
    border: 2px solid #fff;/*#000 - CWEBS - 327*/
    top: 0px;
}
body #gravityform .gfield_checkbox li input[type=checkbox]:checked + label:after{
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    background-color: #fff;
    z-index: 0;
	border-radius: 2px
}
/* before */
body #gravityform .gfield_checkbox li input[type=checkbox]:not(:checked) + label:before{
	    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
body #gravityform .gfield_checkbox li input[type=checkbox]:checked + label:before{
	    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
	margin-top:3px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}



/***#####################  checkbox gravity       ########################**/
#gravityform .gform_button .button, input.gform_button, input[type=submit]
{
   color: #FFFFFF;
  font-family: proximaNovaBold;
  font-size: 12px!important;
  letter-spacing: 1.8px;
  line-height: 14px;
  float:left;
  margin-left:32px!important;
  padding-bottom:5px!important;
  text-transform:uppercase;
  padding-left:4%;
}

#gravityform .button, input.gform_button, input[type=submit]
{padding:0;border-top:0;border-left:0;border-right:0;}

#gravityform button:hover input.gform_button:hover, input[type=submit]:hover
{background-color:transparent!important;}


 #gravityform .gform_wrapper .gform_footer{
   width:17px;
   height:32px;
   margin-bottom: 17%;
   margin-left:2%;
   margin-top:4%;
   background-repeat:no-repeat;
   padding:0 16px 0 0;
   }

  #gravityform .button, input.gform_button, input[type=submit]{border:solid 1px #fff;border-top:0;border-left:0;border-right:0;margin-top:3px;}

 #gravityform .contactText{display:none;}

.subscribe-to-our-cor {
color: #FFFFFF;
font-family: proximaNovaRegular;
font-size: 15px;
line-height: 25px;
float:left;
margin-left:10%;
}


.play-button{
       width: 17px;
    height: 24px;
   background-size:100%;
   float:left;
}

.play-text{
  color: #FFFFFF;
  font-family: proximaNovaBold;
  font-size: 12px;
  letter-spacing: 1.8px;
  line-height: 19px;
  float:left;
  margin-left:10px;
  border-bottom:solid 1px #fff;
  padding-bottom:3px;
  text-transform:uppercase;
}

.privacy-text{
    color: #FFFFFF;
	font-family: proximaNovaRegular;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.25px;
	line-height: 29px;
   float:right;
   margin-right:26%;
}
.privacy-text img{
    width: 17px;
    height: 32px;
    position: absolute;
    right: 148%;
    top: -11px;
}

.privacy-text span{
    text-decoration:underline;

}

.webinar-featured-speaker{
     width:99.8%;
	 float:left;
	border:solid 1px transparent;
	clear:both;
}

.featured-speakers-heading{
     margin:90px auto 75px auto;
    color: #000000;
	font-family: proximaNovaBold;
	font-size: 15px;
	letter-spacing: 2.25px;
	line-height: 25px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing: 3px;
}

.three-cols{
   width:33.3%;
   display:block;
   float:left;
}


.featured-speaker{
   padding:0 32px;
}

.three-cols:first-child .featured-speaker{
   margin-left: 15%!important;
   margin-right:0!important;
}

.three-cols:last-child .featured-speaker{
   margin-left:0;
   margin-right: 16%;

}

.featured-speaker-imageholder{
  margin:auto;
  width:80px;
  height:80px;
}

.featured-speaker-imageholder img
{
    border:solid 1px #fff;
    border-radius:50% 50%;
    max-width:100%;
    margin:auto;
}

.speaker-name{
     color: #000000;
	 font-family: proximaNovaBold;
	 font-size: 12px;
	 letter-spacing: 1.5px;
	 line-height: 30px;
	 text-transform:uppercase;
	 text-align:center;
	 margin-top:17px;
}

.speaker-designation
{
     	color: #000000;
		font-family: proximaNovaRegular;
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 0.5px;
		line-height: 32px;
		text-align: center;
		margin-top:1px;
}
.speaker-speech
{
   color: #000000;
   font-family: proximaNovaRegular;
   font-size: 15px;
   line-height: 25px;
   text-align: center;
   margin:23px auto 8px auto;
   letter-spacing:0.02em;
}

.linkedin-icon{
   	height: 10.45px;
	width: 10.64px;
	 background-image:url('../images/Combined%20Shape.svg');
	 background-size:100%;
	 margin:37px auto 70px auto;
}

.webinar-report
{
	width:99.8%;
	float:left;
	border-top: 1px solid #DDDDDD;
}

.report-heading{
   color: #000000;
   font-family: proximaNovaBold;
   font-size: 15px;
   letter-spacing: 2.25px;
   text-align:center;
   margin:68px auto 58px auto;
   text-transform:uppercase;
 }

  .migrate {
        background: #7A3119;
        overflow: hidden;
        max-width: 365px;
		margin:0 4px;
    }
    .migrate .container {
        background-color: #04211C;
        margin: 86px 63px 65px 90px;
		max-width:230px;
    }
    .migrate .container img {
         width: 210px;
        position: relative;
        left: -20px;
        top: -13px;
    }

 .webinar-report .three-cols:nth-child(even) .migrate
 {
    	background: #AC5640;
			margin: 0 7px 0 22px;
 }

  .webinar-report .three-cols:nth-child(even) .migrate .container
 {
    	background-color: #550500;
		margin:86px 60px 65px 90px;
 }

  .webinar-report .three-cols:last-child .migrate
 {
		margin: 0 -6px 0 33px;
 }

 .report-context{
    border: 1px solid #DDDDDD;
	padding:33px;
	background-color:#fff;
 }


 .report{
    color: #000000;
	font-family: proximaNovaBold;
	font-size: 10px;
	text-transform:uppercase;
	letter-spacing: 1.5px;
	line-height: 12px;
 }
 .migrating{
  	color: #020302;
	font-family: "minionProRegSubHead";
	font-size: 30px;
	letter-spacing: -0.5px;
	line-height: 38px;
	margin-top: 11px;
 }
 .ability{
	 color: #000000;
	 font-family: proximaNovaLight;
	 font-size: 17px;
	 font-weight: 300;
	 letter-spacing: 0.95px;
	 line-height: 29px;
	     margin-top: 28px;
 }
 .ability p{
        font-family: proximaNovaLight;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.42px;
    line-height: 29px;
 }
 .ability p:after{
    content:'...';
 }

 .learnmore{
     color: #000000;
	 font-family: proximaNovaBold;
	 font-size: 12px;
     text-transform:uppercase;
	 letter-spacing: 1.8px;
	 line-height: 14px;
	 margin-top: 35px;
	 margin-left:5px;

 }

 .learnmore a:link,a:hover,a:visited{
     color: #000000;
	 }

 .learnmore span{
    display:inline-block;
    border-bottom:1px solid black;
    padding-bottom:2px;
}



 .learnmore:before{
      content: '';
   background-image:url('../images/pdf-f85622d6154585d02ea19b6247caded993eca56308ce3b71bcbd38e1e2cfe12e.svg');
   width:16px;
   height:23px;
   background-size:100%;
   float:left;
   margin-right:14px;

 }



 .download{
    	color: #000000;
		font-family: proximaNovaBold;
		font-size: 12px;
		letter-spacing: 1.8px;
		line-height: 14px;
		text-transform:uppercase;
		 float:right;
		 margin-top: -16.5px;
		     margin-right: 23px;
 }
 .download:before{
      content: '';
   background-image:url('../images/download.png');
   width:16px;
   height:18px;
   background-size:100%;
   float:left;
   margin-right:14px;
 }

  .download a:link,a:hover,a:visited{
     color: #000000;
	 }

  .download span{
    display:inline-block;
    border-bottom:1px solid black;
    padding-bottom:2px;
}


 .wantmore
 {
   background-color: #F6F6F6;
   float:left;
   width:99.8%;
   margin-top:123px;
   padding:85px 0 111px 0;
 }

 .full-972{
   max-width:972px;
   margin:auto;
 }

.grp80{
   width:58%;
   float:left;

}

.grp40{
    width:40%;
	float:right;

}

.wantmore-title
{
    color: #000000;
	font-family: proximaNovaBold;
	font-size: 12px;
	letter-spacing: 1.95px;
	line-height: 14px;
	text-transform:uppercase;
	    padding-left: 8px;
}
.get-exclusive
{
 	color: #020302;
	font-family: "minionProReg";
	font-size: 30px;
	letter-spacing: -0.95px;
	line-height: 38px;
	margin:18px 0 5px 9px;
}
.we-ll-let-you-know-w
{
	color: #000000;
	font-family: proximaNovaRegular;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 0.42px;
	line-height: 29px;
	    padding-left: 9px;
}
.sign-up{
    height: 45px;
	width: 240px;
	border: 1px solid #000000;
	float:right;
	font-family: proximaNovaBold;
     font-size:12px;
	  display: flex;
  align-items: center;
  justify-content: center;
	text-transform:uppercase;
	letter-spacing: 1.5px;
	line-height: 30px;
	     margin-top: 37px;
    margin-right: 23%;

}

.webinar-report-mobile{display:none}





/* Hubspot CWEBE-229 */

.hs_recaptcha{display:none;}/*disable captcha for hubspot form submit*/

.hbspt-form {color:#fff;}

 .hbspt-form label{
   color: #fff;
    font-family: proximaNovaBold;
    font-size: 13px;
    letter-spacing: .46px;
    text-transform: uppercase;
    display: block;
    padding-left: 0;
}

.hbspt-form input{
      height: 40px!important;
    width: 434px!important;
    border: 1px solid #fff;
    background-color: #fff;
    padding-left: 3%;
	margin-bottom:25px;
}

.hbspt-form input[type=submit]{
    border: solid 1px #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-top: 3px;
	    background: transparent;
		width:auto!important;
		padding-left:0;
}
.hbspt-form input[type=submit]:hover{
    background-color:#fff;
	color:#fff;
	}
	
.hbspt-form  .hs-richtext	{
       color: #FFFFFF;
	font-family: proximaNovaRegular;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.25px;
	line-height: 29px;
   float:right;
   margin-right:12%;
}

.hbspt-form  .hs-richtext img{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 48.5%;
	margin-top:11px;
}

.hbspt-form .hs_consent{
  color: #fff;
    font-family: proximaNovaBold;
    font-size: 13px;
    letter-spacing: .46px;
    text-transform: uppercase;
    display: block;
    line-height: 32px;
    padding-left: 1%;
	    margin-top: 10px;
}

.hbspt-form ul{
  margin:0;
  	margin-left:0!important;
  padding:0;
}

.hbspt-form ul li{
  margin:0;
  padding:0;
	    list-style: none!important;
}


/*.hbspt-form input[type=checkbox]{
   display:block!important;
      float: left;
    padding: 0;
    width: 30px !important;
    margin:2px 10px 60px 0;
}*/

.hbspt-form [type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.hbspt-form [type="checkbox"]:checked + span,
[type="checkbox"]:not(:checked) + span{
    position: relative;
    padding-left: 34px;
    cursor: pointer;
	display: inline-block;
	margin:7px 0px;
	padding-top:0px;
	padding-bottom: 20px;
}
.hbspt-form [type="checkbox"]:not(:checked) + span:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background:transparent;
	border:solid 2px #fff;
	
}
.hbspt-form [type="checkbox"]:checked + span:before{
	 content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
		background:#fff;
}

.hbspt-form [type="checkbox"]:not(:checked) + span:after {
    content: '';
     width: 20px;
    height: 20px;
    background:transparent;
    position: absolute;
    top: 14px;
    left: 14px;
}

[type="checkbox"]:checked + span:after {
    content: '';
    width: 12px;
    height: 12px;
     background:url("../images/tickmark.png") no-repeat;
	background-size:contain;
    position: absolute;
    top: 8px;
    left: 7px;
					
}

[type="radio"]:not(:checked) + span:after, [type="radio"]:checked + span:after,[type="checkbox"]:not(:checked) + span:after, [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/***************CWEBS-425*********************/
.notinmobile{display:block;}
.notindesktop{display:none;}
.width-60{width: 60%;
    display: block;
    float: left;
}
.width-60-wrap{	padding-bottom:254px;padding-right:20%;}
.width-40{width: 40%;
    display: block;
    float: left;}
.width-40-wrap{	
 padding-top:53px;
}	
.width-40-wrap .image-holder{    max-width: 406px;margin-bottom:108px;}
.width-60 p{
  color:#fff;
  font-family:proximaNovaLight;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 32px;
  margin-bottom:10px;
}
.width-60 .page-title{color: #FFFFFF;
  font-family: proximaNovaBold;
  font-size: 15px;
  letter-spacing: 2.25px;
  line-height: 25px;
  text-align:left;}
.width-60 .featured-title{color: #FFFFFF;
  font-family: "minionProRegSubHead";
  font-size: 50px;
  letter-spacing: 0;
  line-height: 60px;
  text-align:left;
  margin:0!important;
  padding:10px 0 70px 0!important;
}
.width-40 p{
color:#fff;
padding-left:8%;
}	
.social-icons{width:100%;
display:block;
float:left;
margin-bottom:238px;}
.about-report-title{color: #FFFFFF;
  font-family:"minionProRegSubHead";
  font-size: 30px;
  letter-spacing: -0.5px;
  line-height: 38px;
  margin-bottom:20px;}
 .width-40 .about-report-title{padding-left:7%} 
  .width-40 .form-footer{padding-left:8%} 
 .key-takeaways-title{color: #FFFFFF;
  font-family: proximaNovaBold;
  font-size: 15px;
  letter-spacing: 2.25px;
  line-height: 25px;
  margin:47px 0 10px 0;
  text-transform:uppercase;} 
  .key-takeaways-content{  color:#fff;
  font-family:proximaNovaLight;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 32px;
  margin-bottom:10px;}
  .key-takeaways-content  ul{margin-left:15px;}
 .key-takeaways-content  ul li{
  list-style:disc;
  margin-bottom:10px;
 }
.learnmore:before{display:none;}

.hbspt-form [type=checkbox]:checked+span, [type=checkbox]:not(:checked)+span {font-family: 'proximaNovaRegular';
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0;
    text-transform: none;}

.report-template-default .hbspt-form input{height:45px!important;}

.report-template-default .hbspt-form input[type=submit]{width: 451px!important;
    border: solid 1px #fff;
    background: #fff;
    color: #000;
    width: 434px;
    padding: 7px 20px;
    margin-left: 0!important;}

.report-template-default .hbspt-form .hs-richtext img{display:none;}
.report-template-default .hbspt-form .hs-richtext{display:none;}


@media only screen and (max-width: 1440px) {
	.hbspt-form .hs-richtext img{right: 48.5%;
    margin-top: 11px;}
}

@media only screen and (max-width: 1280px) {
.hbspt-form .hs-richtext img {
    right: 48%;
}
}

@media only screen and (max-width: 1024px) {
	.hbspt-form .hs-richtext img {
    right: 48%;
	}
   .hbspt-form .hs-richtext{    margin-right: 4%;}
   
   .report-template-default .hbspt-form input{width: 260px!important;}
.report-template-default .hbspt-form input[type=submit] {
	width: 260px!important;}
}

/***hubspot ends**/



/**CWEBS-402**/

.signup a.btn {
    padding: 14px 90px;
    font-family: proximaNovaBold;
    font-size: 12px;
    float: none!important;
}








/***********masonry grid**************/
 /* Defaults */
img, video {
  max-width: 100%;
  vertical-align: middle;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
}

/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
  text-align:left;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}

/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonry .brick:hover img {
  /*opacity: .75;*/
}

/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #eee;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}

/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

.filterin{
margin:5% 5px 2.1% 0;
 float:right;
 color: #000000;
 font-family: proximaNovaBold;
 font-size: 10px;
 letter-spacing: 1.5px;
 line-height: 12px;
 border-bottom: solid 1px #eee;
}


select{
   border:solid 1px #fff;
   width:200px;
    color: #000000;
 font-family: proximaNovaBold;
 font-size: 10px;
 letter-spacing: 1.5px;
 line-height: 12px;
 text-transform:uppercase;
 height:22px;
 background:none;
 background-color:#fff;
 box-shadow:none!important;
}



/*768 for ipad*/

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }

  /*mobile horizontal view*/
	.wrapper{text-align:center}
	.masonry .migrate{text-align:left}
	.filterin {
      margin-right:6%;
	}
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
  
  .width-60-wrap{padding-left:33px;}
}



 @media only screen and (min-width: 768px) and (max-width: 1023px) {
   .featured-title{
        /* padding: 0px 67px;
		 font-size: 64px;*/
		 font-size: 35px;
   }
   .back-to-resourcez{margin-top:10px}
   .page-title{margin-top:58px;}
   .image-holder{/*max-width:300px;margin-right:5%;*/max-width: 394px;}
   .image-holder img{/*width:260px;*/width:300px;    margin-left: 4%;}
    .social-media-icons {
			left: 16px;
			top: 543px;
        position:absolute;/*CWEBE-204*/
		}
		.half p:first-child{margin-top:-8px;}
		#gravityform .gform_wrapper .top_label input.large {
    width: 323px!important;
	}
	#gravityform li.gfield:last-child{top: -11px;
    right: 132px;
    width: 100%;
	font-size: 0;/*hidding it for the time being= display:none;*/
	}

	.privacy-text img {
    right: 58.5%;
    top: 22px;
	}
	.three-cols{width:30.3%;margin: 0 8px;}
	.report-heading {    margin-top: 0;}
	.migrate{max-width:215px;}
	.report-context{padding:19px;    float: left;}
	.full-972{padding-left:3%}

	 .webinar-report .three-cols:nth-child(even) .migrate{margin:0}
	.webinar-report .three-cols:last-child .migrate{margin:0}
	.webinar-report .three-cols:first-child{margin-left:25px}

	.migrate .container img{width:100px}
	   .migrate .container {
	       margin: 30% 26% 30% 34%;
	   }
	   .webinar-report .three-cols:nth-child(even) .migrate .container{
	       margin: 30% 26% 30% 34%;
	   }
	   .migrate .container img {
       top: -9px;
	}




	   .learnmore{margin-left:0;width:100%;float:left;}
	   .download {
    float: left;
    margin-top: 21.5px;
    margin-right: 55px;
	width:100%;
	margin-bottom:35px;
	}
	.wantmore{margin-top:0;}

	.webinar-report-mobile{display:none}
	.filterin {
      margin-right:6%;
	}
 }
 
 
 /**hubspot*/
 @media only screen and (max-width: 768px) {
	 .hbspt-form .hs-richtext{margin-right:0; font-size:0;}
	 .hbspt-form .hs-richtext img {
    right: 48%;
    margin-top: 11px;
}
.hbspt-form input{
    width: 357px!important;
	}
	.width-60-wrap{padding-left:33px;}
}


 @media only screen and (max-width: 767px) {
    section{
	  width:100%;
	}

    .webinar-rectangle-8
	 {
	   width:100%;
	 }


	 .back-to-resourcez::before{
	    margin-right:72px;
	 }
	 .back-to-resourcez::after
	 {
	        content: '';
		   width:100%;
		   height:1px;
		   background-size:100%;
		   background-color:#fff;
		   position:absolute;
		   left:0;

	 }

	  /******newly added******/
	 .back-to-resourcez {
    margin: 112px auto 44px 10%;
    width: 100%;
}
.back-to-resourcez::after{    top: 190px;}
	/*********************/

/*****CWEBS-312********/
.hedless .back-to-resourcez {
    margin-top:0;
}
.hedless .back-to-resourcez::after {
    margin-top:-110px;
}
.hedless .page-title{
 margin-top:100px;
}
/*****CWEBS-312********/

	 .page-title{
	     /* font-size:11px;
	      line-height:18px;*/
    font-size: 10px;
    line-height: 18px;
    margin-left: 12%;
	margin-top: 13%;
		  }

	 h1.featured-title{
	     font-size:32px;
	     line-height: 36px;
		 padding:0 10%;
		  margin-bottom: 30px;
		margin-top: 30px;
		 }

	 .half{
	    width:100%;
	 }

	.image-holder{
	/* max-width:270px;
	  margin-right: 35px;
	  margin: auto;*/
	  max-width: 341px;
    margin-right: 35px;
    margin: auto;
	}

	 .image-holder img {
       /* width: 218px;
	   left: -13px;
         top: -22px;*/
		 width: 296px;
    left: -25px;
    top: -22px;
	}

	.dark-background{
	   margin-right:0;
	}

	.social-media-icons {
		left: 23px;
		top: 512px;
  position:absolute;/*CWEBE-204*/
	}

.firstblock {
    margin-top: 6px;
	margin-left: -20px;
}
	 .half p{
	   margin-right:0;
	   /*margin-left:89px;*/
	       margin-left: 11%;
	   font-size: 14px;
       line-height: 24px;
	 }

	 #gravityform .gform_wrapper .top_label input.large {
    height: 40px!important;
    width: 255px!important;
	}

	.gform_wrapper {
    margin: 16px 33px 0 63px!important;
	}

	body #gravityform .gfield_checkbox li input[type=checkbox] + label
	{font-size:12px;}

	#gravityform li.gfield:last-child{
		top: -26px;
		left: -12%;
		width: 100%;
		font-size: 0;/*hidding it for the time being= display:none;*/
	}


	.form-footer {
     /* padding: 0 5% 0 25%;*/
	     padding: 0 5% 0 10%;
   }
   .play-text{
margin-bottom: 12%;
}
	.privacy-text img {
		right: 79%;
		top: 39px;
	}
	.filterin{float:left;margin: 0 5px 0 6%;}
	#gravityform .button, input.gform_button, input[type=submit]{
	margin-left: 35px!important;
	}

	.report-heading{
	      margin: 45px auto 31px auto;
		  font-size:11px;
		  line-height:18px;
	}

	.three-cols{width:100%}

	.full-972{
	   padding:0 35px;
	}

	.wantmore{
	   width:100%;
	   padding-top:41px;
	   margin-top:0;
	   }

	.wantmore-title{text-align:center;
	    font-size:11px;
	}

	.get-exclusive{
	   font-size:22px;
	   text-align:center;
	   line-height:26px;
	       padding: 0 7%;
	}

	.we-ll-let-you-know-w{
		font-size:14px;
		text-align:center;
		line-height:24px;
		       padding: 0 10%;
	}
	.grp80{width:100%;float:left;}
	.grp40{width:100%;float:left;
	       display: flex;
    align-items: center;
    justify-content: center;
	}
	.sign-up{margin:26px auto;}

	.webinar-report{display:none;}
	.webinar-report-mobile{display:block;    float: left;}


	  #report-carousel .owl-carousel .owl-item img {
       width:155px!important;
	   height:auto!important;
    }
   .owl-carousel{padding-left:20px}
	.owl-theme .owl-dots .owl-dot span{display:none}
	.owl-stage { left: -40px; }
    .report-context{padding:22px}
	.report{font-size:8px;line-height:10px;}
	.migrating{font-size:19px;line-height:28px;}
	.ability{font-size:12px;line-height:19px;}
	.ability p{
    font-size: 12px;
    line-height: 19px;
}
	.learnmore{font-size:9px;line-height:11px;}
	.learnmore:before{width:10px;height:14px;margin-right:4px;}
	.download{font-size:9px;line-height:11px;margin-right:4px;}
	.download:before{width:10px;height:11px; margin-right: 6px;}

	.migrate .container{
	       margin: 86px 50px 65px 64px;
	}

	.owl-item:nth-child(even) .item .migrate .container
      {
    	background-color: #550500;
		}
		.owl-item:nth-child(even) .item .migrate
		{background-color: #AC5640;}

		#wantmore a:link,a:hover,a:visited{color:#000}
	 .half #gravityform{
          margin-left: 10px;
   }
   
   
   /**hubspot**/
.hbspt-form input{
    height: 33px!important;
    width: 245px!important;
}
	.hbspt-form .hs-richtext{font-size:0;}
		 .hbspt-form .hs-richtext img {
    left: 25.5%;
    margin-top: 7px;
}


/*cwebs-425 re-design*/
.back-to-resourcez {
    margin: 112px 0 44px 33px;
    width: 70%;
	}
.width-60{width:100%;}
.width-40{width:100%;}
.width-60 .page-title{
font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 18px;
  text-align:center;
  }
  
  .hedless .page-title{
  margin-top:35px!important;
  }
  
.width-60 .featured-title{
font-size: 32px;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
  padding: 4px 33px 40px 33px!important;
  text-align:center;
  }
  .width-60-wrap{padding:0;}
  .social-icons{
  margin:40px auto 40px auto;
  /*padding:0 0 0 125px ;*/
  display: flex; justify-content: center; width: 100%; 
  }
  .notindesktop{display:block;
  float:left;
  width:100%;
  }
  .notinmobile{display:none;}
  .about-report-title{
  padding-left:33px;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 26px;}
  .about-report-content{
  padding-left:33px;
  padding-right:33px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
   font-family: proximaNovaRegular;
   }
  .width-60 p {
   font-size: 14px;
  letter-spacing: 0;
  line-height: 24px; 
  font-family: proximaNovaRegular;
  }
  .key-takeaways-title{
  padding-left:33px;
   font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 18px;
  margin: 40px 0 20px 0;}
  .key-takeaways-content{
  padding-left:33px;
  padding-right:33px; 
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
   font-family: proximaNovaRegular;
}
.width-40 .about-report-title {padding-left:33px;}
.about-report-title{
margin-bottom:30px;}
.form-footer {
    padding: 0 5% 0 33px;
}
.width-40 .form-footer {
    padding-left: 33px;
}
.play-button{display:none;}
.play-text{margin-left:0;}
 }


  @media only screen and (min-width: 600px) and (max-width: 734px) {
	.privacy-text img {
		right: 83%;
		top: 51px;
	 }

	 .migrate{
	   max-width: 265px;
	 }


 }
 
/*CWEBS-435*/
 @media only screen and (max-width: 400px) {
  .report-template-default .hbspt-form input[type=submit]{width:294px!important;}
  .report-template-default .hbspt-form input{width:294px!important;}
  #report-carousel .owl-carousel .owl-item img{width:165px!important;}
.migrate .container img{top:-16px;}
 }
 
 /*CWEBS-435*/
 @media only screen and (max-width: 400px) {

.single-report .width-60-wrap .image-holder{   
	max-width: 341px;}
.single-report .width-60-wrap .image-holder img{
	 width: 296px;
    left: -25px;
}
}
@media only screen and (max-width: 767px){
	.single-report .width-60-wrap .image-holder{   
	max-width: 341px;}
.single-report .width-60-wrap .image-holder img{
	 width: 296px;
    left: -25px;
}
#report-carousel .owl-carousel .owl-item img {
    width: 195px!important;
}
	 .report-template-default .hbspt-form input[type=submit]{width:294px!important;}
  .report-template-default .hbspt-form input{width:294px!important;}
}