html,body {
	scroll-behavior: smooth;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}



em {
	font-weight: 500;
	font-style: normal
}

#skrollr-body img {
    position: relative;
	max-width:590px;
}



.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
	position: fixed;
	z-index: 1000;
	display: block
}
.click-through {
	pointer-events: none
}


#skrollr-body {
	width: 100%;
	height: 100%;
	position: relative!important;
	background:#615E9B;
}

.loading {
	width: 100%;
	height: 100%;
	background: #080808;
	position: absolute
}

.seen-4-back{
	background: #080808;
}

.loading-container {
	width: 197px;
	height: 170px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -98px;
	margin-top: -85px;
	font-size: 24px;
	color: #fff;

}

img.loading-gif {
	position: absolute;
	top: 141px;
	left: 104px
}

.sec-my-eye {
	background: #fff url(/siteassets/patient/img/img-2024x2674-inner-sec2.png) center top no-repeat;
}
.sec-most-common {
	background: url(/siteassets/patient/img/img-956x2880-sec3.png) center top no-repeat;
}

#skrollr-body .container-scroll {
	width: 100%;
	height: 100%;
	position: fixed;
	/*background: #615E9B;*/
	display: none
}


.banner-wrap h2 {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-family: "Barlow Semi Condensed";
    font-weight: 700;
    margin-bottom: 20px;
}

.banner-wrap h2 span {
    color: #FED141;
}
.banner-wrap p {
	position: absolute;
	width: 80%;
	right: 0px;
	top: 250px;
	font-size: 26px;
	line-height: 34px;
	color: #fff;
	text-align: center;
	font-family: "Barlow";
	font-weight: 400;
}

.img-static{
	top:41px!important;
}

#cldCirrhosis .seen1-box h3{
	    font-size: 35px;
    line-height: 40px;
    color: #fff;
    font-family: "Barlow Semi Condensed";
    font-weight: 600;
    text-align: center;
}
.seen1-box4{
	position:relative;
}
.seen1-box4 h4{
	    color: #fff;
    font-family: "Barlow Semi Condensed";
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    padding-top: 75px;
}

.bathroom-wall {
	background: url(/siteassets/patient/img/img-3214-2958-inner-page-back.png) center top no-repeat;
	height:1100px;
}

