/* Home Page Styles */

#vimeoVideoPlayerExample1{z-index:1;}

#homeDots{position:absolute;top:0px;width:1500px; left: calc(50% - 750px);}

#homeIconsWrap{width:2200px;position:relative;left: calc(50% - 1100px);}
#homeIconsLeft {position:absolute;top:200px;left:0px;width:550px}
#homeIconsRight {position:absolute;top:200px;right:0px;width:550px;}

.opacity-fade{opacity:0;transition: opacity 1s linear;}
#content{overflow-x:hidden;}

#section1{margin-bottom: 0;margin-top: -350px;padding-top: 500px; margin-bottom: 20px;}
#section1 .blurb{position:absolute;top:300px;width:95%;text-align: center;}
#lottie1{width: 175%;left: -73%;position: relative;}
#line1{display:none;}
#section2{display: flex; flex-direction: column; justify-content: center; margin-top: -495px;padding-top: 500px;padding-bottom: 65px;margin-bottom: 0;}
#lottie2{width: 140%;left: -25%;position: relative;}
#line2{display:none;}
#section3{margin-top: -475px;padding-top: 500px;margin-bottom: 30px;}	
#lottie3{width: 175%;left: -81%; margin-bottom: -70px;position: relative;}	
#section3 .blurb{position:relative;top: 0;width: 95%;left: 0;text-align: center;}	
#line3{display:none;}
#line4{display:none;}
#section4{margin-top: 240px;}	
#bubble1 {position:relative;left:0;}
#bubble1 img{display:none}
#bubble1 .blurb{position:relative; top: 0;width: 95%; left: 0;margin-bottom: 50px;text-align: center;}
#bubble2 {position:relative;margin-top: 0;left:0;}		
#bubble2 img{display:none}
#bubble2 .blurb{position:relative; top: 0;width: 95%; left: 0;margin-bottom: 50px;text-align: center;}
#bubble3 {position:relative;margin-top: 0;margin-bottom: 30px;left:0;}
#bubble3 img{display:none}	
#bubble3 .blurb{position:relative; top: 0;width: 95%; left: 0;margin-bottom: 50px;text-align: center;}
#line5{display:none;}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	#section1{margin-bottom: -60px;margin-top: -455px;padding-top: 500px;}
	#section1 .blurb{position:absolute;top:380px;width:370px;text-align: left;}
	#lottie1{width:100%;left:0;}
	#line1{position: absolute;bottom: 64px;display:block;}
	#section2{margin-top: -495px;padding-top: 500px;padding-bottom: 65px;margin-bottom: 100px;}
	#lottie2{width: 100%;left:0;}
	#line2{position: absolute;bottom: -7px;display:block;}
	#section3{margin-top: -500px;padding-top: 500px;margin-bottom: 130px;}
	#lottie3{width: 100%;left: 0;margin-bottom:116px;}	
	#section3 .blurb{position:absolute;top: 578px;width: 321px;left: 0;text-align: left;}
	#line3{display:block;}	
	#line4{margin-top: -240px;display:block;}
	#section4{margin-top: 240px;}	
	#bubble1 {position:relative;left:7%;}
	#bubble1 img{width:173%;display:block;}
	#bubble1 .blurb{position:absolute; top: 131px;width: 400px; left: 95px;margin-bottom: 0;text-align: left;}
	#bubble2 {position:relative;margin-top: 0;left:-75%;}		
	#bubble2 img{width:173%;display:block;}
	#bubble2 .blurb{position:absolute;top: 109px;width: 410px;left:726px;margin-bottom: 0;text-align: left;}
	#bubble3 {position:relative;margin-top: 0;margin-bottom: 30px;left:7%}
	#bubble3 img{width:173%;display:block;}	
	#bubble3 .blurb{position:absolute;top: 53px;width: 415px;left: 98px;margin-bottom: 0;text-align: left;}
	#line5{display:none;}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#section1{margin-bottom: -60px;margin-top: -650px;padding-top: 500px;}
	#section1 .blurb{position:absolute;top:627px;width:400px;}
	#line1{position: absolute;bottom: 64px;}
	#section2{margin-top: -495px;padding-top: 500px;padding-bottom: 65px;margin-bottom: 135px;}
	#line2{position: absolute;bottom: -110px;}
	#section3{margin-top: -500px;padding-top: 500px;margin-bottom: 20px;}		
	#section3 .blurb{position:absolute;top: 700px;width: 500px;left: 10px;}	
	#lottie3{width: 100%;left: 0;margin-bottom:40px;}	
	#line4{margin-top: -240px;}
	#section4{margin-top: 240px;}	
	#bubble1 {position:relative;left:7%;}
	#bubble1 img{width:130%;}
	#bubble1 .blurb{position:absolute; top: 131px;width: 400px; left: 95px;}
	#bubble2 {position:relative;margin-top: 0;left:-40%;}		
	#bubble2 img{width:130%;}
	#bubble2 .blurb{position:absolute;top: 109px;width: 410px;left:726px;}
	#bubble3 {position:relative;margin-top: 0;margin-bottom: 30px;left:7%}
	#bubble3 img{width:130%;}	
	#bubble3 .blurb{position:absolute;top: 53px;width: 415px;left: 98px;}
	#line5{display:none;}
}	

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	#section1{margin-bottom: -70px;margin-top: -650px;padding-top: 500px;}
	#section1 .blurb{position:absolute;top:700px;width:450px;}
	#line1{position: absolute;bottom: 76px;}
	#section2{margin-top: -495px;padding-top: 500px;padding-bottom: 65px;margin-bottom: 175px;}
	#line2{position: absolute;bottom: -146px;}
	#section3{margin-top: -500px;padding-top: 500px;margin-bottom: 20px;}		
	#section3 .blurb{position:absolute;top: 772px;width: 500px;left: 100px;}	
	#lottie3{width: 100%;left: 0;margin-bottom:16px;}	
	#line4{margin-top: -240px;}
	#section4{margin-top: 240px;}	
	#bubble1 {position:relative;left:0;}
	#bubble1 img{width:100%;}
	#bubble1 .blurb{position:absolute;top: 111px;width: 400px;left: 92px;}
	#bubble2 {position:relative;margin-top: -245px;left:0;}
	#bubble2 img{width:100%;}
	#bubble2 .blurb{position:absolute;top: 89px;width: 410px;left:649px;}
	#bubble3 {position:relative;margin-top: -130px; left:0;}
	#bubble3 img{width:100%;}	
	#bubble3 .blurb{position:absolute;top: 43px;width: 415px;left: 88px;}
	#line5{display:block;margin-top: -107px;margin-bottom:-100px;}
}

