@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #4ABFD6; color:#fff; text-shadow: none; }
::selection { background:#4ABFD6; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #4ABFD6; }
.picture h2 {position:absolute; font-size:9rem; color:#fff; margin-top:-70px; }
.icons {position:absolute; margin-top:-220px; background-image: url(../img/icons.png); width:200px; height:51px;
}
.subtext p{position:absolute; margin-top:-270px; font-size:1.3rem; color:#fff; font-weight:300; }
@media only screen and (max-width: 990px) {
	.picture h2 {position:absolute; font-size:5rem; color:#fff; margin-top:-52px; }
	.icons {position:absolute; margin-top:-130px; left:50%; margin-left:-75px; background-image: url(../img/icons1.png); width:150px; height:38px;}
	.subtext p{position:absolute; margin-top:-160px; font-size:0.9rem; color:#fff; font-weight:300; text-align:center; width:100%; }
}
.heroinner {
	text-align: left;
vertical-align: middle;
line-height: 600px;  }
.hero {position:absolute; top:0; width:100%; height:650px; background-image: url(../img/bg.jpg); 
  
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover; }
  
.aftercontent {position:absolute; width:100%; top:650px; z-index:99;}

@media only screen and (max-width: 990px) {
	.hero {position:absolute; top:0; width:100%; height:330px; background-image: url(../img/bg.jpg); 
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover; }
  
  
  
.aftercontent {position:absolute; width:100%; top:330px; z-index:99;}
}

@media only screen and (max-width: 360px) {
	.hero {position:absolute; top:0; width:100%; height:300px; background-image: url(../img/bg.jpg); 
  
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover; }
  
  .icons {position:absolute; margin-top:-80px; left:50%; margin-left:-75px; background-image: url(../img/icons1.png); width:150px; height:38px;}
  .subtext p{position:absolute; margin-top:-130px; font-size:0.9rem; color:#fff; font-weight:300; text-align:center; width:80%; left:10%; line-height:1.2rem; }
.aftercontent {position:absolute; width:100%; top:300px; z-index:99;}
}

#typed {font-size:4rem; color:#fff; font-weight:600;}
#typed strong{color:#4ABFD6;}

  .typed-cursor{
            opacity: 1;
            font-weight: 600;
			color:#4ABFD6;
			font-size:4rem;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }}

@media only screen and (max-width: 990px) {
	#typed {font-size:1.4rem; color:#fff; font-weight:600;}


  .typed-cursor{
            opacity: 1;
            font-weight: 600;
			color:#4ABFD6;
			font-size:1.4rem;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
	.heroinner {
	text-align: center;
vertical-align: middle;
line-height: 350px;  }
}
@media only screen and (max-width: 360px) {
	#typed {font-size:1rem; color:#fff; font-weight:600;}


  .typed-cursor{
            opacity: 1;
            font-weight: 600;
			color:#4ABFD6;
			font-size:1rem;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
	.heroinner {
	text-align: center;
vertical-align: middle;
line-height: 300px;  }
}
.white{ background-color:#fff; padding-top:100px; padding-bottom:80px;}
 .white1{ background-color:#fff; padding-top:40px; padding-bottom:80px;}
.cyan{ background-color:#4ABFD6; padding-top:100px; padding-bottom:80px;}

.cyan h3{color:#FFF; padding-bottom:10px;}
.cyan p{color:#FFF;}
.cyan a{
	color:#1F6F78;
}
.cyan a:hover{
	color:#87D4E1;
}
/* =Footer
-------------------------------------------------------------- */
.footer {background-color:#46464F; padding-top:40px; padding-bottom:40px;}
.footer p{ color:#fff; font-size:85%;}
.footer a{ color:#fff;}
.green{ color:#4ABFD6;}
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }


/* -- BUTTONS -- */

	.btn,
	a.btn {
		display: inline-block;
		padding: 16px 10px;
		margin-bottom:20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		letter-spacing: 1px;
		color: #fff;
		min-width: 140px;
		background: #4ABFD6;
		border-width:1px;
		border:solid;
		border-color:#FFF;
		text-align: center;
		text-transform: uppercase;
		cursor:pointer;
text-decoration:none;
		transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-o-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-ms-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-moz-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-webkit-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
		
	}
	
	.btn:hover,
	a.btn:hover {
		background: #46464F;
		border-width:1px;
		border:solid;
		border-color:#46464F;
		color: #fff;
		-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
		
	}/* -- BUTTONS -- */

	.btn1,
	a.btn1 {
		display: inline-block;
		padding: 16px 10px;
		margin-bottom:20px;
		font-size: 12px;
		font-weight: 700;
		line-height: 12px;
		letter-spacing: 1px;
		color: #fff;
		min-width: 140px;
		background: #4ABFD6;
		border-width:1px;
		border:solid;
		border-color:#FFF;
		text-align: center;
		text-transform: uppercase;
		cursor:pointer;
text-decoration:none;
		transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-o-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-ms-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-moz-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
		-webkit-transition: 1.5s cubic-bezier(0.18, 1, 0.21, 1);
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
		
	}
	
	.btn1:hover,
	a.btn1:hover {
		background: #46464F;
		border-width:1px;
		border:solid;
		border-color:#46464F;
		color: #fff;
		-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
		
	}