.seen1-box5{
	    background: #6A2A5B;
    padding: 20px 20px 30px 20px;
    border-radius: 6px;
	
}
.seen1-box5 .drama-title{
	  left: 0%;
    top: 350px;
    width: 300px;
    position: absolute;
    opacity: 1;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.seen1-box5 img{
	width: 100%;
}

.seen1-txt1{
	background: #6A2A5B;
    padding: 20px;
    border-radius: 8px;
    display: table;
    margin: auto;
    font-family: "Barlow Semi Condensed";
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    color:#FED141;
    width: 390px;
    display: flex;
}
.seen1-txt1 span{
	color: #fff;
	padding-left:10px ;
}

.scene {
	position: fixed;
	width: 100%;
	height: 100%
}

.character-container {
	width: 100%;
	height: 100%;
	top: 0
}

.character-container-inner {
	max-width: 1000px;
	height: 94%;
	min-height: 400px;
	margin: 0 auto;
	padding: 3% 0;
	position: relative
}

.title3{
	position: absolute;

}
.title3 h2{
	font-size: 36px;
	line-height: 52px;
	color: #fff;
	text-align: center;
}
.title5{
	position: absolute;

}
.title5 h2{
	font-size: 32px;
	line-height: 52px;
	color: #fff;
	text-align: center;
}
.title4{
	position: absolute;
	top: 0px;

}
.title4 h2{
	font-size: 36px;
	line-height: 52px;
	color: #fff;
	text-align: center;
}
.title3 p{
		color: #fff;
		font-size: 18px;
		line-height: 22px;
	}

.title6{
	position: absolute;
	margin: auto;
	align-items: center;

}
.title6 h2{
	font-size: 36px;
	line-height: 52px;
	color: #080808;
	text-align: center;
}	


.animation-box{
	display: flex;
	position: relative;
	top: 250px;
	width: 100%;
}
.animation-box .box1{
	width: 25%;
	padding: 0px 15px;
	position: absolute;
	left: 0px;
	box-sizing: border-box;
}
.animation-box .box2{
	width: 25%;
	padding: 0px 15px;
	position: absolute;
	left: 25%;
	box-sizing: border-box;
}
.animation-box .box3{
	width: 25%;
	padding: 0px 15px;
	position: absolute;
	left: 50%;
	box-sizing: border-box;
}
.animation-box .box4{
	width: 25%;
	padding: 0px 15px;
	position: absolute;
	left: 75%;
	box-sizing: border-box;
}
.animation-box .box1 img, .animation-box .box2 img, .animation-box .box3 img, .animation-box .box4 img{
	width: 50px;
	left: 10px;
	top: 5px;
}

.animation-box2{
	display: flex;
	position: absolute;
	top: 300px;
	width: 100%;
	align-items: center;
}
.animation-box2 .box1{
	width: 40%;	
	position: absolute;

}
.animation-box2 .box1 img{
	max-width: 100%;
}
.animation-box2 .box2{
	width: 60%;	
	position: absolute;
	left: 40%;
	top: 100px;
}
.animation-box2 .box2 h3{
	font-size: 42px;
	line-height: 56px;
	color: #080808;
}
.animation-box1{
	display: flex;
	position: absolute;
	top: 320px;
	height: 100%;
	width: 100%;
}
.animation-box1 .box1{
	width: 25%;
	padding: 0px 15px 0px 0px;
	position: absolute;
	left: 0px;
	box-sizing: border-box;
}
.animation-box1 .box2{
	width: 25%;
	padding: 0px 15px 0px 0px;
	position: absolute;
	left: 25%;
	box-sizing: border-box;
}
.animation-box1 .box3{
	width: 25%;
	padding: 0px 15px 0px 0px;
	position: absolute;
	left: 50%;
	box-sizing: border-box;
}
.animation-box1 .box4{
	width: 25%;
	padding: 0px 15px 0px 0px;
	position: absolute;
	left: 75%;
	box-sizing: border-box;
}

.animation-box1 .box1 p{

}
.animation-box1 .box1 p span, .animation-box1 .box2 p span, .animation-box1 .box3 p span, .animation-box1 .box4 p span{
	color: #128a08;
	font-weight: bold;
	font-family: 'Museo Sans W01_900';	
}

.potential-text1{
	position: absolute;
	width: 60%;
	right: 0px;
}
.potential-text1 p{
	font-size: 25px;
	line-height: 42px;
	color: #fff;
}
.potential-text1 p span{
	color: #45bd3b;
}	

.potential-text2{
	position: absolute;
	width: 100%;
	right: 0px;
	display: flex;
    justify-content: space-between;
}
.potential-text2 p{
	width: 30%;
	color: #fff;
}
.potential-text2 .box1{
	font-size: 26px;
	line-height: 36px;

}
.potential-text2 .box2{
	font-size: 23px;
	line-height: 36px;

}
.potential-text2 .box1 span{
		color: #45bd3b;
	}

.potential-text3{
	position: absolute;
	width: 100%;
	right: 0px;
	display: flex;
    justify-content: space-between;
}
.potential-text3 p{
	width: 30%;
	color: #fff;
}
.potential-text3 .box1{
	font-size: 26px;
	line-height: 36px;

}
.potential-text3 .box2{
	font-size: 23px;
	line-height: 36px;

}
.potential-text3 .box1 span{
		color: #45bd3b;
	}

img.juan {
	top: 100%;
	left: 0px;
	width: 35%;
	/*max-height: 315px;
	height: 80%;*/
}

img.juan-shower {
	top: 260px;
	left: 600px
}

img.juan-clothes {
	top: 261px;
	left: 600px
}

img.juan-nomnom {
	left: 105px;
	top: 270px
}

img.bed-sheet,
img.bed-frame {
	max-width: 369px;
	max-height: 525px;
	min-width: 320px;
	min-height: 455px;
	height: 80%;
	top: 290px;
	left: 44%
}

img.table {
	top: 500px
}

.sky {
	height: 100%;
	background: #080808;
}

.sky-inner {
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 200px;
	overflow: hidden
}

.title {
	height: 100%;
	min-height: 200px
}

/*.title img {
	height: 80%
}*/

img.logo {
	margin-top: 20px;
	max-width: 197px;
	max-height: 170px
}

img.stars {
	max-width: 619px;
	max-height: 189px;
	margin: 0 4%;
	left: 22%
}

img.moon {
	margin-top: 20px;
	max-width: 95px;
	max-height: 120px;
	right: 0
}

.scroll-message {
	position: absolute;
	left: 160px;
	color: #FFFFFF;
	top: 23px
}

.scroll-message:after {
	position: relative;
	top: 75px;
	left: 10px;
	opacity: 0.8
}

.ribbon-message {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #f1f1ea;
	width: 40%;
	position: absolute;
	left: 32%;
	top: 50%;
	margin-top: -67px;
	padding: 14px;
	height: 137px;
	text-align: center;
	font-size: 15px
}

.road-message {
	width: 300px;
	top: 180px;
	left: 59%;
	padding-top: 22px;
	font-size: 18px;
	line-height: 30px
}

.ribbon-message:before {
	width: 27px;
	height: 137px;
	position: absolute;
	left: -27px;
	top: 0
}

.ribbon-message:after {
	width: 28px;
	height: 137px;
	position: absolute;
	right: -27px;
	top: 0
}

img.sun {
	max-width: 100%;
	right: 0
}

.bedroom-floor {
	height: 100%;
	background: #1a1a1a;
}

.floor-inner {
	max-width: 1000px;
	height: 94%;
	min-height: 400px;
	margin: 0 auto;
	padding: 3% 0;
	position: relative
}

.floor-inner-below {
	max-width: 1000px;
	height: 35%;
	min-height: 200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: -35%
}

img.desk {
	max-width: 389px;
	max-height: 382px;
	height: 60%;
	top: 12%;
	z-index: 2
}

img.side-table {
	max-width: 126px;
	max-height: 300px;
	height: 40%;
	top: 10%;
	right: 0
}

img.rug {
	max-width: 375px;
	max-height: 160px;
	height: 70%;
	top: 20%;
	z-index: 1
}

img.tree {
	max-width: 91px;
	max-height: 208px;
	height: 70%;
	right: 0;
	top: -20%
}

.scene-2-back{
	background:#020202;
}
.scene-5-back{
	background:none!important;
}
.bathroom-wall {
	height: 1100px;
	/*min-height: 300px;*/
}

.wall-inner {
	max-width: 1200px;
	/*height: 96%;
	min-height: 300px;
	*/
	margin: 0 auto;
	position: relative;
	
	padding-top: 120px;
	background: url(/siteassets/patient/img/img-720x1230-bg.png) center top no-repeat;
}

img.mirror,
img.mirror-text {
	top: 10%;
	max-width: 350px;
	max-height: 223px;
	height: 70%;
	min-height: 200px
}

img.shelf {
	left: 50%;
	top: 50%
}

img.bathroom-light {
	left: 47%;
	z-index: 200
}

img.window {
	top: 20%;
	left: 70%
}

img.clock-face,
img.clock-hand {
	right: 0;
	top: 30%
}

.bathroom-floor {
	height: 64%;
}

img.bathroom-sink {
	top: 10%;
	left: 3%;
	height: 50%;
	max-width: 270px;
	max-height: 344px
}

img.bathroom-mat {
	top: 400px;
	left: 360px;
	height: 50%;
	max-width: 411px;
	max-height: 152px
}

img.bath {
	left: 36%;
	top: 140px
}

img.bathroom-chair {
	right: 3%;
	max-width: 104px;
	max-height: 259px;
	height: 50%;
	top: 14%
}

.shower-curtain {
	position: absolute;
	left: 35%;
	top: 170px;
	width: 451px;
	height: 368px
}

.wardrobe-wall {
	height: 100%;
}

img.wardrobe,
img.wardrobe-rail {
	top: 20%
}

.wardrobe-rail1{
	position: absolute;
	width: 60%;
}
.wardrobe-rail1 h2{
	font-size: 32px;
	line-height: 43px;
	color: #fff;
	font-family:'Museo Sans W01_700';
}
.wardrobe-rail1 p{
	font-size: 25px;
	line-height: 41px;
	color: #fff;
}
.wardrobe-rail1 p span{
	color: #45bd3b;
}

.wardrobe-rail2{
	position: absolute;
	width: 55%;
}
.wardrobe-rail2 h2{
	font-size: 32px;
	line-height: 43px;
	color: #fff;
}
.wardrobe-rail2 p{
	font-size: 25px;
	line-height: 41px;
	color: #fff;
}
.wardrobe-rail2 p span{
	color: #45bd3b;
}

.wardrobe-rail3{
	position: absolute;
	width: 50%;
}
.wardrobe-rail3 h2{
	font-size: 32px;
	line-height: 43px;
	color: #fff;
	position: relative;
}
.wardrobe-rail3 h2:after{
	width: 42px;
    height: 7px;
    content: "";
    position: absolute;
    bottom: -25px;
    background: #a4ebcc;
    left: 0px;
    margin: auto;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);	
}
.wardrobe-rail3 p{
	font-size: 25px;
	line-height: 41px;
	color: #fff;
	margin-top: 45px;
}
.wardrobe-rail3 p span{
	color: #45bd3b;
}


