* {
  margin: 0;
  padding: 0;
}

.v-youtube{
    position:relative;
}

.v-youtube .container{
    position:absolute;
    top:5%;
    left:100px;
}

.v-youtube .container .text-center img{
    width:25%;
}

img {
  max-width: 100%;
}

body {
  width: 100%;
  margin: auto;
  font-family: 'Raleway', sans-serif;
  color: #010102;
}

@font-face {
  font-family: Futura_Book_font;
  src: url(../font/Futura_Bk_BT_Book.ttf);
}

@font-face {
  font-family: georgia;
  src: url(../font/georgia.ttf);
}

@font-face {
  font-family: Futura_Book;
  src: url(../font/Futura_Book.ttf);
}

.wrapper {
  max-width: 980px;
  margin: 0 auto;
}

.main_heading{
  font-size: 140px;
  font-weight:800;
}
.subhead_l{
  font-size: 54px;
  line-height: 1.4;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}
p.subhead {
  font-size: 45px;
  line-height: 1.4;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}
.para_one{
  font-family: Futura_Book;
    font-size: 24px;
    line-height: 1.2;
    color: #010102;
    font-weight: 500;
    letter-spacing: 0.45px;
}
.center {
  text-align: center;
}




/* KIDS - SECTION 9 */
.kids .conversation_inner .conversation_left p.subhead {
    max-width: 450px;
}

/* FIRST INNOVATION  -  SECTION 10 */
.first_innovation{
	padding-top:70px;
	padding-bottom: 0;
}
.first_innovation .wrapper{
	display: flex;
}
.first_innovation .wrapper .first_innovation_left{
	width:600px;
}
.first_innovation .wrapper .first_innovation_right{
	width:calc(100% - 600px);
}
.first_innovation .wrapper .first_innovation_right img{
	right:-130px;
	top:80px;
	position:relative;
}
.first_innovation_left .subhead{
	margin-bottom:55px;
}
.first_innovation_left .para_one{
	margin-bottom:90px;
	max-width:490px;
}
.first_innovation .subhead_l{
	text-align:center;
	margin-top:90px;
}

/* SECOND INNOVATION  -  SECTION 11 */

.second_innovation{
	padding-top:100px;
	padding-bottom:0;
}
.second_innovation .wrapper{
	display:flex;
}
.second_innovation .second_innovation_left{
	width:calc(100% - 440px);
}
.second_innovation .second_innovation_right{
	width:440px;
}
.second_innovation .second_innovation_right .subhead{
	margin-right: -30px;
	margin-bottom:50px;
}
.second_innovation .second_innovation_left img{
    left: -70px;
    position: relative;
    top:90px;
}
.second_innovation .subhead_l{
	text-align:center;
	margin-top:120px;
}


/* THIRD INNOVATION */
.third_innovation{
	padding-top:100px;
}
.third_innovation .wrapper{
	display: flex;
}
.third_innovation .third_innovation_left{
	width:520px;
}
.third_innovation .third_innovation_right{
	width:calc(100% - 520px);
}
.third_innovation .third_innovation_left .subhead{
	margin-bottom:50px;
}
.third_innovation .third_innovation_left .para_one{
	max-width:430px;
}
.third_innovation .third_innovation_right img{
	position:relative;
	right:-140px;
	top:80px;
}
.third_innovation .subhead_l{
	text-align:center;
	margin-top:150px;
}


/* NEW CHAPTER */
.new_chapter .main_heading{
	margin-bottom:60px;
}
.new_chapter .subhead{
	margin-bottom:75px;
}
.new_chapter .para_one{

	margin-bottom:115px;
}
.new_chapter .para_one span{
	text-align: left;
    padding: 12px 0;
    width: 100%;
    line-height: 1.5;
    max-width: 310px;
    margin: 0  auto;
    font-size: 30px;
    display: block;
}

.rr-l{
    background-color: #000;
    text-align: center;
    padding: 5% 0% 5%;
}

.rr-l ul{
    padding: 5% 0% 0%;
}

.rr-l .logo-aggri img{
    width:50%;
}


@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}
.header_about{margin-top: -89px}
body.no_border {padding-top: 5px;position: relative;margin-top: -189px;}
@media only screen and (max-width: 375px) and (min-width: 667px){
.body.no_border {padding-top: 5px;position: relative;margin-top: -10px;}
}



@media(max-width:1240px){
.wrapper{max-width: 940px;}

}

