@import url('https://fonts.googleapis.com/css2?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital, wght@0 400 0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,700;1,700&display=swap');
    
body { margin:0px !important;  font-size:15px !important; padding:0px !important; font-family: 'Roboto', sans-serif !important; font-weight:400 !important; }


/* Heading Banner Image */
.bannerimg h1 { font-family: 'Roboto', sans-serif !important; font-size:52px !important; font-weight:100; color:#fff !important; line-height: 70px !important }
.bannerimg h4 { font-family: 'Roboto', sans-serif !important; font-size:30px !important; font-weight:100; color:#fff !important; margin-top:40px !important; margin-bottom:40px !important }
#btn_email { font-family: 'Roboto', sans-serif !important; font-size:24px !important; font-weight:100; color:#fff !important; width:700px !important; height:55px !important; background-color: transparent !important; border:solid 1px #fff !important; border-radius:4px !important; margin-bottom:10px !important }
#btn_email::placeholder { color:#fff !important }

.bannerimg button.btn-danger { font-family: 'Roboto', sans-serif !important; font-size:24px !important; color:#fff !important; width:38%!important; height:55px !important; background-color: transparent !important; border:solid 1px #fff !important; border-radius:4px !important; }

.bannerimg button.btn-danger:last-child { margin-left:7px !important }

.bannerimg button.btn-danger:hover { font-family: 'Roboto', sans-serif !important; font-size:24px !important; color:#fff !important; width:38%!important; height:55px !important; background-color: #ed1d24 !important; border:solid 0px #fff !important; border-radius:4px !important; }

.bannerimg { background-image: url(../img/img_banner1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; height:600px; padding:80px 0px 100px 0px; margin:0px; text-align: center }


.nopadding {
    padding: 0 !important;
    margin: 0 !important;
 }

 .nopadding-right {
    padding-right: 0 !important;
    margin-right: 0 !important;
 }

 .nopadding-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
 }


@media all and (min-width:320px) and (max-width:480px) {
	.bannerback { background-image:none !important; text-align:center !important; width:100% !important; padding:20px 0px 20px 0px !important; }
	.bannerback img { width:75% !important; height:auto !important; }
	.bannerback h1 { font-size: 36px !important; color: #2F2F2F !important; line-height: 50px !important; padding:0px !important; }
	#whitepaperleftimagesection h1 { font-size: 36px !important; text-align:center !important; line-height: 50px !important; padding:0px !important; }
	#zetawhitepaper1mobile h2 { font-size: 24px !important; }
	.bannerback h4 { line-height: 45px !important; }
	#whitepaperheadersection { padding:20px !important; background-color:transparent !important; }
	#bottomlogo { margin:0px 0px 20px 0px !important; text-align:center !important; }
	#whitepaperbottomsection input::placeholder { padding-left: 10px !important;  }
	#whitepaperbottomsection input[id=email] { width:100%  !important; height:50px  !important; margin:0px 0px 10px 0px !important; padding: 0px !important;  }
    #whitepaperbottomsection input[type=submit] { width:100% !important; height:50px !important; margin:0px 0px 20px 0px !important; }
    #whitepaperbottomsection input[type=submit]:hover { width:100% !important; height:50px !important; margin:0px 0px 20px 0px !important; }
    #imagepanel img { padding:0px; margin-bottom:15px; width:100% !important }
    #socialicon img { border-radius:4px !important; margin:20px 0px 0px !important; }
    #whitepaperleftimagesection p.caption { text-align:center !important; }
    
}

@media all and (min-width:480px) and (max-width:768px) {
	.bannerback { background-image:none !important; text-align:center !important; }	
    .bannerback img { width:50% !important; height:auto !important; }
	.bannerback h1 { font-size: 36px !important; color: #2F2F2F !important; line-height: 50px !important; padding:0px !important; }
	#whitepaperleftimagesection h1 { font-size: 36px !important; text-align:center !important; line-height: 50px !important; padding:0px !important; }
	#zetawhitepaper1mobile h2 { font-size: 24px !important; }
	.bannerback h4 { line-height: 45px !important; }
	#whitepaperheadersection { padding:20px !important; background-color:transparent !important; }
	#bottomlogo { margin:0px 0px 20px 0px !important; text-align:center !important; }
	
	#whitepaperbottomsection input::placeholder { padding-left: 10px !important;  }
	#whitepaperbottomsection input[id=email] { width:100%  !important; height:50px  !important; margin:0px 0px 10px 0px !important; padding: 0px !important;  }
    #whitepaperbottomsection input[type=submit] { width:100% !important; height:50px !important; }
    #whitepaperbottomsection input[type=submit]:hover { width:100% !important; height:50px !important; }
    #imagepanel img { padding:0px; margin-bottom:15px; width:50% !important }
    #socialicon img { border-radius:4px !important; margin:20px 0px 0px !important; }
    #whitepaperleftimagesection p.caption { text-align:center !important; }

}

@media all and (min-width:768px) and (max-width:1024px) {
	.bannerback { background-image:none !important; }	
	#imagepanel img { padding:0px; margin-bottom:15px; width:100% !important }
	#whitepaperleftimagesection p.caption { text-align:center !important; }
	#socialicon img { border-radius:4px !important; margin:20px 0px 0px !important; }
}


.bannerback img { height:auto; width:100%; margin-bottom:40px }
.bannerback h1 { font-family:'Roboto', sans-serif !important; font-weight:100 !important; font-size:52px; color:#2F2F2F !important; line-height: 70px }
.bannerback h4 { font-family:'Roboto', sans-serif !important; font-weight:100 !important; font-size:30px !important; line-height:44px !important; color:#2F2F2F !important; margin-top:40px !important; margin-bottom:40px !important }
.bannerback #btn_email { font-family:'Roboto' !important; font-size:24px !important; color:#2f2f2f !important; width:20em !important; height:55px !important; background-color: transparent !important; border:solid 1px #2f2f2f !important; border-radius:4px !important; margin-bottom:10px !important }

.bannerback #btn_email::placeholder { color:#2f2f2f !important }

.bannerback input.btn-danger { font-family: Roboto !important; color: #fff !important; text-transform: uppercase; height: 55px !important; background-color: #ed1d24 !important; padding-left: 20px; padding-right: 20px; text-transform: uppercase!important;
border: solid 0px #fff !important; border-radius: 4px !important; }
.bannerback input.btn-danger:hover { font-family: 'Roboto', sans-serif !important;  font-weight:100; color:#000000 !important; height:55px !important; background-color: #ffffff !important; padding-left: 20px; padding-right: 20px; border:solid 1px #2f2f2f !important; border-radius:4px !important; }

.bannerback button.btn-danger { font-family: 'Roboto', sans-serif !important; font-size:18px !important; color:#2f2f2f !important; height:55px !important; background-color: transparent !important; padding-left:20px; padding-right:20px; border:solid 1px #2f2f2f !important; border-radius:4px !important; }
.bannerback button.btn-danger:last-child { margin-left:7px !important }
.bannerback button.btn-danger:hover { font-family: 'Roboto' !important; font-size:18px !important; color:#fff !important; height:55px !important; background-color: #ed1d24 !important; border:solid 0px #fff !important; border-radius:4px !important; }

/* .bannerback { padding:100px 0px 100px 0px; margin:0px; text-align: left; font-family:'Roboto', sans-serif; } */
.bannerback  { background-image: url(../img/img_curve.png); background-position: bottom center; background-repeat: no-repeat; height:700px; padding:80px 0px 80px 40px; margin:0px 0px 0px 0px; text-align: left }
#socialicon img { border-radius:4px !important; margin:20px 0px 0px !important; }



/************** SAMPLE OPTION-1 ******************/
/* Google White Paper Landing Page Section */
#zetawhitepaper1mobile .whitepaperformback { display:none }

#bannerback1 .bannerback  { background-image: url(../img/img_curve.jpg); background-position: bottom center; background-repeat: no-repeat; height:700px; padding:80px 0px 100px 0px; margin:0px; text-align: center }
#googlewhitepaerheadersection { background-color:#fff; box-sizing: border-box; padding:0px 0px 0px 40px; width:100%; margin-top:0px; margin-bottom:40px; margin-left:0px; margin-right: 0px; }
#googlewhitepaerheadersection h4 { font-family: 'Roboto', sans-serif; font-weight:700; color:#474747; font-size:18px;  }
#googlewhitepaperbottomsection { background-color:#1c465f; border:solid 8px #376adf; box-sizing: border-box; padding:30px; }
#googlewhitepaperbottomsection a { color:#474747; font-size:12px; text-decoration: none; }
#googlewhitepaperbottomsection h4 { font-family: 'Roboto', sans-serif; color:#73c1c1; font-size:12px; text-transform: uppercase; }
#googlewhitepaperbottomsection p { font-family: 'Roboto', sans-serif; color:#fff; font-size:12px; text-transform: uppercase; }
 .customericon i { font-size:60px; text-align:center; width: 100%; }

.googlewhitepapertopshadow { float:left; width:100%; background-image:url(../img/img_google_back_shadow.png); background-repeat: no-repeat; background-position: top center; box-sizing: border-box; padding:8px; transform: rotate(180deg); opacity:0.5 }
.googlewhitepaperbottomshadow { float:left; width:100%; background-image:url(../img/img_google_back_shadow.png); background-repeat: no-repeat; background-position: bottom center; box-sizing: border-box; padding:8px; opacity:0.8 }

#googlewhitepaperleftimagesection { background-color:#f4f4f4; box-sizing: border-box; padding:50px 30px 50px 30px; border-top: solid 1px lightgray; border-bottom: solid 1px lightgray }
#googlewhitepaperleftimagesection h1 {  color: #ed1d24; font-family:  'Roboto', sans-serif; font-weight:100; margin-bottom:20px }
#googlewhitepaperleftimagesection h3 {  color: #ed1d24; font-family: 'Roboto', sans-serif;font-size:32px; margin-top:40px; margin-bottom:20px; line-height:46px }
#googlewhitepaperleftimagesection li { color: #474747; font-size:16.5px; margin-left:-20px; line-height: 2.2em; } 
#googlewhitepaperleftimagesection img { float:right; width:350px; margin-left:20px; margin-bottom:0px }
#googlewhitepaperleftimagesection .hrcolor { width:100%; height:1px; margin-top: 30px; margin-bottom: 30px; background-color:#999; }
#googlewhitepaperleftimagesection p {  color: #474747; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:400; line-height: 1.8em; text-align: justify; }

#googlewhitepaperleftimagesection .socialicon i[class="fa fa-facebook-square"] { font-size:24px; color:#224694; padding-left:0px; }
#googlewhitepaperleftimagesection .socialicon i[class="fa fa-twitter-square"] { font-size:24px; color:#578bb3; padding-left:3px; }
#googlewhitepaperleftimagesection .socialicon i[class="fa fa-linkedin-square"] { font-size:24px; color:#5ea5dd; padding-left:3px; }
#googlewhitepaperleftimagesection .socialicon i[class="fa fa-google-plus-square"] { font-size:24px; color:#d64749; padding-left:6px; }
#googlewhitepaperleftimagesection .socialicon i[class="fa fa-envelope"] { font-size:24px; color:#999; padding-left:6px; }

.spacer10 { float:left; height:10px; width:100% }
.spacer20 { float:left; height:20px; width:100% }
.spacer30 { float:left; height:30px; width:100% }
.spacer40 { float:left; height:40px; width:100% }
.spacer50 { float:left; height:50px; width:100% }
.spacer60 { float:left; height:60px; width:100% }
.spacer70 { float:left; height:70px; width:100% }
.spacer80 { float:left; height:80px; width:100% }
.spacer90 { float:left; height:90px; width:100% }
.spacer100 { float:left; height:100px; width:100% }

/* White Paper form */
#googlewhitepaperback .whitepaperformback { background-color:#fff; padding:20px; border-radius:0px; box-shadow: 4px 0px 8px rgba(0,0,0,0.3) }
#googlewhitepaperformback1 label {color:#fff; font-family: 'Roboto', sans-serif; font-weight:400  }
#googlewhitepaperformback1 span {color:#fff; padding-left:8px; font-size:14px }
#googlewhitepaperformback1 .formrow { margin-bottom:15px }
#googlewhitepaperformback1 input { border:solid 1px #fff; border-radius: 4px; width:100%; height:50px; padding-left:10px }
#googlewhitepaperformback1 input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#googlewhitepaperformback1 input:blur { border-left:solid 0px transparent; box-sizing: border-box; }

#googlewhitepaperformback1 input[type=checkbox] { border:solid 0px #fff; border-radius: 4px !important; width:32px !important; height:32px !important; margin-top:0px }
#googlewhitepaperformback1 input[type="button"] { font-family: 'Roboto', sans-serif; background-color:#ed1d24; color:#fff; text-transform:uppercase; border-radius: 4px; width:100%; height:50px; border:none; margin-bottom:0px }
#googlewhitepaperformback1 input[type="button"]:hover { background-color:#000; color:#fff; text-transform:uppercase; border-radius: 4px; width:100%; height:50px; border:none; margin-bottom:0px }
#googlewhitepaperformback1 input::placeholder { padding-left:0px; color:#999 }
#googlewhitepaperformback1 select { border-radius: 4px; width:100%; height:50px; color:#999; padding-left:8px }


/* Popup */
#googlewhitepaperformback1 .whitepaperformback { display:none; float:left !important; overflow:none; position:fixed !important; width:100% !important; height:100vh !important; z-index:100; background-color:rgba(0,0,0,0.7); }
#googlewhitepaperformback1 .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:100; padding:0px 20px 0px 0px }



/************** SAMPLE OPTION-2 ******************/
/* White Paper Landing Page Section */

#bannerback2 .bannerback  { background-image: url(../img/img_curve.jpg); background-position: bottom center; background-repeat: no-repeat; height:700px; padding:80px 0px 100px 0px; margin:0px; text-align: left !important }
#whitepaperbottomsection { background-color:#303030; box-sizing: border-box; padding:30px; }
#whitepaperbottomsection a { color:#fff; text-decoration: none; letter-spacing:0.5px }
#whitepaperbottomsection h4 { font-family: 'Roboto', sans-serif; color:#fff; font-size:12px; letter-spacing:0.5px; text-transform: uppercase; }
#whitepaperbottomsection p { font-family: 'Roboto', sans-serif; color:#fff; font-size:11px; letter-spacing:0.5px  }

#whitepaperbottomsection input[id=email] { border:solid 0px #2F2F2F; border-radius: 4px; width:61%; height:50px; padding: 5px 0px 5px 10px; margin-bottom:0px;  }
#whitepaperbottomsection input[type=submit] { background-color:#ed1d24; color:#fff; text-transform:uppercase; border:none; border-radius: 4px; width:36%; height:50px; margin-bottom:0px; margin-left:10px; padding:0px 20px 0px 20px }
#whitepaperbottomsection input[type=submit]:hover { background-color:#000; color:#fff; text-transform:uppercase; border:none; border-radius: 4px; width:36%; height:50px; margin-bottom:0px; margin-left:10px; }

#zetawhitepaper input[type="button"] { background-color:#ed1d24; color:#fff; text-transform:uppercase; border-radius: 4px; height:50px; margin-bottom:0px; padding:0px 20px 0px 20px; border:solid 1px #fff !important; }
#zetawhitepaper input[type="button"]:hover { background-color:#000; color:#fff; text-transform:uppercase; border-radius: 4px; height:50px; margin-bottom:0px; border:none !important; }


/* Mobile right side sliding menu */
#whitepaperformbackmobile { width:0%; margin-right:0px; }
#zetawhitepaper1mobile .whitepaperformbackmobile { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:20px; display:none; right:-400px; position:fixed; z-index:100;  }
#zetawhitepaper1mobile h4 { font-size:22px; color: #fff; font-family:  'Roboto', sans-serif; font-weight:300; margin-bottom:0px; line-height:30px; }
#zetawhitepaper1mobile label {color:#fff }
#zetawhitepaper1mobile span {color:#fff }
#zetawhitepaper1mobile .formrow { margin-bottom:20px }
#zetawhitepaper1mobile input { border:solid 0px #2F2F2F; border-radius: 4px; width:100%; height:50px; padding: 5px 0px 5px 10px; margin-bottom:10px;  }
#zetawhitepaper1mobile textarea { border:solid 0px #2F2F2F; border-radius: 4px; width:100%; height:auto; padding:10px; margin-bottom:10px;  }
/*#zetawhitepaper1mobile input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }*/
/*#zetawhitepaper1mobile input:blur { border-left:solid 0px transparent; box-sizing: border-box; }*/
#zetawhitepaper1mobile .whitepaperformbackmobile { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:20px; display:none; right:-400px; position:fixed; z-index:100;  }
#zetawhitepaper1mobile input[type="submit"] { background-color:#ed1d24; color:#fff; text-transform:uppercase; border-radius: 4px; width:100%; height:50px; margin-bottom:0px; padding:0px 20px 0px 20px }
#zetawhitepaper1mobile input[type="submit"]:hover { background-color:#000; color:#fff; text-transform:uppercase; border-radius: 4px; width:100%; height:50px; margin-bottom:0px }
#zetawhitepaper1mobile input::placeholder { padding:10px; color:#999 }
#zetawhitepaper1mobile textarea::placeholder { padding:0px 10px 0px; color:#999 }
#zetawhitepaper1mobile .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:100; padding:0px 0px 0px 0px }

#whitepaperformbackdesktop { width:0%; margin-right:0px; }
#whitepaperformbackdesktop i { font-size:30px; color:#fff; }

#whitepaperheadersection { background-color:#ed1d24; color:#fff; padding:20px 150px 20px 150px;  }
#whitepaperheadersection img { padding:8px 0px 0px 0px }
#whitepaperleftimagesection h1 {  color: #2F2F2F; font-family: 'Roboto', sans-serif; font-weight:100; font-size:47px }
#whitepaperleftimagesection a { color: #2F2F2F; font-family: 'Roboto', sans-serif; font-weight:700; }
#whitepaperleftimagesection p {  color: #2F2F2F; font-size:15px; font-family: 'Roboto', sans-serif;line-height: 1.7em; text-align: justify; }
#whitepaperleftimagesection div.caption {  color: #2F2F2F; font-size:14px; font-family: 'Roboto', sans-serif;line-height: 1.7em; text-align: center; }
#leadcapturewhitepaper img { width:100%; height:auto }
#imagepanel img { padding:0px; margin-bottom:10px; width:100% }
#subscriptionemail label { display:none; color:#fff !important; }

.spacer10 { float:left; height:10px; width:100% }
.spacer20 { float:left; height:20px; width:100% }
.spacer30 { float:left; height:30px; width:100% }
.spacer40 { float:left; height:40px; width:100% }
.spacer50 { float:left; height:50px; width:100% }
.spacer60 { float:left; height:60px; width:100% }

/* White Paper form */
.realtorsbox { width:24px !important; height:24px !important; }
#zetawhitepaper1desktop .whitepaperformbackdesktop { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:20px; display:none; right:-400px; position:fixed; z-index:100;  }
#zetawhitepaper1desktop h4 { font-size:22px; color: #fff; font-family:  'Roboto', sans-serif; font-weight:300; margin-bottom:0px; line-height:30px; }
#zetawhitepaper1desktop label {color:#fff; padding: 10px 0px 0px 0px !important; font-weight: 100; }
#zetawhitepaper1desktop span {color:#fff }
#zetawhitepaper1desktop .formrow { margin-bottom:20px }
#zetawhitepaper1desktop input { border:solid 0px #2F2F2F; border-radius: 4px; width:100%; height:50px; padding: 5px 0px 5px 10px; margin-bottom:10px; line-height: initial !important;  }
#zetawhitepaper1desktop input[type=radio] { border:solid 0px #2F2F2F; border-radius: 4px; vertical-align: middle; margin-right: 10px !important; }
#zetawhitepaper1desktop textarea { border:solid 0px #2F2F2F; border-radius: 4px; width:100%; height:auto; padding:10px; margin-bottom:10px;  }
#zetawhitepaper1desktop textarea:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#zetawhitepaper1desktop input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#zetawhitepaper1desktop input:blur { border-left:solid 0px transparent; box-sizing: border-box; }
#zetawhitepaper1desktop input[type="submit"] { background-color:#ed1d24; color:#fff; text-transform:uppercase; border-radius: 4px; width:100%; height:50px; margin-top:15px; padding:0px 20px 0px 20px }
#zetawhitepaper1desktop input[type="submit"]:hover { background-color:#000; color:#fff; text-transform:uppercase; border-radius: 4px; width:100%; height:50px; margin-bottom:0px }
#zetawhitepaper1desktop input::placeholder { padding:10px; color:#999 }
#zetawhitepaper1desktop textarea::placeholder { padding:0px 10px 0px; color:#999 }
#zetawhitepaper1desktop .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:100; padding:0px 0px 0px 0px }




/**************  SAMPLE OPTION-3 ******************/
/* Lead capture White Paper Landing Page Section */
#bannerback3 .bannerback  { background-image: url(../img/img_curve.jpg); background-position: bottom center; background-repeat: no-repeat; height:700px; padding:80px 0px 100px 0px; margin:0px; text-align: center }
#leadcapturewhitepaper h1 {  color: #ed1d24; font-family: 'Roboto', sans-serif; margin-bottom:20px }
#leadcapturewhitepaper p {  color: #5e5f4d; font-size:15px; font-family: 'Roboto', sans-serif;line-height: 2em; text-align: justify; }
#marketingbitz img { width:auto; height:auto; margin:0px; padding:0px }

/* White Paper Right side page */
#leadcapturewhitepaper .whitepaperformback { float:left; width:100%; background-color:#fff; padding:20px; box-shadow:8px 8px 30px rgba(0,0,0,0.3); margin:70px 0px 40px 0px  }

#fourtyfiveexperts img { width:100%; height:auto; margin-bottom: 25px; }
#fourtyfiveexpertscontent p {  color: #5e5f4d; font-size:11px; font-family: 'Roboto', sans-serif; line-height: 1.5em; text-align: left; }
#fourtyfiveexpertscontent li {  color: #5e5f4d; font-size:11px; font-family: 'Roboto', sans-serif;line-height: 1.5em; text-align: left; margin-left:-25px; line-height: 1.5em }

#leadcapturewhitepaper .expertimg img { float:left; margin:5px; width:12% }

#leadcapturewhitepaper1 .whitepaperformback { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:20px; display:none; top:0px; left:0px; right:0px; width:100% !important; position:fixed; z-index:100; background-image: url(../img/img_downarrow.png); background-position: bottom left; background-repeat: no-repeat; background-clip: border-box;  }

#leadcapturewhitepaper1 h2 {  color: #fff; font-family: 'Roboto', sans-serif;margin-bottom:20px; text-align: center; }

#whiteform_panel_animation { top:0px; position:relative; }

#leadcapturewhitepaper .whitepaperformback h1 {  text-transform:uppercase; color: #5e5f4d; font-family:  'Roboto', sans-serif; font-weight:700; margin-bottom:20px; margin-top:0px; }
.whitepaperformback h3 {  text-transform:uppercase; color: #5e5f4d; font-family:  'Roboto', sans-serif; font-weight:700; margin-top:0px; margin-bottom:5px }
.panelheading { background-color:#5e5f4d; font-size:18px; padding: 15px 0px 15px 0px; color:#fff; font-family:  'Roboto', sans-serif; font-weight:700; text-align: center; border-radius:4px }
#leadcapturewhitepaper .panelbody { display:none; float:left; background-color:#d8d8d6; padding: 10px; width:100% }

.whitepaperfootersection { background-image: url(../img/img_2.png); background-repeat:repeat; box-sizing: border-box; padding:40px; width:103% !important; box-sizing:border-box; color:#fff; margin-top:40px } 

#leadcapturewhitepaper label {color:#5e5f4d; margin-top:15px }
#leadcapturewhitepaper span {color:#5e5f4d }
#leadcapturewhitepaper .formrow { margin-bottom:20px }
#leadcapturewhitepaper input { border:solid 0px #5e5f4d; border-radius: 4px; width:98%; height:50px; margin:5px; }
#leadcapturewhitepaper input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#leadcapturewhitepaper input:blur { border-left:solid 0px transparent; box-sizing: border-box; }

#leadcapturewhitepaper input[type="button"] { background-color:#ed1d24; color:#fff; text-transform:uppercase; border-radius: 4px; height:50px; border:none; margin:15px 10px 5px 5px !important }
#leadcapturewhitepaper input[type="button"]:hover { background-color:#000; color:#fff; text-transform:uppercase; border-radius: 4px; height:50px; border:none; margin:15px 10px 5px 5px !important }
#leadcapturewhitepaper input::placeholder { padding-left:10px; color:#999 }

#leadcapturewhitepaper1 label {color:#5e5f4d }
#leadcapturewhitepaper1 span {color:#5e5f4d }
#leadcapturewhitepaper1 .formrow { margin-bottom:20px }
#leadcapturewhitepaper1 input { border:solid 0px #5e5f4d; border-radius: 4px; height:50px; margin:5px; }
#leadcapturewhitepaper1 input[type="button"] { background-color:#ed1d24; color:#fff; text-transform:uppercase; border-radius: 4px; height:50px; border:none; margin:5px }
#leadcapturewhitepaper1 input[type="button"]:hover { background-color:#000; color:#fff; text-transform:uppercase; border-radius: 4px; height:50px; border:none; margin:5px }
#leadcapturewhitepaper1 input::placeholder { padding-left:10px; color:#999 }
#leadcapturewhitepaper1 .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; padding:0px 0px 0px 0px }



/**************  SAMPLE OPTION-4 ******************/
/* Ebook White Paper Landing Page Section */
#ebookwhitepaper1 .whitepaperformback { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:20px; display:none; top:0px; left:0px; right:0px; width:100% !important; position:fixed; z-index:100; background-image: url(../img/img_downarrow.png); background-position: bottom left; background-repeat: no-repeat; background-clip: border-box;  }

#bannerback4 .bannerback  { background-image: url(../img/img_curve_salesforce_option4.png); background-position: bottom center; background-repeat: no-repeat; height:700px; padding:80px 0px 100px 0px; margin:0px; text-align: center }

#ebookwhitepaper h1 {  color: #ed1d24; font-family: 'Roboto', sans-serif;margin-top:40px; margin-bottom:20px }
#ebookwhitepaper p {  color: #fff; font-size:15px; font-family: 'Roboto', sans-serif;line-height: 2em; margin-bottom:15px; text-align: justify; }
#marketingbitz img { width:auto; height:auto; margin:0px; padding:0px }

/* White Paper Right side page */
#ebookwhitepaper .ebookwhitepaperformback { float:left; width:100%; background-color:rgba(0,0,0,0.3); padding:0px 0px 10px 0px; box-shadow:8px 8px 30px rgba(0,0,0,0.5); border: inset 2px #999; }

#ebook img { width:65px; height:auto; padding:0px; margin-left:-20px }
#ebookquestion img { width:75%; height:auto; padding:0px; }
#etrustimg { font-size:10px; font-family: 'Roboto', sans-serif;line-height: 1.2em; text-align: center; }
#etrustimg img { width:75px; height:auto; padding:0px; margin-left:-15px }
#etrustcontent { color: #5e5f4d; font-size:10px; font-family: 'Roboto', sans-serif;line-height: 1.2em; text-align: left; }
#ebookbottomcontent p { color: #000; font-size:10px; font-family: 'Roboto', sans-serif;line-height: 1.2em; text-align: left; }
#ebookbottomcontent a { color:#000 !important }
#ebookbottomcontent div { color:#000 !important }
#ebooksocialicon { float:left; }
#ebooksocialicon img { width:16px; }
#ebooksocialicon i { font-size:24px; color:#6e6e6e; padding:3px }
#ebookquestioncontent { padding:25px 25px 0px 25px; }

#ebookquestioncontent p {  color: #fff; font-size:11px; font-family: 'Roboto', sans-serif;line-height: 1.7em; text-align: left; }
#ebookquestioncontent li {  color: #fff; font-size:11px; font-family: 'Roboto', sans-serif;line-height: 1.1em; text-align: left; margin-left:-25px; line-height: 1.5em }

#ebookwhitepaper .expertimg img { float:left; margin:5px; width:10% }
#ebookwhitepaper .ebookwhitepaperformback h1 {  color: #5e5f4d; font-family:  'Roboto', sans-serif; font-weight:700; margin-bottom:20px; margin-top:0px; }

.ebookwhitepaperformback h3 {  color: #9d9d9d; font-family:  'Roboto', sans-serif; font-weight:700; margin-top:0px; margin-bottom:10px }
.ebookwhitepaperformback h6 {  color: #9d9d9d; font-family:  'Roboto', sans-serif; font-weight:700; margin-top:0px; margin-bottom:10px }
#ebookwhitepaper .panelheading { background-color:#5b9ed3; margin:0px 10px 15px 10px; padding: 15px; color:#fff; font-family: 'Roboto', sans-serif;text-align: center; font-size:22px }
#ebookwhitepaper .panelbody { display:none; background-image: url(../img/img_right_arrow.png); background-position: left top; background-repeat: no-repeat; background-color:#5b9ed3; padding: 20px 20px 1px 20px }

#ebookwhitepaper .ebookheadingpanel { background-color:#000; padding: 20px 10px 20px 10px; color:#fff; font-family:  'Roboto', sans-serif; font-weight:700; text-align: center; font-size:14px }
#ebookwhitepaper .ebookheadingpanel h2 { color:#fff; font-family: 'Roboto', sans-serif;text-align: center; font-size:34px; line-height: 1.5em; }
#ebookwhitepaper .ebookheadingpanel h4 { color:#fff; font-family: 'Roboto', sans-serif;text-align: center; font-size:22px }
#ebookquestioncontent img { width:100%; height:auto; margin-bottom: 15px; }

#ebookwhitepaper label {color:#5e5f4d }
#ebookwhitepaper span {color:#5e5f4d }
#ebookwhitepaper .formrow { margin-bottom:10px }
#ebookwhitepaper input { border:solid 0px #5e5f4d; border-radius: 0px; width:100%; height:45px; padding-left:8px; color:#000 }
#ebookwhitepaper input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#ebookwhitepaper input:blur { border-left:solid 0px transparent; box-sizing: border-box; }
#ebookwhitepaper a { font-style: italic; color:#ed1d24 }

#readmorebtn { height:50px !important; width:20% !important; background-color: #ed1d24 !important; }
#ebookwhitepaper input[type="button"] { background-color:#315e97; color:#fff; width:100%; height:45px; border:none; margin-bottom:0px }
#ebookwhitepaper input[type="button"]:hover { background-color:#000; color:#fff; width:100%; height:45px; border:none; margin-bottom:0px }
#ebookwhitepaper select { border:solid 0px #5e5f4d; border-radius: 0px; width:100%; height:45px }
#ebookwhitepaper select:nth-child(1) { color: #999; }
#ebookwhitepaper input::placeholder { padding-left:10px; color:#999 }

#ebookwhitepaper1 label {color:#5e5f4d }
#ebookwhitepaper1 span {color:#5e5f4d }
#ebookwhitepaper1 .formrow { margin-bottom:10px }

#ebookwhitepaper1 input { border:solid 1px #5e5f4d; border-radius: 4px; height:45px; }
#ebookwhitepaper1 input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#ebookwhitepaper1 input:blur { border-left:solid 0px transparent; box-sizing: border-box; }

#ebookwhitepaper1 input[type="button"] { background-color:#ed1d24; color:#fff; height:45px; border:none; margin-bottom:0px }
#ebookwhitepaper1 input[type="button"]:hover { background-color:#000; color:#fff; height:45px; border:none; margin-bottom:0px }
#ebookwhitepaper1 select { border:solid 1px #5e5f4d; border-radius: 4px; height:45px }
#ebookwhitepaper1 select:nth-child(1) { color: #999; }
#ebookwhitepaper1 input::placeholder { padding-left:10px; color:#999 }
#bannerback4 .bannerback  { background-image: url(../img/img_curve_salesforce_option4.png); background-position: bottom center; background-repeat: no-repeat; height:700px; padding:80px 0px 100px 0px; margin:0px; text-align: center }
#ebookwhitepaper1 .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; padding:0px 0px 0px 0px }
#ebookbottomcontent { background-color:#fff !important; box-sizing:border-box; margin-top:0px; padding:40px; width:100% !important; box-sizing:border-box; color:#fff; }
#ebookwhitepaper .whitepaperbodysection { background-image: url(../img/img_2.png); background-repeat:repeat; box-sizing: border-box; padding:40px; box-sizing:border-box; color:#fff; }



/**************  SAMPLE OPTION-5 ******************/
/* Return on Digital White Paper Landing Page Section */

#returnondigitalwhitepaper h1 {  color: #ed1d24; font-family:  'Roboto', sans-serif; font-weight:700; margin-bottom:20px }
#returnondigitalwhitepaper p {  color: #5e5f4d; font-size:15px; font-family: 'Roboto', sans-serif;line-height: 2em; text-align: justify; margin-bottom: 20px; }
#marketingbitz img { width:50%; height:auto; margin:0px; padding:0px }

/* White Paper Right side page */
#returnondigitalwhitepaper .returnondigitalwhitepaperformback { float:left; width:100%; background-color:#fff; padding:30px 0px 0px 0px; box-shadow:8px 8px 30px rgba(0,0,0,0.3); border: solid 24px dimgray; margin:30px 0px }

.digitalheading { color:#5e5f4d; font-family: 'Roboto', sans-serif; font-weight:700; }
#returnondigital img { width:100px; height:auto; padding:0px; margin-left:-10px; margin-top:-10px }


#etrustimg img { width:75px; height:auto; padding:0px; margin:10px }
#etrustcontent { color: #5e5f4d; font-size:10px; font-family: 'Roboto', sans-serif;line-height: 1.2em; text-align: left; }
#ebookbottomcontent p { color: #5e5f4d; font-size:10px; font-family: 'Roboto', sans-serif;line-height: 1.2em; text-align: left; }
#ebooksocialicon { float:left; }
#ebooksocialicon img { width:16px; }
#ebooksocialicon i { font-size:24px; color:#6e6e6e; padding:3px }
#returnondigitalcontent { padding:10px 0px 0px 0px }
#returnondigitalcontent p {  color: #000; font-size:11px; font-family: 'Roboto', sans-serif;line-height: 1.7em; text-align: left; }
#returnondigitalcontent li {  color: #000; font-size:11px; font-family: 'Roboto', sans-serif;line-height: 2.2em; text-align: left; margin-left:-15px; list-style-image: url(../img/img_arrow_pointer.png);  }

#returnondigitalwhitepaper .expertimg img { float:left; margin:5px; width:10% }
#returnondigitalwhitepaper .returnondigitalwhitepaperformback h1 {  color: #5e5f4d; font-family:  'Roboto', sans-serif; font-weight:700; margin-bottom:20px; margin-top:0px; }

.returnondigitalwhitepaperformback h3 {  color: #9d9d9d; font-family:  'Roboto', sans-serif; font-weight:700; margin-top:0px; margin-bottom:10px }
.returnondigitalwhitepaperformback h6 {  color: #9d9d9d; font-family:  'Roboto', sans-serif; font-weight:700; margin-top:0px; margin-bottom:10px }


.returnondigitalwhitepaperformback #returnondigitalgrayback { background-color:#ededed; padding: 20px 20px 20px 20px; border-top: solid 4px dimgray; }
.returnondigitalwhitepaperformback #returnondigitalgrayback h2 { font-family:  'Roboto', sans-serif; font-weight:700; }
#returnondigitalgrayback img { width:100%; height:auto; padding:0px; }


#returnondigitalwhitepaper1 .returnondigitalwhitepaperformback { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:100px 0px 0px 0px; display:none; top:0px; left:0px; right:0px; width:100% !important; position:fixed; z-index:100; background-image: url(../img/img_downarrow.png); background-position: bottom left; background-repeat: no-repeat; background-clip: border-box;  }

#returnondigitalwhitepaper1 label {color:#5e5f4d }
#returnondigitalwhitepaper1 span {color:#5e5f4d }
#returnondigitalwhitepaper1 .formrow { margin-bottom:10px }
#returnondigitalwhitepaper1 input { border:solid 0px #5e5f4d; border-radius: 4px; width:100%; height:45px; box-shadow:0px 0px 3px #5e5f4d }
#returnondigitalwhitepaper1 input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#returnondigitalwhitepaper1 input:blur { border-left:solid 0px transparent; box-sizing: border-box; }
#returnondigitalwhitepaper1 input[type="button"] { background-color:#ec008c; color:#fff; width:100%; height:45px; border:none; margin-top:5px }
#returnondigitalwhitepaper1 input[type="button"]:hover { background-color:#000; color:#fff; width:100%; height:45px; border:none; margin-bottom:0px }
#returnondigitalwhitepaper1 select { border:solid 1px #5e5f4d; border-radius: 0px; width:100%; height:45px }
#returnondigitalwhitepaper1 select:nth-child(1) { color: #999; }
#returnondigitalwhitepaper1 input::placeholder { padding-left:10px; color:#999 }
#returnondigitalwhitepaper1 .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; padding:0px 40px 0px 0px }
#returnondigitalwhitepaper1 h2 {  color: #fff; font-family: 'Roboto', sans-serif;margin-bottom:20px; text-align: center; }


#returnondigitalwhitepaper label {color:#5e5f4d }
#returnondigitalwhitepaper span {color:#5e5f4d }
#returnondigitalwhitepaper .formrow { margin-bottom:10px }
#returnondigitalwhitepaper input { border:solid 0px #5e5f4d; border-radius: 4px; width:100%; height:45px; box-shadow:0px 0px 3px #5e5f4d }
#returnondigitalwhitepaper input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#returnondigitalwhitepaper input:blur { border-left:solid 0px transparent; box-sizing: border-box; }
#returnondigitalwhitepaper input[type="button"] { background-color:#ec008c; color:#fff; width:100%; height:45px; border:none; margin-top:5px }
#returnondigitalwhitepaper input[type="button"]:hover { background-color:#000; color:#fff; width:100%; height:45px; border:none; margin-bottom:0px }
#returnondigitalwhitepaper select { border:solid 1px #5e5f4d; border-radius: 0px; width:100%; height:45px }
#returnondigitalwhitepaper select:nth-child(1) { color: #999; }
#returnondigitalwhitepaper input::placeholder { padding-left:10px; color:#999 }
#returnondigitalwhitepaper .panelbody img { width:auto; text-align:center }
#returnondigitalwhitepaper .panelbody { background-color:#fff; padding: 20px 20px 20px 20px }
#returnondigitalwhitepaper .panelheading { background-color:dimgray; border-radius:0px; padding: 20px; color:#fff; font-family: 'Roboto', sans-serif;text-align: center; font-size:18px; }



/**************  SAMPLE OPTION-6 ******************/
/* Thank you White Paper Page Section */

#thankyouwhitepaper h1 {  color: #ed1d24; font-family: 'Roboto', sans-serif;font-size:44px; margin-bottom:20px; margin-top:20px }
#thankyouwhitepaper p {  color: #5e5f4d; font-size:15px; font-family: 'Roboto', sans-serif;line-height: 2em; text-align: justify; }

#thankyouwhitepaper1 .thankyouwhitepaperformback { background-color:rgba(0,0,0,0.7); height:100vh; float:right; padding:100px 0px 0px 0px; display:none; top:0px; left:0px; right:0px; width:100% !important; position:fixed; z-index:100; background-image: url(../img/img_downarrow.png); background-position: bottom left; background-repeat: no-repeat; background-clip: border-box;  }

#thankyouwhitepaper1 label {color:#5e5f4d }
#thankyouwhitepaper1 span {color:#5e5f4d }
#thankyouwhitepaper1 .formrow { margin-bottom:10px }
#thankyouwhitepaper1 input { border:solid 0px #5e5f4d; border-radius: 4px; height:45px; box-shadow:0px 0px 3px #5e5f4d; margin-bottom:8px }
#thankyouwhitepaper1 input:focus { border-left:solid 4px #ed1d24; box-sizing: border-box; }
#thankyouwhitepaper1 input:blur { border-left:solid 0px transparent; box-sizing: border-box; }
#thankyouwhitepaper1 input[type="button"] { background-color:#ed1d24; color:#fff; width:100%; height:45px; border:none; margin-top:5px }
#thankyouwhitepaper1 input[type="button"]:hover { background-color:#000; color:#fff; width:100%; height:45px; border:none; margin-bottom:0px }
#thankyouwhitepaper1 select { border:solid 1px #5e5f4d; border-radius: 4px; height:45px; margin-bottom:8px }
#thankyouwhitepaper1 select:nth-child(1) { color: #999; }
#thankyouwhitepaper1 input::placeholder { padding-left:10px; color:#999 }
#thankyouwhitepaper1 .closebtn { float:right; cursor:pointer; text-align:right; width:32px; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; padding:0px 40px 0px 0px }

#thankyouwhitepaper1 h2 {  color: #fff; font-family: 'Roboto', sans-serif;margin-bottom:20px; text-align: center; }

/* White Paper Right side page */
#thankyouwhitepaper .thankyouwhitepaperformback { float:left; width:100%; background-color:#fff; padding:0px 0px 20px 0px; box-shadow:8px 8px 30px rgba(0,0,0,0.3) }


#thankyou { background-image:url(../img/img_thankyou_image.png); background-size: cover; background-repeat: repeat; width:100%; height:330px; padding:50px 0px 50px 0px; margin-left:0px; margin-bottom:30px; text-align: center; }
#thankyou h1 { color:#fff !important }
#thankyoucontent h2 { color:#ed1d24 !important; font-family:  'Roboto', sans-serif; font-weight:700; text-transform: uppercase; text-align: center; margin:0px 0px 20px 0px }
#thankyou h4 { color:#fff !important; font-size:22px; font-family: 'Roboto', sans-serif; }
#thankyou button { background-color: #ed1d24; /* Green */ border-radius:32px; border:none; color: white;  padding: 18px 25px 18px 25px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;  margin: 10px 0px 0px 0px;  cursor: pointer;  }
#thankyou img { width:100px; height:auto; margin:0px 0px 30px 0px; padding:0px }
#thankyoucontent .thankyoucontentbox { margin:0px 20px 0px 20px; padding:30px 30px 30px 30px; box-shadow:0px 0px 4px rgba(0,0,0,0.3); width:30%; height:auto; border-bottom:8px solid #206087;  }
#thankyoucontent .thankyoucontentbox:last-child { margin-left:0px; margin-right:0px }
#thankyoucontent .thankyoucontentbox:nth-child(2) { margin-right:0px; margin-left:20px }
#thankyoucontent p {  color: #5e5f4d; font-size:14px; font-family: 'Roboto', sans-serif;line-height: 1.5; text-align: left; }

.thankyoubottomsection { width:100%; background-color: #333333; color:#a2a2a2; padding:20px 0px 20px 0px; text-align:center; }
.thankyoubottomsection a { color:#fff; margin:0px 5px 0px 5px  }
.thankyoubottomsection a:hover { color:#5e5f4d; margin:0px 5px 0px 5px; text-decoration: none;  }
.thankyoubottomsection .hrcolor { width:100%; margin-top: 30px; margin-bottom: 30px; color:#5e5f4d; }
#thankyoubottomsection { background-color: #333333; color:#a2a2a2; margin:40px 0px 0px 0px; padding:20px 40px 40px 40px; text-align:left }
#thankyoubottomsection h4 { color:#a2a2a2 !important; font-family:  'Roboto', sans-serif; font-weight:700; text-transform: uppercase; text-align: left; margin:0px 0px 20px 0px }
#thankyoubottomsection li { list-style:none; margin-left:-40px; color: #a2a2a2; font-size:14px; font-family: 'Roboto', sans-serif;line-height: 2.5; text-align: left; }
