@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,900&display=swap');
@import url("https://use.typekit.net/xmg2hgf.css");

body { font-family:agenda; }
img { max-width:100%; }
p { color:#575757;font-size:21px;font-weight:400; } 

.hero { font-family:agenda;background-image:url("https://s3-us-west-2.amazonaws.com/cdn.doctorgenius.com/landing-page/pardot/relaunch-program/img/hero-background.png");background-repeat:no-repeat;background-color:#F6FCFF;background-size:cover;background-position:center top;padding:75px 0 0px;height:897px; }
.hero .row { margin-bottom:0px; }
.hero .sub-title { color:#fff;text-align:center;font-size:25px;font-weight:600; }
.hero .logo img { max-width:100%;display:block;margin:0 auto;margin:10px auto; }
.hero h1 { color:#fff;text-transform:uppercase;text-align:center;font-size:115px;font-weight:700;line-height:100px; }
.hero h1 span { font-size:126px;font-weight:300; }
.hero h2 { color:#fff;text-transform:uppercase;font-style:italic;font-weight:500;font-size:36px;text-align:center;max-width:80%;margin:0 auto; }
.hero .profile { display:inline-block;vertical-align:middle;margin-top:25px; }
.hero .profile img { max-width:188px; }
.hero .profile-name { color:#201652;text-transform:uppercase;display:inline-block;font-size:50px;font-weight:700;line-height:0px;text-align:left;  }
.hero .job-description { color:#201652;text-transform:uppercase;font-size:24px;text-align:left;line-height:24px; }
.hero .wrapper { display:inline-block;vertical-align:middle;margin-top:20px; }

.intro { background:#F6FCFF;padding:50px 0; }
.intro h3 { color:#201652;font-size:40px;font-weight:800;text-align:center;text-transform:uppercase; }
.intro p { text-align:center; }

.launch { background-image:url("https://s3-us-west-2.amazonaws.com/cdn.doctorgenius.com/landing-page/pardot/relaunch-program/img/bg-arrows.png");background-repeat:no-repeat;background-size:cover;background-position:center;padding:120px 0; }
.launch img { display:inline-block;vertical-align:middle;padding-right:50px; }
.launch .wrapper { display:inline-block;vertical-align:middle; }
.launch .title { color:#201652;font-size:36px;font-weight:700;text-align:left;line-height:0px;letter-spacing:-.5px }
.launch p { margin-top:25px;max-width:480px;text-align:left;line-height:1.4em; }
.launch .contain { display:block;width:600px;margin:60px auto;padding-left:28px;}
.launch img.dots { display:block; }

.price { background:#F6FCFF;padding:100px 0;  }
.price h4 { color:#201652;line-height:1em;font-weight:700;letter-spacing:-.5px;font-size:60px; }
.price img { display:inline-block;vertical-align:middle;padding-right:30px; }
.price .box { margin-left:100px; }
.price .wrapper { display:inline-block;vertical-align:middle; }
.price .heading { color:#201652;font-size:42px;font-weight:800;line-height:36px;text-align:left; }
.price .info { color:#585858;font-size:36px;font-weight:800;line-height:36px;text-align:left; }
.price .h-lines { text-align:center;padding:50px 0; }

.video { padding-bottom:40px; }
.video .title { color:#201652;line-height:1em;font-weight:700;letter-spacing:-.5px;font-size:70px;margin-top:90px;margin-bottom:30px;   }
.carousel .carousel-item { width:100%;max-width:580px;height:380px;  }
.carousel .indicators .indicator-item { height:27px;width:27px;margin:0 16px;background-color:#C9C9C9; }
.carousel .indicators .indicator-item.active { background-color:#31AEE1; }

.bio { background:#F6FCFF;padding:100px 0; }
.bio p { font-size:20px; }
.bio img { display:block;margin:0 auto; }

.footer { background-color:#28A5DF;padding:50px 0 80px; }
.footer .row { margin-bottom:0px; }
.footer img { display:block;margin:20px auto 40px; }
.footer .divider { background:#57b7e3;margin-bottom:10px; }
.footer .copyright { color:#fff;font-size:18px; }


/*--- Button ---*/
a.btn-request {  background:#3DC93D;color:#fff;display:block;margin:20px auto 0;font-family:roboto;font-style:italic;width:260px;height:52px;line-height:52px;text-align:center;font-size:24px;font-weight:600;border-radius:5px; }

/*--- Form ---*/
.form-wrapper { background:#fff;max-width:360px;height:auto;margin:0 0 0 12%;padding:6% 5.5%;border-radius:5px;height:auto; }
.form-wrapper img { display:inline-block;vertical-align:middle;margin-right:12px; }
.form-wrapper .title { font-family:roboto;width:220px;display:inline-block;vertical-align:middle;font-size:28px;font-weight:800;font-style:italic;line-height:1em;letter-spacing:-1px;color:#000;text-align:left; }
.form-wrapper p { font-family:roboto;font-size:14px;font-weight:400;line-height:1.3em;text-align:center; }
.form-wrapper .form-content { padding:0; }

/*--- Form Button ---*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #3DC93D;
    font-size:25px;
    font-weight:600;
    font-style:italic;
    width:260px;
    height:56px;
    border: 0;
    color: #fff;
    padding: 0;
    margin: 30px auto 10px;
    display: block;
    border-radius: 6px;
    -webkit-transition: background-color .6s ease-out;
    -moz-transition: background-color .6s ease-out;
    -o-transition: background-color .6s ease-out;
    transition: background-color .6s ease-out;    
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    outline: none;
    height: 42px;
    width: 100%;
    font-size: 15px;
    margin: 2px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2695df;
    box-shadow: 0 1px 0 0 #2695df;
}


/*--- Modal ---*/
.modal .modal-content { padding:0px;width:100%; }
.modal { max-height:100%;box-shadow:none;background:transparent; }
.modal .form-wrapper { max-width:380px;margin:0px auto; }
.modal .form-title { display:block;width:100%;padding:32px 40px 10px; }
.modal .form-title img { display:inline-block;margin-left:15px;margin-top:-12px;vertical-align:middle; }
.modal .form-title h3 { display:inline-block;font-size:26px;font-weight:300;letter-spacing:-1px;line-height:1em;margin-left:10px;vertical-align:middle; }
.modal .form-title span { font-weight:500; }
.modal .form-content { padding:20px 0px; }
.modal p.register { font-size: 12px;text-align: center;max-width: 250px;margin: 25px auto 10px; }


.sticky-footer-hide { display:none;opacity: 0; }
.sticky-footer .btn, .sticky-footer .text, .sticky-footer .cta, .sticky-footer .email-icon-2, .btn-cta-01 { display:none; }
.sticky-footer .btn { background-color:#000;  }
.sticky-footer .row { margin:0; }
.sticky-footer i.fa { margin-right:10px;font-size:15px; }
.sticky-footer 
{ z-index:900;height:0px;position:fixed;bottom: 0px;width: 100%;background:#0d83b9;
/* border */
-webkit-box-shadow: 0px -2px 18px -4px rgba(76, 76, 76, 0.37);
-moz-box-shadow: 0px -2px 18px -4px rgba(76, 76, 76, 0.37);
box-shadow: 0px -2px 18px -4px rgba(76, 76, 76, 0.37);  
/* animation */
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
}

.sticky-footer.show { height:35px;line-height:75px;
   /* animation */   
   -moz-transition:all 0.2s ease-in-out;
   -o-transition:all 0.2s ease-in-out;
   transition:all 0.2s ease-in-out;
   -webkit-transition:all 0.2s ease-in-out;
}

.sticky-footer.show .cta { font-family: 'Montserrat', sans-serif;color:#fff;font-size:17px;display:inline;vertical-align:middle;  }
.sticky-footer.show .cta span { font-weight:800; }
.sticky-footer.show a.btn-cta-01 { position:relative;bottom:20px;display:inline;font-family: agenda, sans-serif;background:#3DC93D;padding:8px 25px;margin-left:25px;color:#fff;font-size:18px;font-weight:600;border-radius:2px;transition: .2s ease-out;text-transform:uppercase;letter-spacing:1px; }
.sticky-footer.show a.btn-cta-01:hover { background:#23b023; }




@media only screen and (max-width : 1366px) {
	.container { width:90%; }
	.hero { background-size:cover;background-position:center top;padding:75px 0 0px;height:auto; }
	.hero { padding:45px 0; }
	.hero h1 { font-size:90px;line-height:.9em; }
	.hero h1 span { font-size:98px; }
	.hero h2 { font-size:26px; }
	.hero .profile-name { font-size:40px; }
	.hero .job-description { font-size:20px; }

	.price img { display: block;padding-right:0px;margin: 0 auto; }
	.price .wrapper { display:initial; }
	.price .box { margin-left:0px; }
	.price .heading { text-align:center;margin-top:20px; }
	.price .info { text-align:center; }

}	

@media only screen and (max-width : 992px) {
	.valign-wrapper { display:block; }
	.hero .logo img { max-width:291px; }
	.hero { background-size:cover;background-position: 66% top;;padding:28px 0 0px;height:700px; }
	.hero h2 { max-width:52%; }
	.hero .profile img { max-width:100%; }
	.hero .wrapper { display:block;margin-top:0px; }
	.hero .job-description { text-align:center; }

	.intro { padding-bottom:20px; }
	.intro h3 { font-size:32px;margin-top:0px; }
	.intro p { font-size:20px; }

	.launch { padding:80px 0; } 
	.launch img { display:initial;padding-right:0px; }
	.launch .wrapper { margin-top:40px; }
	.launch .title, .launch p { text-align:center; }
	.launch .contain { padding-left:0; }
	.launch img.dots { margin:0 auto; }

	.price { padding:80px 0; }
	.price h4 { max-width:400px;margin:0 auto;font-size:46px;text-align:center; }
	.price .info { line-height:54px; }
	.price p { text-align:center;max-width:600px;margin:30px auto 50px; }

	.carousel .indicators .indicator-item { height:18px;width:18px; }

	.bio { padding-bottom:40px; }
	.bio img { margin-bottom:30px; }

	.sticky-footer.show a.btn-cta-01 { bottom:40px; }

}

@media only screen and (max-width : 600px) {
	.hero { height: auto;background-position: 45% top; }
	.hero .sub-title { font-size:18px; }
	.hero .logo img { max-width:195px; }
	.hero h1 { font-size:65px;line-height:.9em;margin: 20px 0 15px; }
	.hero h1 span { font-size: 70px;}
	.hero h2 { font-size:24px;max-width:100%; }
	.hero .profile { margin-top:15px; }
	.hero .profile img { max-width:240px; }

	.launch { padding:45px 0; }
	.launch .contain { width:100%;margin:30px auto; }
	.launch img { max-width:200px; }

	.modal .form-content { padding:0; }


}
@media only screen and (max-width : 414px) {
	p { font-size:18px; }
	.price h4 { font-size:38px; }
	.price .heading { font-size:34px; }
	.price { padding:40px 0; }
	.launch { padding:45px 0 0; }
	.launch .title { font-size: 28px; }
	.video .title { font-size:40px; }
	.carousel { height:290px; }
	.carousel .carousel-item { width:100%;max-width:580px;height:260px;  }

}

@media only screen and (max-width : 375px) {
	.hero { background-position: 50% top; }
	.hero .profile img { max-width:175px; }

	.form-wrapper img { margin-left:10px;margin-right:5px; }
	.form-wrapper .title { width:200px;font-size:24px; }

	


			
}

@media only screen and (max-width : 320px) {
			
}
