@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
	html,
	body {
	font-family: 'Lato', sans-serif;
	font-size: 25px;
    color:#333333;
	font-weight:300;

}




/* Set the fixed height of the footer here */
#footer {
	height:auto;
	margin-top:50px;
	padding-top:5px;
	background-color:#414141;
}

#footer1 {
	height:auto;
	background-color:#000;
	padding-bottom:20px;
}
/* Custom page CSS
-------------------------------------------------- */
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */




ul {
	margin-left:-15px;
}


#nav {
	width: 100%;
	position:static;
	top:-30px;
	float:none;
	
}

#nav.affix {
position: fixed;
top:0;
z-index:10;
-webkit-transition: all .6s ease-in-out;
}

@media (min-width: 768px) {
.navbar-nav> li{
	float:none;
	display:inline-block;
	
}
}


.navbar-nav{
	margin: 1px 1px; 
	text-align:center;
	float:none;
}

.navbar-nav >li
 {
	color: #33333;
	font-size: 14px;
} 

/* customize nav style */
.navbar-custom {
	background-color:#000000;
	font-weight:700;
	text-transform:uppercase;
	border-width:0;
	width:100%;
	float:none;


}

.navbar-custom  .navbar-nav> li>a {
	color:#ddd;
	padding-top:8px;
	padding-bottom:8px;
}

.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  
{

	background-color: #47c1c8;
}


.navbar-toggle {
	outline:0;
}


.nowrap {
	white-space: nowrap;
}


.scroll-top {
	position:fixed;
	bottom:0;
	right:6%;
	z-index:100;
	background: #f2f3f2;
	font-size:24px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.scroll-top a:link,.scroll-top a:visited 
{
	color:#222;
} 

.title {
	display:inline-block;
	position: relative;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); 
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1); 
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform: scale(1);   
	font-size: 50px;
	font-weight:300;
	color: #034ea1;
}

.blue {
	font-size:25px;
	color:#034ea1;
	font-weight:300;

}

.black{
	font-weight:100;
	font-size:25px;
	color:#333;
}

.sub{
font-size:18px;
line-height:30px;
display:block;
}


.white {
	font-size:50px;
	color:#FFF;
	display:inline-block;
	position: relative;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); 
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1); 
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform: scale(1);   
}

.white1{
	color:#FFF;
	font-size:18px;
	font-weight:300;
}
.disclaimer {
	color:#000000;
	font-size:16px;
	//font-weight:300;
	line-height: 20px;
}

.backgroundBlue{
	background-color:#47c1c8;

}


.title:hover
{
z-index: 2;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1.5);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1.5);   
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1.5);
transition: all 200ms ease-in;
transform: scale(1.5);
}

.white:hover
{
z-index: 2;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1.5);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1.5);   
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1.5);
transition: all 200ms ease-in;
transform: scale(1.5);
}

.holder {
height:auto;
}




.parallax {
position: relative;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 50%;
max-width:100% !important;
height:auto;
display: block;
}


.parallax-1 {
min-height:750px;
background-image:url(media/safety_image.jpg);
background-size: 100% auto;


}
.parallax-2 {
min-height:750px;
background-image:url(media/mobile_safety_image.png);
background-size: 100% auto;
}

@media screen and (orientation: portrait) {
parallax-1 { max-width: 100%; }
}

@media screen and (orientation: landscape) {
parallax-2 { max-height: 100%; }
}

.zoom_img img{
-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
display:block;
}
.zoom_img img:hover{
-moz-transform:scale(0.90); 
-webkit-transform:scale(0.90);
-o-transform:scale(0.90);
}

.black1{
	background-color:#000;
	padding:12px;
	width:100%;
}