/* XX large devices (large desktops, 1340px and up) */
@media (min-width: 1340px) {  
	#section1{margin-bottom: -70px;margin-top: -650px;padding-top: 500px;}
	#section1 .blurb{position:absolute;top:700px;width:450px;}
	#line1{position: absolute;bottom: 85px;}
	#section2{margin-top: -500px;padding-top: 500px;padding-bottom: 65px;margin-bottom: 190px;}
	#line2{position: absolute;bottom: -169px;}
	#section3{margin-top: -500px;padding-top: 500px;margin-bottom: 20px;}		
	#section3 .blurb{position:absolute;top: 860px;width: 500px;left: 165px;}	
	#line4{margin-top: -240px;}
	#section4{margin-top: 240px;}	
	#bubble1 {position:relative;left:0;}
	#bubble1 img{width:100%;}
	#bubble1 .blurb{position:absolute;top: 138px;width: 400px;left: 105px;}
	#bubble2 {position:relative;margin-top: -245px; left:0;}
	#bubble2 img{width:100%;}	
	#bubble2 .blurb{position:absolute;top: 115px;width: 410px;left:755px;}
	#bubble3 {position:relative;margin-top: -130px; left:0;}
	#bubble3 img{width:100%;}	
	#bubble3 .blurb{position:absolute;top: 61px;width: 415px;left: 105px;}
	#line5{margin-top: -117px;margin-bottom:-100px;}
}