
body{
	background:#f5f5f5;
}

#wrap{
	background:#fff;
	max-width:1300px;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
}
#wrap:after{
	height:0px;
}
.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
}

.flex-video.widescreen {
	padding-bottom: 57.25%;
}

.flex-video.vimeo {
	padding-top: 0;
}
.ray{
	position: absolute;
	top: -60px;
	right: 370px;
}
.ray1,
.ray2,
.ray3 {
	animation: pulse 3s infinite;
	-webkit-animation: pulse 3s infinite; 
	position:absolute;
	margin-top: -125%;
	z-index:-2;
}
.ray3{
	-webkit-animation-delay:1s;
}
.ray2{
	-webkit-animation-delay:.5s;
}
.ray1{
	-webkit-animation-delay:1s;
}
.alertmephone{
	z-index: 5;
	margin-bottom: 80px;
	margin-top: 30px;
	margin-left: 20px;
}
.flex-video iframe,.flex-video object,.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.col-sm-6.flex-video.widescreen {
		padding-bottom: 28.7%;
	}
}
.camio-black {
	color:#CFCFCF;
}
.bene h3 {
	font-size:32px;
	color:#FFF;
}

.bene h3 small {
	padding-left:0.5em;
	color:#CFCFCF;
	font-weight:100;
}
div.nextSteps {
	margin-top:1.5em;
}
.nextSteps div {
	margin-top: 0.5em;
}

#anim-intro {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#anim-intro a {
	color: #FFF;
}
.nextSteps button, #anim-intro a.btn {
	background-color: rgba(0,0,0,.42);
	outline: none;
}
.nextSteps button:hover, #anim-intro a.btn:hover {
	-webkit-box-shadow: 0 10px 6px -6px #000;
	-moz-box-shadow: 0 10px 6px -6px black;
	box-shadow: 0 10px 6px -6px #000;
}
.jumbotron{
	margin-top: 0;
}
.jumbotron p {
	margin-top: 20px;
	margin-bottom: 50px;
	color: #FFF;
	font-weight: 300;
}
.herotext{
	margin-top:9em;
}
.jumbotron h1 {
	margin-bottom: 1em;
	color:rgba(255, 255, 255, 0.95);
	text-shadow: 0 6px 10px rgba(0, 0, 0, 0.4);
	font-weight: 500;
	font-size: 75px;
}
#jumbo-container {
	min-height: 555px;
	overflow:hidden;
}
#learnmore {
	margin-top: 60px;
	margin-bottom: -55px;
}
section {
	margin: 0px 0px 0px 0px;
	padding: 100px 0px 110px 0;
	border-bottom: 1px solid #dadada;
}
.video-poster {
	position:relative;
	-webkit-transition: 0.3s all;
	top:80px;
}
.img-responsive {
	display: block;
	height: auto;
	padding-right: 35px;
	max-width: 100%;
}
.video-poster:hover {
	transform: translate(0px, -40px);
	-moz-transform: translate(0px, -40px);
	-ms-transform: translate(0px, -40px);
	-webkit-transform: translate(0px, -40px);
	-o-transform: translate(0px, -40px);
}
.video-poster button {
	background-color:transparent;
	border:none;
}
.video-call {
	color: #FFF;
	margin-left: auto;
	width: 100%;
}
div.play-glyph {
	position:absolute;
	top:33%;
	margin-left:auto;
	width:100%;
	font-size:3.5em;
}
.glyphicon.glyphicon-play{
	width:auto;
}
.glyphicon-play {
	background-color:#FFF;
	border-radius:50%;
 	padding:30px;
}
.glyphicon-play:hover {
	color: #F7931E;
}
.hero-video{
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 100%;
	z-index: -1;
}
#what-matters{
	background:#fff;
}
.hero-video video{
	position: absolute;
	top: 50%;
	left: 50%;
	height:500px;
	background:#dadada;
	width:100%;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:-1;
}
.website h2, .website.h2, .website .panel-heading {
	font-size: 65px;
	color: #2a2a2a;
	font-weight: 500;
	font-size: 45px;
}
.camio-orange {
	font-weight: bold;
}
.twentyfourhours{
	margin-top: 80px;
}
.jumbotron {
	height: 600px;
	max-width: 100%;
	overflow: hidden;
	background: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.17);
	background-repeat: no-repeat;
	background: url(/images/home-three.jpg) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.travel{
	float:left;
	background: #2a2a2a;
	background: rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(top,  rgba(42,42,42,1) 0%, rgba(42,42,42,0.6) 44%, rgba(42,42,42,0.57) 47%, rgba(42,42,42,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,42,42,1)), color-stop(44%,rgba(42,42,42,0.6)), color-stop(47%,rgba(42,42,42,0.57)), color-stop(100%,rgba(42,42,42,0)));
	background: -webkit-linear-gradient(top,  rgba(42,42,42,1) 0%,rgba(42,42,42,0.6) 44%,rgba(42,42,42,0.57) 47%,rgba(42,42,42,0) 100%);
	background: -o-linear-gradient(top,  rgba(42,42,42,1) 0%,rgba(42,42,42,0.6) 44%,rgba(42,42,42,0.57) 47%,rgba(42,42,42,0) 100%);
	background: -ms-linear-gradient(top,  rgba(42,42,42,1) 0%,rgba(42,42,42,0.6) 44%,rgba(42,42,42,0.57) 47%,rgba(42,42,42,0) 100%);
	background: linear-gradient(to bottom,  rgba(42,42,42,1) 0%,rgba(42,42,42,0.6) 44%,rgba(42,42,42,0.57) 47%,rgba(42,42,42,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#002a2a2a',GradientType=0 );
	height: 100%;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	padding-left: 35px;

}
.app-button{
	margin-left:0;
}
.travel h1{
	text-align: left;
	vertical-align: middle;
	color: #FFF;
	text-shadow: 0 2px 7px rgba(42, 42, 42, 0.8);
	font-weight: 500;
	font-size: 2.5em;
	margin-top:2em;
	text-align: left;
}
.travel p {
	color: #FFF;
	text-shadow: 0 2px 2px #2a2a2a;
	font-size: 17px;
}
.heroarrow {
	position: relative;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 1000;
}
.heroarrow:before, .heroarrow:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	height: 0;
	border-bottom: 20px solid #fff;
	width: 50%;
}
	.heroarrow:before {
		border-left: 0;
		border-right: 20px solid transparent;
		left: 0;
	}
	.heroarrow:after {
		right: 0;
		border-right: 0;
		border-left: 20px solid transparent;
	}