img.picture-frame,
img.picture-frame-icons {
	right: 15%;
	top: 21%
}

.wardrobe-floor {
	height: 64%;
}

img.lamp {
	max-width: 155px;
	max-height: 297px;
	height: 100%;
	right: 0;
	margin-top: 20%
}

img.wardrobe-rug {
	max-width: 370px;
	max-height: 100%;
	min-height: 100px;
	top: 50%;
	left: 30%
}

.kitchen-wall {
	height: 36%;
	max-height: 347px;
	/*background: #1a1a1a;*/
	min-height: 300px
}

.kitchen-wall-inner {
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 300px;
	max-height: 347px;
	padding-top: 70px;
}

.sec4-box {
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.sec-5-box {
	padding-top: 120px;
}
.sec-5-box .sec5-box{
	width: 100%;
	height: 100%;
	background: #A4EBCC;
	padding-top: 8%;
	position: relative;
}

.sec-5-box .sec-5-triangle{
	position: absolute;
	top: -348px;
	/*background: rgba(256,256,256,0.5);*/
}
.sec-5-box .sec5-box .box-5-content{
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
}

.sec-5-box .sec5-box .box-5-content .row4{
	text-align: center;
}

.sec-5-box .sec5-box .box-5-content .row4 input{
	width: 70%;
}

.sec-5-box .sec5-box .box-5-content .row h2 {
  color: #1a1a1a;
  font-size: 36px;
  text-align: center;
  margin-top: 0px;
  padding-bottom: 10px;
  font-family: "Museo Sans W01_900";
}
.sec-5-box .sec5-box .box-5-content .row h3 {
  font-family: "Museo Sans W01_900";
  font-size: 26px;
  line-height: 41px;
  color: #1a1a1a;
  text-align: center;
}
.sec-5-box .sec5-box .box-5-content .row3 {
  text-align: center;
}




.sec-5-box .sec5-box .box-5-content .row3 p {
  font-size: 42px;
  line-height: 57px;
  color: #1a1a1a;
  margin: 30px auto;
  font-family: "Museo Sans W01_900";
}
.sec-5-box .sec5-box .box-5-content .row4 input {
  width: 60%;
  margin: auto;
  border-radius: 15px;
}
.sec-5-box .sec5-box .box-5-content .row5 {
  text-align: center;
}
.sec-5-box .sec5-box .box-5-content .row5 a {
  border: solid 6px #1a1a1a;
  color: #1a1a1a;
  font-size: 42px;
  padding: 5px 45px;
  border-radius: 50px;
  display: table;
  margin: 30px auto;
  font-family: "Museo Sans W01_900";
  text-decoration: none;
  background: #fff;
}

.sec-5-box .sec5-box .box-5-content .row5 a.thanks{
	background: #000;
	color: #fff;
}

.sec-5-box .sec5-box .box-5-content .row5 a:hover {
  background: #000;
  color: #fff;
}
.sec-5-box .sec5-box .box-5-content .row6 p {
  width: 60%;
  margin: auto;
  font-size: 24px;
  font-family: "Museo Sans W01_500";
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}
.sec-5-box .sec5-box .box-5-content .row7 ul {
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px auto 0px auto;
  justify-content: center;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li {
  list-style: none;
  margin: 0px 10px;
  position: relative;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li:nth-child(odd){
  width: 36px;
  height: 36px;
  /*border-radius: 50%;
  background: #1a1a1a;*/
  display: flex;
  align-items: center;
  position: relative;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li:nth-child(odd) img {
  width: 20px;
 /* border-radius: 50%;
  background: #1a1a1a;*/
  top: 8px;
  left: 5px;
  z-index: 9;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li:nth-child(odd) a:after {
	border-radius: 50%;
  background: #1a1a1a;
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;

}
.sec-5-box .sec5-box .box-5-content .row7 ul li:nth-child(7) img {
  width: 10px;
  
  top: 6px;
  left: 10px;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li:nth-child(5) img {
  width: 20px;
  
  top: 11px;
  left: 5px;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li:nth-child(3) img {
  width: 20px;
 
  top: 5px;
  left: 5px;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li img {
  height: 30px;
  top: -15px;
  left: -15px;
}
.sec-5-box .sec5-box .box-5-content .row7 ul li a img {
  height: auto;
}
.sec-5-box .sec5-box .box-5-content input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  /*width: 100%;*/
}
.sec-5-box .sec5-box .box-5-content input[type=range]:focus {
  outline: none;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
          box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #fff;
  border-radius: 25px;
  border: 5px solid #000101;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-webkit-slider-thumb {
  -webkit-box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
          box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  background: #000;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -15px;
}
.sec-5-box .sec5-box .box-5-content input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-moz-range-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  /*animate: 0.2s;*/
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #000;
  border-radius: 25px;
  border: 0px solid #000101;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  /*animate: 0.2s;*/
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-ms-fill-lower {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-ms-fill-upper {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
.sec-5-box .sec5-box .box-5-content input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer;
}
.sec-5-box .sec5-box .box-5-content input[type=range]:focus::-ms-fill-lower {
  background: #ac51b5;
}
.sec-5-box .sec5-box .box-5-content input[type=range]:focus::-ms-fill-upper {
  background: #ac51b5;
}


.sec-6-box {
	padding-top:120px;
}
.sec-6-box .sec6-box{
	width: 100%;
	height: 100%;
	background: #c4f2de;
	padding-top: 2%;
	position: relative;

}


.sec-6-box .sec-5-triangle{
	position: absolute;
	top: -348px;
}

.sec-6-box .sec6-box .box-6-content{
	max-width: 1000px;
	/*height: 100%;*/
	margin: 0 auto;
}

.sec-6-box .sec6-box .box-6-content h4 {
  color: #1a1a1a;
  font-size: 28px;
  text-align: center;
  margin-top: 0px;
  position: relative;
  font-family: "Museo Sans W01_900";
}

.sec-6-box .sec6-box .box-6-content h4:after {
  width: 42px;
  height: 7px;
  content: "";
  position: absolute;
  bottom: -20px;
  background: #1a1a1a;
  left: 0px;
  right: 0px;
  margin: auto;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

.sec-6-box .sec6-box .box-6-content ol {
  margin-top: 60px;
}
.sec-6-box .sec6-box .box-6-content ol li {
  font-size: 19.5px;
  line-height: normal;
  letter-spacing: -0.43px;
  margin-top: 13px;
  font-family: "Museo Sans W01_500";
}

.sec-6-box .sec6-box .footer{
	background: #c4f2de;
	padding-top: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 160px;
}

.sec-6-box .sec6-box .footer {
	background: #c4f2de;
}


.sec-6-box .sec6-box .footer hr {
  background: #1a1a1a;
}
.sec-6-box .sec6-box .footer .row1 .col {
  text-align: center;
  font-family: "Museo Sans W01_500";
  font-size: 16px;
}
.sec-6-box .sec6-box .footer .row1{
	display: flex;
    justify-content: space-between;
}

.sec-6-box .sec6-box .footer .row1 .col:nth-child(5) {
  text-align: right;
  margin-right: 22px;
  position: relative;

}
.sec-6-box .sec6-box .footer .row1 .col:nth-child(5) a img{
	margin-left: 8px;
	top: 0;
}
.sec-6-box .sec6-box .footer .row1 .col:nth-child(1) {
  text-align: left;
  width: 230px;
}
.sec-6-box .sec6-box .footer .row1 .col a {
  color: #1a1a1a;
}
.sec-6-box .sec6-box .footer .row2{
	display: flex;
	align-items: flex-end;
}
.sec-6-box .sec6-box .footer .row2 .col-lg-6 {
  font-family: "Museo Sans W01_500";
  font-size: 12.4px;
  letter-spacing: -0.32px;
  width: 50%;
}
.sec-6-box .sec6-box .footer .row2 .col-lg-6 a {
  color: #1a1a1a;
}
.sec-6-box .sec6-box .footer .row2 .col-lg-6:nth-child(1) p {
  margin-bottom: 15px;
}
.sec-6-box .sec6-box .footer .row2 .col-lg-6:nth-child(2) {
  text-align: right;
}









img.kitchen-counters {
	max-height: 402px;
	max-width: 631px;
	right: 0;
	height: 120%;
	top: 20%
}

img.kitchen-shelf {
	right: 30%;
	top: 20%
}

img.knife-rack {
	left: 27%;
	top: 30%
}

img.chalkboard,
img.chalk-notes {
	top: 15%
}

img.bin {
	top: 30%;
	left: 45%
}

img.kitchen-rug {
	right: 0%;
	top: 40%
}

.kitchen-floor {
	height: 75%;
	/*background: #1a1a1a*/
}

.grass {
	background: #fff;
}

.road {
	max-width: 1000px;
	height: 4000px;
	margin: 0 auto;
	position: relative;
}

.car-container {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	top: 70px;
	z-index: 100
}

.car-container-inner {
	width: 254px;
	height: 435px;
	position: absolute
}

img.roadworks {
	right: 6%;
	top: 1200px
}

img.roadworks-scroll {
	right: 9%;
	top: 2100px
}

img.roadworks-sign,
.roadworks-sign-text {
	right: 9%;
	top: 2100px
}

img.traffic-lights {
	right: 464px;
	top: 2200px
}




img.saturn {
	top: 600px;
	right: 40%
}

img.earth {
	left: 50px
}

img.mercury {
	top: 550px
}

img.venus {
	right: 0
}

img.alien {
	position: absolute
}

.alien-container {
	position: absolute;
	top: 70px
}

.alien-message {
	position: absolute;
	width: 270px;
	padding: 22px 0 0 50px;
	text-align: center;
	font-size: 18px;
	line-height: 26px
}



.living-room {
	width: 100%;
	height: 100%
}

.living-room-container {
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.tv {
	width: 540px;
	height: 399px;
	position: absolute;
	top: 68px
}

.film-container {
	position: absolute;
	overflow: hidden;
	width: 500px;
	height: 281px;
	top: 40px;
	left: 20px
}

iframe#vimeo-player {
	border: none;
	background: #ccc
}

.final-message {
	padding: 14px 40px 0;
	font-size: 20px;
	text-align: center;
	line-height: 33px
}

.remote-control {
	width: 88px;
	height: 238px;
	position: absolute;
	top: 120px;
	left: 600px
}

.play-video {
	width: 57px;
	height: 60px;
	cursor: pointer;
	position: relative;
	top: 15px;
	left: 14px;
	text-indent: -9999px
}


.close-video {
	width: 57px;
	height: 60px;
	cursor: pointer;
	position: relative;
	top: 22px;
	left: 14px;
	text-indent: -9999px
}


img.armchair {
	top: 68px;
	right: 0
}

img.small-tree {
	top: 440px;
	left: 620px
}

.coffee-table {
	width: 253px;
	height: 115px;
	position: absolute;
	right: 20px;
	top: 520px
}

.back-to-top {
	color: #cbd1cd;
	cursor: pointer;
	position: relative;
	top: 5px;
	left: 45px
}



.logos {
	position: absolute;
	top: 500px;
	left: 20px
}

.logos>div {
	float: left
}

.logos span {
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%
}

.ns a.logo {
	display: block;
	width: 217px;
	height: 98px;
	position: relative;
	text-indent: -9999px
}

.waterwise {
	margin-left: 20px
}

.waterwise a.waterwise-logo {
	display: block;
	width: 257px;
	height: 98px;
	position: relative;
	text-indent: -9999px
}

.social-container {
	position: absolute;
	top: 25px;
	left: 130px;
	width: 350px
}

.twitter-share-button,
.fb-like,
.google-button {
	position: relative;
	float: left
}

.fb-like {
	margin-left: 35px
}

.awards-container-bottom {
	position: absolute;
	top: 0px
}

.awwwards,
.cssda,
.css-winner,
.cssa {
	position: relative;
	z-index: 9999;
	left: 0
}

.awwwards {
	top: 20px
}

.cssda {
	top: 40px
}

.css-winner {
	top: 60px
}

.cssa a {
	display: block;
	width: 100px;
	height: 100px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	background-size: 100px 100px;
	z-index: 100
}

.awwwards a {
	display: block;
	width: 70px;
	height: 105px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	z-index: 100
}

.cssda a {
	display: block;
	width: 68px;
	height: 96px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	z-index: 100
}

.css-winner a {
	display: block;
	width: 81px;
	height: 59px;
	text-indent: -8000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	z-index: 100
}

@media (max-width: 767px) {
	.awwwards,
	.cssda,
	.css-winner {
		display: none
	}

}



@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-device-pixel-ratio: 1.5) {
	.awwwards a {
		-moz-background-size: 70px 105px;
		-ie-background-size: 70px 105px;
		-o-background-size: 70px 105px;
		-webkit-background-size: 70px 105px;
		background-size: 70px 105px;
	}
}

.triangle-box{
	position: absolute;
	left: 0px;
	bottom: -150px;
	width: 100%;
	overflow: hidden;
}
.triangle-box .triangleUP {
	width: 0;
	height: 0;
	border-top: 250px solid transparent;
	border-right: 100vw solid red;
	overflow:hidden;
}
.triangle-box .blue{
  background-color:red;
  color:white;
  height: 40vh;
}
.triangle-box.triangleDOWN{
  width: 0;
  height: 0;
  border-top: 150px solid red;
  border-right: 100vw solid transparent;
}
  	

.loder-block{
	position: fixed;
	bottom: 20px;
	text-align: center;
	z-index: 5;
	width: 100%;
	font-size: 14px;
	color: #fff;
	font-family:'Museo Sans W01_300';
	padding-bottom: 100px;
}

.loader {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 1px solid #97e2dd;
  border-radius: 50%;
  -webkit-animation: shadowOuter 4s 0s ease infinite alternate;
          animation: shadowOuter 4s 0s ease infinite alternate;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dot {
  top: 45%;
  width: 10em;
  height: 10em;
  overflow: visible;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  position: absolute;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dot:after {
  content: "";
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 55px;
  left: calc(69% - 2em);
  width: 8px;
  height: 8px;
  background: #97e2dd;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0 0 0.5em #97e2dd) drop-shadow(0 0 0.25em #335696);
          filter: drop-shadow(0 0 0.5em #97e2dd) drop-shadow(0 0 0.25em #335696);
}

.skrollr-body-mobile{
	display: none;
}

.dot:nth-child(1) {
  left: calc(47% - 5em);
  -webkit-animation: moveFirst 2s 0s ease infinite;
          animation: moveFirst 2s 0s ease infinite;
}

@-webkit-keyframes moveFirst {
  0% {
    top: calc(40% - 5em);
  }
  100% {
    top: calc(80% - 5em);
  }
}

@keyframes moveFirst {
  0% {
    top: calc(40% - 5em);
  }
  100% {
    top: calc(80% - 5em);
  }
}
.fade-out {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media only screen and (max-height: 768px){
	img.sun{
		left: inherit;
	}
	.sec-6-box .sec6-box .footer{
		bottom: 80px;
	}
	.sec-6-box{
		padding-top: 60px;
	}
	.sec-5-box .sec5-box {
    padding-top: 0%;
  }
  .wardrobe-rail3 p{
		font-size: 25px;
		line-height: 38px;
		color: #fff;
		margin-top: 45px;
	}
	.animation-box2 .box1 img{
		width: 85%;
	}
}

@media (max-width: 991px) {
	#skrollr-body{
		display: none;
	}
	#skrollr-body-mobile{
		display: block;
	}
	.foot-sec2 p img{
		max-width: 100%;
	}
	
}

.animation-box .box1{
	position: relative;
}

.animation-box .icon1-back{
	background: #77d7ad;
	transform: skewX(-25deg);
  border-radius: 1.1px;
  height: 60px;
  position: absolute;
}
.icon1{
	width: 50px;
}

.banner-wrap{
	    background: #615E9B;
    padding-top: 161px;
    font-family: "Barlow";
	z-index: 1;
}

.logo{
	width: 100%;
	text-align: center;
	margin-top: 80px;
}
.logo img{
	position: relative!Important;
	max-width: 38%;
	padding: 30px 0px 20px 0px;
}

.banner-text1{
	width: 100%;	
}

.banner-text1 .div-center{
	width: 1000px;
	margin: 0px auto;
}

.banner-text1 .div-center .row1-text h1{
	font-size: 26px;
	color: #EDFF00;
	font-family: 'Barlow';
	font-weight: 600;
	margin: 0px;
	line-height: 35px;
	padding: 20px 70px 0px 70px;
}

.banner-text1 .div-center .row1-text p{
	font-size: 17px;
	color: #fff;
	font-family: 'Barlow';
	font-weight: 700;
	padding: 0px 70px 0px 70px;
	line-height: 20px;
	margin: 15px 0px 0px 0px;
}

.banner-text1 .div-center .row2-text{
	display: flex;
	padding: 0px 70px 0px 70px;
	font-size: 18px;
	color: #fff;
	font-family: 'Barlow';
	font-weight: 400;
	line-height: 21px;
}
.banner-text1 .div-center .row2-text p{
	font-size: 18px;
	color: #fff;
	font-family: 'Barlow';
	font-weight: 400;
	line-height: 21px;
}
.banner-text1 .div-center .row2-text img{
	max-width: 60px;
	margin-right: 20px;
	position: relative!Important;
}

.banner-text1 .div-center .row3-text{
	background: #009383;
	padding: 10px 90px 10px 70px;
	margin-top: 30px;
}

.banner-text1 .div-center .row3-text p{
	color: #231F20;
	font-family: 'Barlow';
	font-weight: 400;
	font-size: 24px;
}

.banner-text1 .div-center .row3-text p:nth-child(1){
	font-size: 24px;
}
.banner-text1 .div-center .row3-text p:nth-child(1) b{
	font-size: 20px;
	font-weight: 700;
}


.banner-text1 .div-center .row3-text p:nth-child(2){
	display: flex;
}
.banner-text1 .div-center .row3-text p img{
	max-width: 50px;
	margin-right: 20px;
	position: relative!Important;
}

.scene-2-back .div-center{
	max-width: 1000px;
	margin: 0px auto;
	position: relative;
	height: 100%;
}

.scene-2-back .div-center .seen1-box {
	top: 200px;
}

.scene-2-back .seen1-box1 {
	position: absolute;
	color: #fff;
	font-size: 60px;
	font-family: 'Barlow';
	font-weight: 400;
	width: 450px;
}
.scene-2-back .seen1-box1 h2 img{
 position: relative!important;
 width: 150px;
}

.scene-2-back .seen1-box1 h2{
	margin-bottom: 10px;
}

.scene-2-back .seen1-box1 h3{
	color: #EDFF00;
	font-size: 36px;
	font-family: 'Barlow';
	font-weight: 600;
	padding-left: 15px;
	position: relative;
}
.scene-2-back .seen1-box1 h3:before{
	  content: '';
    width: 7px;
    height: 88%;
    background: #009383;
    left: 0px;
    position: absolute;
    top: 4px;
} 

.scene-2-back .seen1-box1 p{
	color: #fff;
	font-size: 18px;
	font-family: 'Barlow';
	font-weight: 400;
	line-height: 21px;
	margin: 12px 0px;
}

.scene-2-back .seen1-box1 p.unseen-notepad{
	font-size: 14px;
	line-height: 18px;
	text-indent: -6px;
	margin-bottom: 0px;
}
.scene-2-back .seen1-box1 p.unseen-notepad1{
	font-size: 14px;
	line-height: 18px;
	text-indent: -6px;
	margin: 0px;
}

.scene-2-back .seen1-box1 ul{
	padding-left: 30px;
}
.scene-2-back .seen1-box1 ul li{
	font-family: 'Barlow';
	font-weight: 400;
	padding-left: 0px;
	font-size: 18px;
	line-height: 21px;
	list-style: disc;
	margin: 15px 0px;
}

.scene-2-back .seen1-box1 ul li a{
	color: #009383;
}
.scene-2-back .seen1-box1 ul li a:hover{
	color: #fff;
}
 
.scene-2-back .seen1-box1 ul li ul{
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 15px;
}

.scene-2-back .seen1-box1 ul li ul li{
	list-style: none;
	margin: 0px;
	text-indent: -10px;
  margin-left: 12px;
}


.scene-2-back .div-center .seen1-box .seen1-img{
	max-width: 100%;
    top: 0px;
    left: 0;

}

.box-border{
	position: absolute;
    bottom: 10%;
    width: 100%;
    border-top: solid 1px #009383;
}

.seen1-box-text1{
	position: absolute;
}


.scene-3-back .seen1-box1 {
	position: absolute;
	color: #fff;
	font-size: 60px;
	font-family: 'Barlow';
	font-weight: 400;
	width: 320px;
}
.scene-3-back .seen1-box1 h2 img{
 position: relative!important;
 width: 150px;
}
.scene-3-back .seen1-box1 h3{
	color: #EDFF00;
	font-size: 36px;
	font-family: 'Barlow';
	font-weight: 600;
	padding-left: 15px;
	position: relative;
}
.scene-3-back .seen1-box1 h3:before{
	content: '';
    width: 8px;
    height: 35px;
    background: #009383;
    left: 0px;
    position: absolute;
    top: 9px;
} 

.scene-3-back .seen1-box1 p{
	color: #fff;
	font-size: 18px;
	font-family: 'Barlow';
	font-weight: 400;
}

.scene-3-back .seen1-box1 ul{
	padding-left: 20px;
}
.scene-3-back .seen1-box1 ul li{
	font-family: 'Barlow';
	font-weight: 400;
	padding-left: 0px;
	font-size: 18px;
}

.textimonial-text img, .foot-text img{
	position: relative!important;
}

.take-action-today{
	background: #009383;
	text-align: center;
	margin-top: 120px;
}
.take-action-today h1{
	background: #EDFF00;
	color: #231F20;
	font-family: 'Barlow';
	font-size: 24px;
	font-weight: 700;
	padding: 15px 0px;
}
.take-action-today h1 span{
	position: relative;
}
.take-action-today h1 span:before{
	  content: '';
    width: 4px;
    height: 25px;
    background: #009383;
    left: -8px;
    position: absolute;
    top: 4px;
}
.take-action-today p{
	text-align: left;
	padding: 20px 50px 0px 90px;
		color: #231F20;
	font-family: 'Barlow';
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}
.take-action-today ul{
	padding-left: 150px;
	padding-right: 50px;
}
.take-action-today ul li{
	text-align: left;
	padding: 20px 0px 0px 0px;
		color: #231F20;
	font-family: 'Barlow';
	font-size: 24px;
	font-weight: 400;
	list-style: disc;

}
.take-action-today p:nth-child(4){
	text-align: center;
	padding-left: 0px;
	padding-bottom: 50px;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia;

}
.take-action-today p:nth-child(4) a{
	padding: 15px 0px;
	color: #231F20;
	border-radius: 30px;
	text-decoration: none;
	position: relative;
}
.take-action-today p:nth-child(4) a img{
	position: relative!important;
}

.take-action-today p:nth-child(4) a span{
	border: solid 5px #231F20;
	    padding: 11px 20px 15px 20px;
    border-radius: 30px;
    position: relative;
    bottom: -6px;
    right: -11px;
    line-height: 14px;
}

.textimonial-text{
	display: flex;
	margin-top: 60px;
	padding: 0px 100px;
}
.textimonial-text img{
	width: 310px;
	margin-right: 20px;
}
.textimonial-text .ohe-text p:nth-child(1){
	padding-top: 0px;
	font-size: 21px;
	color: #fff;
	font-family: 'Barlow';
	margin-top: 0px;
	font-weight: 400;
	line-height: 24px;
	font-style: italic;

}
.textimonial-text .ohe-text p:nth-child(2) {
	font-size: 16px;
	color: #EDFF00;
	font-family: 'Barlow';
	font-weight: 400;
	line-height: 18px;
}
.textimonial-text .ohe-text p:nth-child(2) span{
	font-size: 21px;
	color: #EDFF00;
	font-family: 'Barlow';
	font-weight: 700;
	line-height: 24px;
}

.references-text{
	font-family: 'Barlow';
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	margin-top: 50px;
	padding: 0px 100px;
}
.references-text h5{
	font-weight: 700;
	color: #fff;
	font-family: 'Barlow';
}
.references-text ol{
	padding-left: 11px;
	margin: 5px 0px 0px 10px;
}
.references-text ol li{
	font-weight: 700;
	font-family: 'Barlow';
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	padding-left: 5px;
}
.references-text ol li span{
	font-weight: 400;
}

.foot-text{
	padding: 0px 100px;
}

.foot-text p:nth-child(1){
	padding: 10px 0px;
}
.foot-text p:nth-child(1) img{
	width: 150px;
}
.foot-text ul{
	list-style: none;
	padding-left: 0px;
}

.foot-text ul li{
	font-weight: 600;
	font-family: 'Barlow';
	color: #fff;
	font-size: 18px;
	line-height: 32px;

}
.foot-text ul li a{
	color: #fff;
}
.foot-text ul li a:hover{
	color: #009383;
}

.foot-text p:nth-child(3), .foot-text p:nth-child(4), .foot-text p:nth-child(5), .foot-text p:nth-child(6){
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	font-family: 'Barlow';
	font-weight: 400;
}
.foot-text p:nth-child(6) a{
	color: #009383;
	font-weight: 700;
}
.foot-text p:nth-child(6) a:hover{
	color: #fff;
}


.content-block h1{
font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-family: 'Barlow';
	font-weight: 700;
	text-align: center;
}
.content-block{
	width: 1000px;
	margin: 30px auto 0px auto;

}
.content-block p{
font-size: 18px;
	line-height: 21px;
	color: #fff;
	font-family: 'Barlow';
	font-weight: 400;
	text-align: center;
}

.content-block p a{
	color: #0099A8;
	font-weight: 700;
}

.ISIContentsPane{
	background:#fff;
}
.mobile-view {
	display: none;
}

.desktop-view {
	height: 3180px;
	overflow: hidden;
	/*background: #615E9B;*/
}

@media screen and (max-width: 991px) {
	.wrapper .desktop-view, .header{
		display: none!important;
	}

.mobile-view{
	display: block;
}

.mobile-view .logo{
	background: url(../img/img-300x200-bg.png) center top no-repeat;
	
}

.mobile-view .logo img{
	max-width: 90%;
	padding: 0px;
}

.xyz {
	display: none;
}
.mobile-view .content-block{
	width: 100%;
	padding: 50px 0px 20px 0px;
}

.mobile-view .mobile-menu .open-menu{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #080808;
	text-align: right;
	z-index: 5;
}
.mobile-view .mobile-menu .open-menu img{
	margin-right: 10px;
}

.mobile-view .mobile-menu .open-menu-wrap{
	  background: #fff;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 6;
    display: none;
}

.mobile-view .mobile-menu .open-menu-wrap .close-menu{
	text-align: right;
}

.mobile-view .mobile-menu .open-menu-wrap .close-menu img{
	margin-right: 10px;
}

.mobile-view .mobile-menu .open-menu-wrap ul{
	list-style: none;
	padding: 0px;
}
.mobile-view .mobile-menu .open-menu-wrap ul li{
	font-size: 24px;
	font-family: 'Barlow';
	font-weight: 400;
	text-align: center;
	color: #000;
	margin: 15px 0px;
}

.mobile-view .mobile-menu .open-menu-wrap ul li a{
	font-size: 24px;
	font-family: 'Barlow';
	font-weight: 400;
	color: #000;
	text-decoration: none;
	padding: 10px 50px;
	display: table;
  width: 100%;
  text-align: left;
  outline: none;
}
.mobile-view .mobile-menu .open-menu-wrap ul li a:hover{
	background: #009383;
	color: #fff;
}
.mobile-view .mobile-menu .open-menu-wrap ul li a.menu-active{
	background: #009383;
	color: #fff;
	font-weight: 700;
}

.mob-slider .slider{
	width: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}


.mobile-view .mob-sec1{
	padding: 0px 30px;
}
.mobile-view .mob-sec1 h2{
	   font-size: 24px;
    font-family: 'Barlow';
    font-weight: 600;
    text-align: left;
    color: #EDFF00;
    line-height: 30px;
}
.mobile-view .mob-sec1 h5{
	   font-size: 16px;
    font-family: 'Barlow';
    font-weight: 700;
    text-align: left;
    color: #fff;
    line-height: 22px;
    margin-top: 25px;
}
.mobile-view .mob-sec1 p{
	   font-size: 16px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height: 22px;
    display: table;
}
.mobile-view .mob-sec1 p img{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

.mob-sec2-green{
	background: #009383;
	padding: 30px;
	margin-top: 35px;
}	
.mob-sec2-green h2{
		font-size: 24px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    color: #231F20;
    line-height: 30px;
}
.mob-sec2-green h2 strong{
    font-weight: 700;
}
.mob-sec2-green p{
	 font-size: 16px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    color: #231F20;
    line-height: 22px;
    display: flex;
}

.mob-sec2-green p img{
	/*float: left;*/
	margin-right: 15px;
}

.mob-seen1{
	padding: 0px 25px;
	background: url(../img/img-300x200-bg.png) center top no-repeat;
}
.mob-seen1 h3{
	font-size: 24px;
    font-family: 'Barlow';
    font-weight: 600;
    text-align: left;
    color: #EDFF00;
    line-height: 22px;
    position: relative;
    padding: 0px 0px 0px 18px;
}
.mob-seen1 h3:before{
	content: '';
	width: 8px;
	height: 100%;
	background: #009383;
	position: absolute;
	left: 0px;
	top: 0px;
}

.mob-seen1 .seen1, 
.mob-seen1 .seen2, 
.mob-seen1 .unseen1, 
.mob-seen1 .seen3, 
.mob-seen1 .seen4, 
.mob-seen1 .unseen2, 
.mob-seen1 .seen5, 
.mob-seen1 .unseen3, 
.mob-seen1 .seen7, 
.mob-seen1 .unseen4, 
.mob-seen1 .seen9, 
.mob-seen1 .unseen5{
	max-width: 100%;
}

#cldandcirrhosis,#heataglance,#ImpactofHE,#identifyingpatients,#managinghe,#yourrole{
	padding-top: 30px;
}

.mob-seen1 p{
	font-size: 16px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height: 22px;
    margin-top: 0px;
}
.mob-seen1 h5{
	font-size: 21px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height: 22px;
    padding: 15px 0px;
}
.mob-seen1 h5 strong{
	font-size: 21px;
    font-family: 'Barlow';
    font-weight: 700;
    text-align: left;
    color: #fff;
    line-height: 22px;
    padding: 15px 0px;
}
.mob-seen1 ul{
	padding-left: 30px;
}
.mob-seen1 ul li{
	font-size: 16px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height: 22px;
    list-style: disc;
    margin-bottom: 10px;
}
.mob-seen1 hr{
	margin-top: 55px;
	  width: 100%;
    border-top: solid 1px #009383;
}

.mob-seen1 .mob-footnote{
	margin: 0px;
	font-size: 14px;
}
.mob-seen1 ul li ul{
	padding: 0px;
	margin-left: 0px;
	margin-top: 10px;
}
.mob-seen1 ul li ul li{
	list-style: none;
	text-indent: -10px;
	padding-left: 10px;
	margin-bottom: 0px;
}
.mob-seen1 a{
	color: #0099A8;
	text-decoration: underline;
}
.mob-footer .foot-sec1{
		background: #009383;
		padding-bottom: 20px;
}
.mob-footer .foot-sec1 h3{
	background: #EDFF00;
	color: #231F20;
	font-size: 24px;
    font-family: 'Barlow';
    font-weight: 700;
    text-align: left;
    line-height: 30px;
    position: relative;
    padding: 20px 20px 20px 36px;
}
.mob-footer .foot-sec1 h3:before{
		    content: '';
    width: 8px;
    height: 54px;
    background: #009383;
    position: absolute;
    left: 20px;
    top: 22px;
}
.mob-footer .foot-sec1 p{
	padding:0px 20px;
	font-size: 24px;
    font-family: 'Barlow';
    font-weight: 600;
    text-align: left;
    line-height: 30px;
    color: #231F20;
}
.mob-footer .foot-sec1 ul{
	margin: 0px;
	padding: 0px 50px;
}
.mob-footer .foot-sec1 ul li{
	padding:0px 0px 20px 0px;
	font-size: 18px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    line-height: 22px;
    color: #231F20;
    list-style: disc;
}
.mob-footer .foot-sec1 .btntake-action{
	text-align: center;
}

.foot-sec2{
	padding: 15px 15px;
}

.foot-sec2 p{
	text-align: center;
}
.foot-sec2 h3{
	font-size: 18px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    line-height: 21px;
    font-style: italic;
    color: #fff;
}
.foot-sec2 h4{
	font-size: 16px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    line-height: 21px;
    color: #EDFF00;
    margin-top: 20px;
}
.foot-sec2 h4 span{
	font-size: 21px;
	font-weight: 700;
}

.foot-sec3{
	padding: 15px 15px;
}

.foot-sec3 p{
	font-size: 14px;
    font-family: 'Barlow';
    font-weight: 700;
    text-align: left;
    line-height: 21px;
    color: #fff;
    margin: 0px;
}
.foot-sec3 ol{
	margin: 0px;
	padding: 0px 0px 0px 14px;
}
.foot-sec3 ol li{
	font-size: 14px;
    font-family: 'Barlow';
    font-weight: 700;
    text-align: left;
    line-height: 21px;
    color: #fff;
    margin: 0px;
}
.foot-text p:nth-child(6) a{
	font-weight: 500;
}
.foot-sec3 ol li span{
	font-size: 14px;
    font-family: 'Barlow';
    font-weight: 400;
    text-align: left;
    line-height: 21px;
    color: #fff;
    padding-left: 5px;
    margin: 0px;
}
.foot-text ul li{
	font-weight: 600;
}

.foot-text{
	padding: 0px 15px;
}
.open-menu img, .close-menu img{
	cursor: pointer;
}

}

.anim-img-width{
	left: 4%; 
	top:120px; 
	width:300px; 
	/*position:absolute; */
}

@media (min-width: 992px) and (max-width: 1024px) { 
.wall-inner{
	max-width: 960px;
}
.scene-2-back .seen1-box1{
	width: 330px;
}
.textimonial-text img{
	height: 260px;
}
#skrollr-body img {
    position: relative;
	max-width:500px;
}


}


@media (min-width: 992px) and (max-width: 1250px) {
	#skrollr-body img {
    position: relative;
	max-width:500px;
}
.img-static{
	top:21px!important;
}
.banner-wrap p{
	right:50px;
}
	
.banner-wrap{
    padding-top: 100px;
}
.banner-wrap p{
	width:52%;
}
.anim-img-width{
	left: 4%; 
	top:100px; 
	width:250px; 
	position:absolute; 
}
.seen1-box5 .drama-title{
	top: 287px;
    width: 250px;
}
.seen1-box4 h4{
	font-size:30px;
	line-height:35px;
}
.seen1-txt1{
	font-size: 30px;
    line-height: 35px;
}
.desktop-view{
	height: 3116px;
}
}

@media only screen and (min-width: 1251px) and (max-width: 1400px) {
	
	.desktop-view{
		height: 3116px;
	}
}
@media only screen and (min-width: 1920px) and (max-width: 2560px) {
	.textimonial-text img{
		height: 260px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
	.textimonial-text img{
		height: 260px;
	}
}


@media screen and (max-width: 1366px), 
       screen and (max-height: 800px) {
  .responsive-border{
  	bottom: -15%;
  }
  #skrollr-body img {
    position: relative;
	max-width:500px;
}
}


@media (min-width: 767px) and (max-width: 991px) { 
	.mob-footer .foot-sec1 h3:before{
		height: 30px;
	}
}

.no-border-bottom{
	border-bottom: 0px;
}