@media(max-width:1140px){

.wrapper{max-width: 900px;}
p.subhead{font-size:40px;}
.para_one{font-size:22px;}
.subhead_l{font-size:48px;}
.first_innovation .wrapper .first_innovation_right img {right:-90px;}
.third_innovation .third_innovation_right img {right: -80px;top:40px;}

.main_heading {font-size: 130px;}

.first_innovation {padding-top: 40px;}
.first_innovation_left .para_one {margin-bottom: 70px;}
.first_innovation .subhead_l {margin-top: 60px;}
.second_innovation {padding-top: 80px;}
.second_innovation .second_innovation_right .subhead {margin-bottom: 40px;}
.third_innovation {padding-top: 60px;}
.third_innovation .third_innovation_left .subhead {margin-bottom: 30px;}
.third_innovation .subhead_l {margin-top: 110px;}
.new_chapter .main_heading{margin-bottom:40px;}
.new_chapter .subhead{margin-bottom:50px;}
.new_chapter .para_one {margin-bottom: 75px;}

}


@media only screen and (max-width: 992px) and (min-width: 600px)  {
p.subhead {font-size: 28px;}

.first_innovation {padding-top: 20px;}
.first_innovation_left .subhead {margin-bottom:25px;}
.first_innovation .wrapper .first_innovation_left {width:350px;}
.first_innovation .wrapper .first_innovation_right {width: calc(100% - 400px);}
.first_innovation .wrapper .first_innovation_right img {right: -30px;top: 30px;}
.first_innovation_left .para_one {margin-bottom: 50px;}
.subhead_l {font-size: 36px;}
.first_innovation .subhead_l {margin-top:40px;}
.second_innovation {padding-top: 60px;}
.second_innovation .second_innovation_right {width: 360px;}
.second_innovation .second_innovation_left {width: calc(100% - 360px);}
.second_innovation .second_innovation_left img {left: -20px;position: relative;top: 60px;}
.second_innovation .second_innovation_right .subhead {margin-bottom: 25px;}
.second_innovation .subhead_l,.third_innovation .subhead_l {margin-top: 50px;}
.third_innovation .third_innovation_left {width: 360px;}
.third_innovation .third_innovation_right {width: calc(100% - 360px);}
.third_innovation .third_innovation_right img {right: -20px; top: 30px;}
.new_chapter .main_heading {margin-bottom: 30px;}
.new_chapter .subhead {margin-bottom: 35px;}
.new_chapter .para_one {margin-bottom: 45px;}

}

@media only screen and (max-width: 600px) and (min-width:319px)  {

p.subhead {font-size: 24px;}
.main_heading {font-size: 48px;}
.subhead_l {font-size: 30px;}


.first_innovation .wrapper {display: flex;flex-direction: column-reverse;}
.first_innovation .wrapper .first_innovation_left {width: 100%;}
.first_innovation .wrapper .first_innovation_right {width:100%;}
.first_innovation .wrapper .first_innovation_right img{top:0;right:0;}
.first_innovation_left .subhead {margin-bottom: 15px;margin-top: 15px;}
.first_innovation {padding-top: 20px;}
.first_innovation_left .para_one {margin-bottom: 20px;}
.first_innovation .subhead_l {margin-top: 25px;}

.second_innovation {padding-top: 50px;}
.second_innovation .wrapper {flex-direction: column;}
.second_innovation .second_innovation_left,.second_innovation .second_innovation_right {width: 100%;}
.second_innovation .second_innovation_left img {left:0;top:0;}
.second_innovation .second_innovation_right .subhead {margin-bottom: 15px;margin-top: 15px;margin-right:0;}

.third_innovation .wrapper {flex-direction: column-reverse;}
.second_innovation .subhead_l {margin-top: 45px;}
.third_innovation {padding-top: 40px;}
.third_innovation .third_innovation_left,.third_innovation .third_innovation_right {width: 100%;}
.third_innovation .third_innovation_right img {right: 0;top: 0;}
.third_innovation .third_innovation_left .subhead {margin-bottom: 15px;margin-top: 15px;}
.third_innovation .subhead_l {margin-top: 50px;}

.new_chapter .main_heading {margin-bottom: 15px;}
.new_chapter .subhead {margin-bottom: 15px;}
.new_chapter .para_one span{padding:10px 0;max-width:220px;font-size: 22px;}
.new_chapter .para_one {margin-bottom: 35px;}

}


@media only screen and (min-width: 10px) and (max-width: 360px){
    .v-youtube .container img{width:25%;}
    .rr-l ul li{width:5%;}
    *{padding:0% 1% 0% 1%;}

@media only screen and (min-width: 362px) and (max-width: 599px){
    .v-youtube .container img{width:25%;}
    .rr-l ul li{width:5%;}
    *{padding:0% 1% 0% 1%;}
}

@media only screen and (min-width: 600px) and (max-width: 780px){
    .v-youtube .container img{width:25%;}
    *{padding:0% 1% 0% 1%;}
}

@media only screen and (min-width: 781px) and (max-width: 980px){
    
}