/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@font-face {
    font-family: 'Franklin Gothic Demi Italic';
    src: url('../fonts/franklin-gothic-demi-italic.eot');
    src: url('../fonts/franklin-gothic-demi-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/franklin-gothic-demi-italic.woff2') format('woff2'),
         url('../fonts/franklin-gothic-demi-italic.woff') format('woff'),
         url('../fonts/franklin-gothic-demi-italic.ttf') format('truetype'),
         url('../fonts/franklin-gothic-demi-italic.svg#CenturyGothicBoldItallic') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{box-sizing:border-box}
*,:before,:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}
.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#707070;outline:none;border:none;text-decoration:none}
a:visited{color:#707070}
a:hover{text-decoration:none;color:#1c174f}
a:active{color:#000}
address{margin:.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:18px;padding:8px 0;line-height:28px;margin:0;font-family:Roboto, Arial, Helvetica, sans-seriff}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #787878;font-size:15px;color:#434343;border-radius:0;width:100%;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
textarea{font:12px Arial,Helvetica,sans-serif}
textarea.form-control,.contact-form .form-control{height:90px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#036;border:none;box-shadow:none;color:#fff;font-size:16px;text-transform:capitalize;padding:12px 24px;text-align:center;vertical-align:middle;border-radius:6px;position:relative;z-index:10;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a:visited.button{color:#fff}
.button:hover{color:#fff}
.button,.button::after{-webkit-transition:all .3s;transition:all .3s}
.button::before,.button::after{background-color:#ed1b24;content:'';position:absolute;z-index:-1}
.btn-hover::after{height:100%;left:-35%;top:0;transform:skew(50deg);transition-duration:.6s;transform-origin:top left;width:0}
.btn-hover:hover:after{height:100%;width:135%;color:#fff}
.error{display:block;color:#d60606;padding-top:5px}
.alert-success{opacity:1}
.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-.0625em;vertical-align:middle;width:1em}
figure{margin-bottom:0}

/*-- body --*/
html{background:#fff;height:100%;font-family:Roboto, Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Roboto, Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#707070}
.container{max-width:1200px;margin:0 auto;position:relative;padding:0 15px}

h1,h2,h3,h4,h5,.bottom-text{font-family:"Franklin Gothic Demi Italic", Arial, Helvetica, sans-serif;}
h1,h2{font-weight:600}

.header{background:url(../images/intro-bg.jpg) no-repeat center 100%;background-size:cover;color:#fff;position:relative;padding-top:10px}
.header .hd-wrap{max-width:1540px;margin:0 auto;background:url(../images/cory-chapman.png) no-repeat 50% 100%;background-size:300px auto}

.logo{padding-top:15px;max-width:130px;margin:0 auto}

.intro-text{margin-top:30px;min-height:510px;text-align:center;padding-bottom:300px}
.intro h1{color:#fff;font-size:40px;font-style:italic;letter-spacing:3px}
.intro h1 span{font-size:30px;display:block;margin-bottom:10px}
.whatsapp-icon{position:absolute;bottom:-300px;right:0;max-width:250px;left:0;margin:0 auto}
.iframe-form{background:#fff;max-width:400px;padding:10px;border-radius:5px;margin:10px 0 40px}

.retirement-income{background:url(../images/retirement-income-bg.png) no-repeat 0 100%;background-size:cover;padding:80px 0 100px;color:#fff;min-height:430px}
.retirement-income .container{max-width:980px}
.retirement-income h2{font-size:34px;font-style:italic}
.retirement-income h2:after{content:""; display:block;width:260px;margin:20px auto;height:4px; background:#fff}

.video{padding:10px 0 60px}
.video iframe{border:2px solid #c6c5c5;margin-bottom:50px;max-width:100%}
.video h2{color:#0a1953;font-size:32px}
.video figure img{margin:0 auto}
.video .features figure{max-width:90px;height:100px;margin:0 auto}
.video iframe{height:230px}

.features{margin:20px 5px 50px}
.features figure{text-align:center}
.features .column > div{background:#fff;padding:30px 10px;margin:30px 5px 0; box-shadow:0 0 25px #dedcdc}
.features h3{color:#0a1953;font-size:22px;padding:20px 0 0}
.features p{color:#2c2c2c;font-size:16px;line-height:24px}
p.bottom-text{font-size:22px;color:#0a1953;}

.disclosure{background:#f1f1f1;padding:50px 0;text-align:center}
.disclosure h2{color:#323333;font:36px Roboto, Arial, Helvetica, sans-serif;font-weight:500;text-transform:uppercase}
.disclosure p{color:#2c2c2c;font-size:16px}

.footer{background:#3b4773;padding:57px 0 37px;color:#afb3c1;text-align:center}
.footer li{display:inline-block;margin:0 4px}
.footer li .fa{font-size:17px}
.footer a{display:block;color:#fff;border:1px solid #90899d;width:39px;height:39px;line-height:39px;border-radius:5px}
.footer a:hover{color:#c1c1c1}
.footer p{padding-top:25px;font-size:16px}




/*-- Responsive Css --*/

@media (min-width:576px){
.header .hd-wrap{background-position:112% 100%;background-size:51% auto}
.logo{padding-top:28px;max-width:200px}
.intro-text{text-align:left;padding-bottom:0;margin-top:60px}
.intro h1{font-size:50px}
.whatsapp-icon{right:40px;bottom:0;max-width:320px;left:auto}
.iframe-form{margin-bottom:90px}
.video iframe{height:300px}
.footer p{font-size:18px}
}

@media (min-width:768px){
.site-logo-img{max-width:180px}
.logo{max-width:none}
.header .hd-wrap{background-position:100% 100%}
.intro h1 span{font-size:42px;margin-bottom:0}
.retirement-income h2{font-size:45px}
.video{padding-top:60px}
.video h2,.disclosure h2{font-size:42px}
.features p{font-size:18px;line-height:32px}
.video iframe{height:430px}
}
@media (min-width:992px){
.whatsapp-icon{max-width:none;bottom:0}
.retirement-income{padding:80px 0 40px}
.features h3{font-size:28px}
.video iframe{height:506px}

}
@media (min-width:1200px){
.header .hd-wrap{background-size:51% auto;min-height:752px}
.intro h1{font-size:64px}
.iframe-form{margin-bottom:30px}
.retirement-income h2{font-size:50px}
.features .column > div{padding:30px}
.video h2{font-size:48px}
.disclosure h2{font-size:50px}
.video .features figure{max-width:none;height:auto}
}
@media (min-width:1460px){
.header .hd-wrap{background-position:100% 0}
}