/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&display=swap');*/
/*----*/
@font-face {
    font-family: 'Ebrima Normal';
    src: url('../fonts/ebrima-normal.eot');
    src: url('../fonts/ebrima-normal.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ebrima-normal.woff2') format('woff2'),
        url('../fonts/ebrima-normal.woff') format('woff'),
        url('../fonts/ebrima-normal.ttf') format('truetype'),
        url('../fonts/ebrima-normal.svg#Ebrima-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ebrima Bold';
    src: url('../fonts/Ebrima-Bold.eot');
    src: url('../fonts/Ebrima-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ebrima-Bold.woff2') format('woff2'),
        url('../fonts/Ebrima-Bold.woff') format('woff'),
        url('../fonts/Ebrima-Bold.ttf') format('truetype'),
        url('../fonts/Ebrima-Bold.svg#Ebrima-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-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:56px;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}
.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: #ca1753;border: none;box-shadow: none;color: #fff;font-size: 15px;text-transform: uppercase;padding: 12px 18px;text-align: center;vertical-align: middle;    border-radius: 5px;position: relative;z-index: 10;overflow: hidden;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
a:visited.button{color:#fff;}.button:hover{color:#fff;}
.button,.button::after{-webkit-transition: all 0.3s;transition: all 0.3s;}
.button:hover{background-color: #9f9ea0;}

.button::before,.button::after{background: #445ec6;content: '';position: absolute;z-index: -1;}
.btn-hover::after{height: 100%;left: -35%;top: 0;transform: skew(50deg);transition-duration: 0.6s;transform-origin: top left;width: 0;}
.btn-hover:hover:after{height: 100%;width: 135%;}
.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:0}
.list li{color: #010101;font-size: 21px;line-height: 28px;padding: 0 0 0 66px;font-weight: 400;position: relative;min-height: 50px;margin: 0 0 31px;}
.list li span{display:block;height:48px;width:48px;background:#1e233a;font-size: 18px;text-align:center;line-height:45px;color:#fff;border-radius:50%;position:absolute;left:0;top:-5px;}
.list-numeric{list-style:number;font-size:16px;color:#686868}
/*-- 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,.hd-top,.intro-text h1 .sm,.hd_title,.about-cory .cory-info p,.get_learning ul .details p,.button,.list li,.reverse_today p,.disclosure p{font-family:"Ebrima Normal", Arial, sans-serif;}
.intro-text h1 .md{font-family:'Ebrima Bold', Arial, sans-serif;}
.hd-h2{color:#000;font-size:60px;font-family:'Ebrima Bold', Arial, sans-serif;margin:0 0 15px;}
.hd-top{display:block;color:#212121;font-size:31px;margin:0 0 5px;font-weight:700;}
/*-- Container --*/
#content{display:inline-block;width:100%;min-height:300px;}

/*-- Header --*/
.header{padding:15px 0}
.logo-brand{margin:0;}
#top{background:url(../images/top-bg.jpg) no-repeat center 0;min-height:620px;background-size: cover;padding: 140px 0 50px;max-width:1920px;margin:0 auto;}

/*====----Home Page----=====*/
.intro-text{position:relative;}
.intro-text h1{margin:0 0 28px;color:#fff;text-transform:uppercase;line-height:84px;}
.intro-text h1 .sm{display: block;font-size:60px;font-style:normal;}
.intro-text h1 .md{font-size:98px;display:block;}
.intro-text .hd_title{color: #fff;font-size: 33px;font-weight: 500;margin: 10px 0 15px;padding: 8px 24px 12px 0;position: relative;line-height: 45px;background: #ca1753;z-index:24;}
.intro-text p:before{content:" ";position:absolute;right:43%;top:19px;height:6px;width:235px;background:#445ec6;}
.intro-text .button{padding: 9px 64px;}

.hd-gradient {
  /*background: linear-gradient(45deg,#fefefe,#fff,#9f9ea0,#b7b2bc);*/
  background: linear-gradient(45deg,#fefefe,#fff,#ca1753,#b7b2bc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 300% 300%;
  animation: gradient-text 10s ease infinite;
}
@-webkit-keyframes gradient-text {
  0% {
    background-position: 0% 50%;
  }
    50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.about-cory{padding: 60px 0 0;min-height:521px;}

.about-cory .container{background: url(../images/about-cory-image.jpg)no-repeat right bottom;min-height: 457px;/*background-size: 35%;*/}
.about-cory .cory-info{margin-bottom:50px;}
.about-cory .cory-info p{color: #010101;font-size: 21px;line-height: 31px;padding: 12px 66px 12px 0;}
.get_learning{background:#1e233a;padding:90px 0 80px;}
.get_learning ul li{border-right:solid 1px #fff;}
.get_learning ul li:last-child{border-right:0;}
.get_learning ul .details{padding:0 18px;}
.get_learning ul .details h3{font-size:31px;color:#fff;text-transform:uppercase;margin:0 0 8px;}
.get_learning ul .details p{color:#fff;margin:0 0 24px;}
.get_learning ul li:first-child .details{padding-left:0;}
.get_learning ul li:last-child .details{padding-right:0;}

.discover_learning{padding:50px 0 0;min-height:521px;}
.discover_learning .container{background: url(../images/discover_learning.jpg)no-repeat right bottom;min-height: 456px;margin-top:45px;/*background-size: 39%;*/}
.reverse_today{padding:50px 0;background:#ca1753;}
.reverse_today h3{color:#fff;font-size:35px;margin:0;}
.reverse_today p{color: #fff;font-size: 20px;line-height: 28px;}
.reverse_today .button{background-color: #e2e2e2;color:#000;font-size:26px;padding:24px 18px;}
.reverse_today .button:hover{background-color: #141414;color:#fff;}

.disclosure{padding: 54px 0 64px;background: #141414;color: #fff;}
.disclosure .hd-h2 {font-size: 45px;color:#fff;}
.disclosure p {color: #fff;font-size: 15px;padding: 20px 0;max-width: 1133px;}
.disclosure .button {margin: 35px 0 0;padding: 10px 50px;font-size: 26px;}

/*-- Footer--*/
#footer {background: #070707;}
#footer .copyright {padding: 30px 0;color: #fff;font-size: 15px;}
#footer .copyright a {color: #fff;}
.socialmedia{text-align:right;padding-top: 21px;}
.socialmedia li,.socialmedia li a,.socialmedia li a i{display:inline-block;vertical-align:middle;}
.socialmedia li{margin-right:6px;}
.socialmedia li a{color:#fff;padding:6px;}
.socialmedia li a i{color:#fff;font-size:35px;}
.socialmedia li:last-child{margin-right:0;}


/*====Responsive====*/
@media (min-width:1200px){
.intro-text .hd_title:before{content:" ";position:absolute;left:-54.66%;top:0;height:64px;width:54.66%;background:#ca1753;z-index:1;}	
}

@media (max-width:1199px){
img{display:block;max-width:100%;height: auto}.img-responsive{display:block;max-width:100%;height:auto}
.intro-text .hd_title{font-size: 28px;padding: 8px 24px 12px 15px;}#top{min-height: 500px;padding: 100px 0 50px;}.hd-h2{font-size: 45px;}
.intro-text h1{margin: 0 0 21px;line-height: 70px;}.intro-text h1 .sm{font-size: 45px;}
.intro-text h1 .md{font-size: 78px;}.about-cory{padding: 40px 0 0;}.about-cory .container{background-size: 40%;}
.about-cory .hd-h2{font-size: 45px;margin: 0 0 6px;}.about-cory .cory-info p{font-size: 18px;line-height: 28px;}
.get_learning{padding: 60px 0;}.get_learning ul .details h3{font-size: 26px;margin: 0 0 3px;}.get_learning ul .details p{min-height: 145px;}
.discover_learning .container{margin-top: 26px;background-size: 45%;}.list li{font-size: 18px;line-height: 26px;padding: 0 0 0 60px;min-height: 45px;margin: 0 0 24px;}
.reverse_today h3{font-size: 26px;}.reverse_today p{font-size: 18px;line-height: 26px;}
.reverse_today .button{font-size: 21px;padding: 18px 15px;}.disclosure{padding: 40px 0 50px;}
.disclosure .hd-h2{font-size: 40px;margin: 0;}.disclosure .button{margin: 15px 0 0;font-size: 21px;}
#footer .copyright{padding: 26px 0;font-size: 14px;}.socialmedia li a i{font-size: 24px;}

/*body{border: 1px solid #000}*/ 
}

@media (max-width:1024px){

/*body{border: 1px solid orange}*/
}

@media (max-width:991px){
.logo-brand,.logo-brand img{margin:0 auto;text-align:center;}.logo-brand{max-width: 250px;}#top{min-height: 395px;padding: 70px 0 50px;}
.intro-text{text-align: center;}.intro-text h1{margin: 0 0 18px;line-height: 60px;}.intro-text h1 .sm{font-size: 35px;}.intro-text h1 .md{font-size: 66px;}
.intro-text .hd_title{font-size: 25px;padding: 6px 10px 8px 15px;line-height: 40px;display: block;}
.about-cory .container{background-size: 40% auto;background-position: center bottom;padding-bottom: 290px;max-width: auto;text-align:center;}	
.get_learning ul li{border: solid 1px #181c32;margin: 0 0 24px;border-width:0 0 1px 0;}.get_learning{padding: 40px 0 26px;}
.get_learning ul li:last-child{border-bottom:0;margin-bottom:0;}.get_learning ul .details p{min-height: auto;margin: 0 0 12px;}
.get_learning ul .details{padding: 0 10px;max-width: 425px;margin: 0 auto 24px;text-align: center;}
.discover_learning .container{background-size: 50% auto;background-position: center bottom;padding-bottom: 370px;max-width: auto;}
.reverse_today{padding:40px 0;text-align:center;}.reverse_today .button{max-width:380px;margin:12px auto 0;display:block;padding:12px 15px;}
.disclosure,#footer{text-align:center;}#footer .copyright{padding: 26px 0 0;}.socialmedia{text-align: center;padding: 15px 0;}

/*body{border: 1px solid red}*/ 
}

@media (max-width:767px){
.intro-text h1{margin: 0 0 15px;line-height: 55px;}.intro-text h1 .sm{font-size: 31px;}.intro-text h1 .md{font-size: 55px;}
.intro-text .hd_title{font-size: 21px;padding: 6px 10px 8px 10px;line-height: 35px;}#top{min-height: 100%;padding: 35px 0 40px;}
.about-cory{padding: 31px 0 0;text-align:center;}.about-cory .hd-h2{font-size: 35px;margin: 0;}
.about-cory .container{background-size: 45% auto;padding-bottom: 240px;min-height: 100%;}.about-cory .cory-info p{padding: 10px 0;}
.get_learning{padding: 35px 0 18px;}.discover_learning{padding: 40px 0 0;min-height: 100%;}.hd-h2{font-size: 35px;}
.list li span{height: 35px;width: 35px;font-size: 15px;line-height: 35px;top: 0px;}.list li{padding: 0 0 0 50px;margin: 0 0 15px;}
.discover_learning .container{background-size: 55% auto;padding-bottom: 318px;}
.disclosure .hd-h2{font-size: 35px;}.disclosure p{padding: 15px 0;max-width: 100%;}

/*body{border: 1px solid lightgreen}*/
}

@media (max-width:639px){
.intro-text h1{line-height: 50px;}.intro-text h1 .md{font-size: 50px;}
.get_learning ul .details h3{font-size: 21px;margin: 0;}.discover_learning .container{background-size: 52% auto;min-width: 100%;}
.reverse_today{padding: 31px 0 40px;}

/*body{border: 1px solid blue}*/
}

@media (max-width:480px){
.header{padding: 12px 0;}.logo-brand{max-width: 218px;}
.intro-text h1{line-height: 40px;margin: 0 0 12px;}.intro-text h1 .md{font-size: 40px;}
.intro-text h1 .sm{font-size: 27px;}.intro-text .hd_title{font-size: 18px;padding: 8px 6px 8px 6px;line-height: 24px;}
.about-cory .container{background-size: 72% auto;padding-bottom: 318px;}
.about-cory .cory-info p{font-size: 16px;line-height: 26px;}.hd-h2,.about-cory .hd-h2{font-size: 31px;}
.list li{font-size: 16px;line-height: 24px;min-height: 40px;margin: 0 0 12px;}
.discover_learning .container{background-size: 64% auto;padding-bottom: 324px;}

/*body{border: 1px solid magenta}*/
}
@media (max-width:400px){
.about-cory .container{padding-bottom: 281px;background-size: 75% auto;}
.discover_learning .container{background-size: 68% auto;padding-bottom: 288px;}

/*body{border: 1px solid pink}*/
}
@media (max-width:320px){
	
/*body{border: 1px solid pink}*/
}

