/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap');
/*-- Reset css --*/
/*==================box-sizing================*/
*{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:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.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:16px;padding:8px 0;line-height:24px;margin:0;}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #e1e1e1;font-size:15px;color:#434343;border-radius:4px;width:100%;height:50px;padding:8px 15px}
.form-control::-moz-placeholder{color:#5a5a5a;opacity:1}
.form-control:-ms-input-placeholder{color:#5a5a5a}
.form-control::-webkit-input-placeholder{color:#5a5a5a}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;/*min-height:62px;*/background-color:#252525;border:0;font:20px "Roboto Regular", Arial, sans-serif;font-weight:600;padding:16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#262626;border:none;box-shadow:none;color:#fff;font-size:24px;text-transform:uppercase;border:none;padding:15px 26px;text-align:center;vertical-align:middle;border-radius:6px;font-weight:600;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.button:hover,.button:focus{background-color:#1076f6;}

a:visited.button{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}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none; margin:18px 0 35px;padding:0;}
.list li{color:#161515;font-size:16px;line-height:24px;margin:0 0 10px;padding:0 0 0 36px;font-weight:400;position:relative;}
.list li span{display:block;height:26px;width:26px;background:#1076f6;font-size: 15px;text-align:center;line-height:24px;color:#fff;border-radius:50%;position:absolute;left:0;top:0;}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}

/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.button{font-family:"Raleway", Arial, sans-serif}
.hd-h1{font-family:"Raleway", Arial, sans-serif;color:#000;font-size:53px;margin:0 0 6px;font-weight:700;}
.hd-h1 span{color:#1076f6;display:inline-block;text-transform:uppercase;}
.hd-h2{font-family:"Raleway", Arial, sans-serif;color:#000;font-size:45px;margin:0 0 10px;font-weight:600;}
.raleway400{font-family:"Raleway", Arial, sans-serif;font-weight:400;color:#5a5a5a;line-height:31px;}
.intro-form .button,.about-learning .list li,.left-aside .list li{font-family:"Raleway", Arial, sans-serif;font-weight:600;}
.intro-form h2{font-family:"Raleway", Arial, sans-serif;font-weight:700;}
/*-- Container --*/
#content{display:inline-block;width:100%;min-height:300px}

/*-- Header --*/

/*====----Home Page----=====*/
#top{background: url(../images/intro-bg.jpg) no-repeat center 0;min-height: 909px;position: relative;margin: 0 auto;background-size: cover;background-color:transparent;}
.navbar-linear{position:relative;width:100%;padding:15px 0 5px;}
.navbar-linear{background:-webkit-linear-gradient(-66deg, transparent 66%, #262626 66%);background:-webkit-linear-gradient(left, transparent 66%, #262626 66%); 
background: linear-gradient(-66deg, transparent 66%, #262626 66%);}
.retirement-plan{padding:40px 0;}
.retirement-plan .right-aside{float:right;width:40%;padding:0 0 0 1.2%;}
.retirement-plan .left-aside{float:left;width:60%;padding:0 6.2% 0 0;}
.left-aside h2{font-family:"Raleway", Arial, sans-serif;font-weight:600;color:#000;font-size:27px;margin:0 0 6px;}

.intro-form h2{background:#1076f6;padding:15px 15px 10px;color:#fff;text-align:center;font-size:42px;text-transform:uppercase;margin:0;border-radius:6px 6px 0 0;}
.intro-form h2 span{color:#fff;display:block;font-size:31px;letter-spacing:3px;font-weight:600;}
.intro-form form{background:#fff;padding:33px 24px 24px;margin:0;box-shadow: -10px 8px 10px -12px rgba(0,0,0,0.24);border-radius:0 0 6px 6px;}
.intro-form form label{display:block;}
.intro-form form .form-control{background: #f0f0f0;border: none;font-size: 15px;color: #5a5a5a;height: 48px;padding: 8px 15px;}
.intro-form .button{font-size: 28px;text-transform: uppercase;padding: 10px 85px;margin: 15px 0 0;}

.about-webinar{padding:80px 35px 80px 35px;}
.about-webinar figure{margin:0;}
.about-webinar .info{padding: 35px 15px 0 45px;}
.about-webinar .button{font-size: 28px;text-transform: uppercase;padding: 8px 50px;background:#1076f6;margin: 15px 0 0;}
.about-webinar .button:hover,.about-webinar .button:focus{background-color:#262626;color:#fff;}

.about-learning{padding:80px 0 70px;background: url(../images/about-learning-bg.jpg) no-repeat left top;background-size:cover;}
.about-learning .list{margin: 18px 0 0;padding: 0;}
.about-learning .hd-h2{color:#fff;}
.text-sm{color:#fff;font-family:"Raleway", Arial, sans-serif;font-weight:400;font-size:15px;}
.about-learning .list li{color: #fff;font-size: 18px;margin: 0 0 18px;}
.about-learning .list li span{background: transparent;}
.about-learning .button{color:#000;font-size: 28px;text-transform: uppercase;padding: 8px 50px;background:#fff;margin: 15px 0 0;}
.about-learning .button:hover,.about-learning .button:focus{background-color:#262626;color:#fff;}

.about-cory{padding:80px 35px 80px 35px;}
.about-cory figure{margin:0 auto;max-height:236px;max-width:236px;border-radius:50%;}
.about-cory figure img{max-width:100%;height:auto;border-radius:50%;border:solid 10px #1076f6;margin:0 auto;}
.about-cory .info{padding: 15px 35px 0 15px;}
.about-cory .button{font-size: 28px;text-transform: uppercase;padding: 8px 50px;background:#1076f6;margin: 15px 0 0;}
.about-cory .button:hover,.about-cory .button:focus{background-color:#262626;color:#fff;}
.about-cory .hd-h2 span{display:block;color:#6f6f6f;text-transform:uppercase;font-size:24px;margin:6px 0 0;}

.disclosure{padding:50px 0;background:#ececec;}
.disclosure .button{font-size: 28px;text-transform: uppercase;padding: 8px 50px;background:#262626;margin: 26px 0 0;}
.disclosure .button:hover,.disclosure .button:focus{background-color:#1076f6;color:#fff;}
.disclosure p{color:#6a6868;}

#footer {background:#ececec;}
#footer .copyright{border-top: solid 1px #ccc;padding: 24px 0;color: #00010e;font-size: 13px;}

/*====Responsive====*/
@media (min-width:1920px){
#top{background: url(../images/background-bg-lg.jpg) no-repeat center 0;min-height: 1024px;position:relative;background-size:cover;background-position: bottom;}	
.navbar-linear{background: -webkit-linear-gradient(-66deg, transparent 66%, #262626 66%);background: -webkit-linear-gradient(left, transparent 66%, #262626 66%); background: linear-gradient(-66deg, transparent 60%, #262626 60%);}
}
@media (min-width:2280px){
#top{min-height: 1170px;}
.navbar-linear{background: -webkit-linear-gradient(-66deg, transparent 57%, #262626 57%);background: -webkit-linear-gradient(left, transparent 57%, #262626 57%);background: linear-gradient(-66deg, transparent 57%, #262626 57%);}
}
@media (min-width:2560px){
#top{min-height: 1340px;}
.navbar-linear{background: -webkit-linear-gradient(-66deg, transparent 55%, #262626 55%);background: -webkit-linear-gradient(left, transparent 55%, #262626 55%);background: linear-gradient(-66deg, transparent 55%, #262626 55%);} 
}
/*====css====*/
@media (max-width:1199px){
img{display:block;max-width:100%;height:auto}.img-responsive{display:block;max-width:100%;height:auto}
.hd-h1{font-size: 43px;}
.retirement-plan .left-aside{padding:0 1.2% 0 0;}
.intro-form h2{font-size: 31px;}.intro-form h2 span{font-size: 21px;}
.intro-form .button{font-size: 21px;padding: 10px 50px;margin: 15px 0 0;}
.about-webinar,.about-learning,.about-cory{padding: 50px 0;}
.about-webinar .button,.about-learning .button,.about-cory .button,.disclosure .button{font-size: 24px;padding: 8px 35px;}
.about-webinar .info{padding: 15px 15px 0 15px;}.hd-h2{font-size: 35px;}

/*body{border:1px solid #000}*/ 
}
@media (max-width:1024px){
.container{max-width:928px;padding:0}
.intro-text h1 strong{font-size:51px}

/*body{border:1px solid orange}*/
}
@media (max-width:991px){
.container{max-width:721px}p{font-size: 15px;}.raleway400{line-height:28px;}#top{background: #f9f9f9;min-height: 100%;}
.header figure{max-width: 150px;}.retirement-plan{padding: 26px 0 40px;}.hd-h1{font-size: 35px;}
.retirement-plan .right-aside{float: none;width: 100%;padding: 0;max-width: 420px;margin: 0 auto 35px;}
.retirement-plan .left-aside{float: none;width: 100%;padding: 0;}
.intro-form h2{padding: 10px;}.intro-form form{padding: 25px 18px 15px;}
.list{margin: 10px 0 24px;}.hd-h2{font-size: 28px;}.about-webinar .hd-h2,.about-cory .hd-h2{margin: 0;}
.about-learning .list li{font-size: 16px;margin: 0 0 15px;}.about-cory .hd-h2 span{font-size: 18px;}

/* body{border:1px solid red}*/ 
}
@media (max-width:767px){
.container{max-width:590px}.header figure{margin: 0 auto;}
.navbar-linear{background: #262626;padding:12px 0;}
.retirement-plan{padding: 35px 0 26px;}
.hd-h1{font-size: 28px;}.left-aside h2{font-size: 24px;margin: 0;}
.about-webinar, .about-learning, .about-cory,.disclosure{padding: 40px 0;}
.about-webinar figure{margin: 0 auto 10px;}.about-webinar figure .img-block{margin: 0 auto;}
.about-webinar .info,.about-cory .info{padding: 15px 15px 0;text-align: center;}
.about-cory figure img{border: solid 5px #1076f6;}
#footer .copyright{padding: 15px 0;text-align: center;}.disclosure{text-align: center;}

/*body{border:1px solid lightgreen}*/
}
@media (max-width:639px){
.container{max-width:435px}
.about-webinar .button, .about-learning .button, .about-cory .button, .disclosure .button,.intro-form .button{font-size: 18px;padding: 9px 25px;}
.about-learning .list li{padding:0 0 0 26px;}

/*body{border:1px solid blue}*/
}
@media (max-width:480px){
.container{max-width:90%}html{-webkit-text-size-adjust:none}
.intro-form h2{font-size: 24px;}.intro-form h2 span{font-size: 15px;}
.intro-form form .form-control{font-size: 13px;height: 40px;padding: 8px 12px;}
.hd-h1,.hd-h2{font-size: 24px;}.left-aside h2{font-size: 19px;}.list li,.about-learning .list li{font-size: 15px;}

/*body{border:1px solid magenta}*/
}