body {
  background: #fff;
  color: #444;
  font-family: 'Avenir LT Std 55 Roman';
}
@font-face{
  font-family: 'Avenir LT Std 55 Roman';
  src: url(AvenirLTStd-Roman.otf);
  font-style: normal;
  font-weight: 100;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
  font-family: 'Avenir LT Std 55 Roman';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Avenir LT Std 55 Roman';
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  height: 80px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 997;
  background-color: white;
  border-bottom: 1px solid #e8e2e2;
}

/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

#intro {
  width: 100%;
  /*height: 100vh;*/
  position: relative;
  background-size: cover;
}
.intro-info{
  padding-left: 8%;
  padding-top: 10%;
}
#intro .intro-info h2 {
  color: #005CB8;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 400;
}
#intro .intro-info p{
  border-left: 5px solid #e32337;
  font-size: 20px;	
}
@media (max-width: 574px){
  #intro .intro-info h2 {
  font-size: 30px;
  padding-top: 30px;
  text-align:center;
}
.intro-info {padding-left: 0px !important;padding-right: 0px !important}
}

.btn-get-started{
  font-family: 'Avenir LT Std 55 Roman';
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 32px;
  border-radius: 40px;
  transition: 0.5s;
  color: #fff;
  background: #005CB8;
  color: #fff;
  text-decoration:none;
}
.btn-get-started:hover
{
	color:lightblue;
}
.text-left :hover{
	background-color:lightblue;
}
/* Desktop Navigation */

.main-nav {
  /* Drop Down */
  /* Deep Drop Down */
}

.main-nav,
.main-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.main-nav a {
  display: block;
  position: relative;
  color: #413e66;
  padding: 10px 15px;
  transition: 0.3s;
  font-size: 14px;
  font-family: 'Avenir LT Std 55 Roman';
  text-transform: uppercase;
  font-weight: 600;
}

.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
  border: 4px solid #e32337;
  border-radius: 9px;
  text-decoration: none;

}



#about {
  padding: 20px 0 0;
}
.badge {
  border-radius: 40px;
  padding: 10px;
  background-color: #e0efff;
  color: black;
  font-weight: normal;
  font-size: 18px;
}
.label label {color: #2d9ef7}

.red {
  border-left: 5px solid red;
  background-color: lightblue;
}
.red-inner {
  display: inline-flex;
  padding: 40px
}
.post {text-align:center;}
@media (max-width: 574px){
  .red-inner {
  display: block;
  text-align:center;
}
}
/* 
--------------------------------*/



#box .box {
  padding: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

#box .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#box .title a {
  color: #111;
}
@media (max-width: 574px){
  .box img {width: 110%}
}
/* 
--------------------------------*/
.content{padding-top: 10%;padding-left: 10%}
.content h3{color: #005CB8}
.content h3 img {width: 5%}
.content p {padding-left: 5%}
.img img {width: 60%;padding-top: 10%}
#options {width: 50%;height: 35px;}
@media (max-width: 574px){
 .img img {width: 60%}
 .content{text-align:center; padding-left: 0}
 .content p {padding-left: 0}
 .content h3 img {width: 8%}
}


#features h4 {
  font-weight: 600;
  font-size: 24px;
}


.who {margin: auto; background-color: #f5faff;    padding: 120px 20px 50px 20px;}
.who p {background-color: #e1edf8;padding: 10px}
@media (max-width: 574px){
.wow {margin-top: 0}
}

/* 
--------------------------------*/
.youtube{background-color: #fbfbfb;padding: 80px}
.nyoutube{background-color: #fbfbfb;}
.u-black {
  z-index: -1;
}
.play-black {position: absolute;left: 40%;top:35%;}
.u-red {padding-top: 10%;text-align:left;}
.u-red p {padding-top: 5%;color: blue}

@media (max-width: 574px){
.you {display: block;}
.video {width: 100%}
.play-black {position: absolute;left: 32%;top:25%;}
.carousel-indicators {bottom: -45px}
.carousel-indicators li {background-color: black}
}
  @media only screen and (max-width: 600px) {
  .order-md-last
  {
	  padding-top: 50px;
  }
}
.carousel-indicators {bottom: -45px}
.carousel-indicators li {background-color: black}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  padding: 0 0 30px 0;
  font-size: 14px;
  background: #fff;
}
.Join {position: absolute; top: 50%;right: 0}
@media (max-width: 574px){
.Join h3{font-size: 10px}
}