.travelsafe{
	height: 550px;
}
.appstores img{
	width: 180px;
	margin-top:20px;
}
.herospeak{
	top:50px;
}
.tryusnow{
	transition: .08s ease-in;
	-moz-transition: .08s ease-in;
	text-align: center;
	-o-transition: .08s ease-in;
	-webkit-transition: .08s ease-in;
}
.tryusnow a{
	padding: 10px 40px;
	color: #FFFFFF !important;
	box-shadow: 0 2px 0px #4A9E34;
	background: #3ac162;
	border-radius: 5px;
	font-size: 17px;
	text-shadow: none;
	border: 2px solid #3ac162;
}
.tryusnow a:hover {
	color: #fff;
	background: #34C96A;
	border: 2px solid #34C96A;
	text-decoration: none;
}
.hero-text{
	font-size:25px;
	text-shadow: 0 2px 3px #2a2a2a;
	font-weight:700;
		z-index:1;
}
.videoimagefallback{
	background-repeat: no-repeat;
	background:#dadada;
	background: url(/images/featuresheader.jpg) #dadada 0% top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top:0;
}
.petshero{
	background-repeat: no-repeat;
	background:#dadada;
	background: url(/images/petshero.jpg) #dadada 0% 60% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top:0;
}
.homehero{
	background-repeat: no-repeat;
	background:#dadada;
	background: url(/images/homehero.jpg) #dadada  0% 60% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top:0;
}
@media ( max-width : 992px) {
	.website h2, .website.h2, .website .panel-heading {
		text-align: center;
	}
	.website p, .website li{
		text-align: center;
	}
	.travel h1{
		margin-top: 1em;
	}
}
@media ( min-width : 660px) {
	#anim-intro .jumbotron h1 {
		margin-top: 2em;
	}
}
@media ( min-width : 1200px) {
	#anim-intro .jumbotron h1 {
		margin-top: 3em;
	}
}
@media (max-width: 768px) {
	.website h2, .website.h2, .website .panel-heading {
		text-align: center;
	}
	.website p, .website li{
		text-align: center;
	}
	.jumbotron h1 {
		margin-top: 2em;
	}
}
@media (max-width: 660px){
	.jumbotron h1 {
		margin-top: 3em;
		font-size: 2.7em;
	}
	.herotext{
		margin-top:170px;
	}
	.website h2, .website.h2, .website .panel-heading {
		font-size:3em;
	}
	.website p, .website li{
		font-size:19px;
	}
	.jumbotron{
		height:570px;
	}
	.alertmephone {
		margin-top: 0;
		margin-bottom: 50px;
	}
	.travel p {
		color: #FFF;
		text-shadow: 0 2px 2px #2a2a2a;
		font-size: 16px;
	}
	.videoimagefallback {
		background-repeat: no-repeat;
		background: url(/images/featuresheader.jpg) #797979 70% 40% no-repeat;
		background-blend-mode:multiply;
	}
	.petshero {
		background-repeat: no-repeat;
		background: url(/images/petshero.jpg) 70% 40% no-repeat;
		background-blend-mode:multiply;
	}
	.homehero {
		background-repeat: no-repeat;
		background: url(/images/homehero.jpg)  #dddddd 70% 40% no-repeat;
		background-blend-mode:multiply;
	}
	.hero-video video{
			width:auto;
	}
	.img-responsive{
		width:100%;
	}
 	.jumbotron .travel h1{
		margin-top: 1em;
		font-size: 2.5em;
		margin-bottom:30px;
	}
	.travel {
		float: left;
		background: #2a2a2a;
		background: rgba(0, 0, 0, 0.5);
		background: -moz-linear-gradient(top, rgba(42,42,42,1) 10%, rgba(42,42,42,0.6) 94%, rgba(42,42,42,0.57) 87%, rgba(42,42,42,0) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(42,42,42,1)), color-stop(94%,rgba(42,42,42,0.6)), color-stop(87%,rgba(42,42,42,0.57)), color-stop(100%,rgba(42,42,42,0)));
		background: -webkit-linear-gradient(top, rgba(42,42,42,1) 10%,rgba(42,42,42,0.6) 94%,rgba(42,42,42,0.57) 87%,rgba(42,42,42,0) 100%);
		background: -o-linear-gradient(top, rgba(42,42,42,1) 10%,rgba(42,42,42,0.6) 94%,rgba(42,42,42,0.57) 87%,rgba(42,42,42,0) 100%);
		background: -ms-linear-gradient(top, rgba(42,42,42,1) 10%,rgba(42,42,42,0.6) 94%,rgba(42,42,42,0.57) 87%,rgba(42,42,42,0) 100%);
		background: linear-gradient(to bottom, rgba(42,42,42,1) 10%,rgba(42,42,42,0.6) 94%,rgba(42,42,42,0.57) 87%,rgba(42,42,42,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#002a2a2a',GradientType=0 );
	}
}
@-webkit-keyframes pulse{
0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse{
0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
