@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'ConvDada Studio';
	src: url('../fonts/Dada Studio - Sharik Sans Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Dada Studio - Sharik Sans Bold.woff') format('woff'),
	 	 url('../fonts/Dada Studio - Sharik Sans Bold.ttf') format('truetype'), 
		 url('../fonts/Dada Studio - Sharik Sans Bold.svg#svgFontName') format('svg');
	
}

@font-face{
	font-family:"Helvetica W01 Light";
	src:url("fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot");
	src:url("fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("embedded-opentype"),
		url("fonts/fbb08c0c-6025-4224-8a7e-816d60913d93.woff2") format("woff2"),
		url("fonts/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),
		url("fonts/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),
		url("fonts/05ad458f-263b-413f-b054-6001a987ff3e.svg#svgFontName") format("svg");
	
}



body {
	font-family: "Helvetica W01 Light",Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #ffffff;
	background-color: #fff;
	overflow-x:hidden;
	position: relative;
}

a:hover, a:focus {
	text-decoration: none;
	outline:none;
}


h1, .h1 {
	font-size: 40px;
}

ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

#home-wrapper {
	background:url(../img/home_back.jpg) no-repeat;
	background-attachment: fixed;
	/* height:750px; */
	background-size:cover;
	background-position:center 0;
	margin-bottom:0;
	position:relative;
	z-index:100;
	
}

#home {
	background:url(../img/home_back.jpg) no-repeat;
	background-attachment: fixed;
	height:750px;
	background-size:cover;
	background-position:center 0;
	margin-bottom:0;
	position:relative;
	z-index:100;
	
}
.ebefore {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
}
#discovery .ebefore{display: block !important;}
#download, #download-footer {
	background: #ff9500;
    color: white;
    padding: 10px 25px;
	font-size: 18px;
	cursor: pointer;
	display: inline-flex;
	font-weight: bold;
	border-radius: 6px;
}

#download:active, #download-footer:active {
	background: #ff9500;
	box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.7);
	transform: scale(0.98);
}
.app-dwnld {
	display: flex;
	margin: auto;
	width: 100%;
	justify-content: center;
}
.app-dwnld > a {
	display: none;
}
.app-dwnld li {
	width: 100%;
	margin: auto 20px;
}
form {
	position: relative;
}
.tooltiptext {
	visibility: hidden;
	display: inline-block;
	background-color: #ff8400;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 8px;
	left: 0;
	position: absolute;
	z-index: 99;
	margin-top: 6px;
  }
  .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #ff8400 transparent;
  }
  .tooltiptext-footer {
	visibility: hidden;
	display: inline-block;
	background-color: #ff8400;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 8px;
	left: 0;
	position: absolute;
	z-index: 99;
	margin-top: 6px;
  }
  .tooltiptext-footer::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #ff8400 transparent;
  }
.app_download_block1 > .row {
	margin-top: 20px;
}

.app-link-header {
	margin:30px 0 0 0;
}
.app-link-footer {
	margin:40px 0 0 0;
}
.app-link-header p {
	font-size: 1.2em;
    font-weight: lighter;
	color: #ffffff;
	font-weight:100;
	margin-bottom:10px;
}
.custom-text {
	height:45px;
	background:rgba(255, 255, 255,0.7);
	
}
.custom-text-footer {
	height:40px;
	background:rgba(255, 255, 255,0.7);
}

.btn-height {
	height:40px !important;
}

.copyright {
	border: 1px solid #494a4e;
	padding: 20px 0 18px;
	margin: 0;
}
.copyright p {
	margin: 0;
	font-size: 14px !important;
}

.send-btn {
	font-family: 'ConvDada Studio';
	height:45px;
	background:#ff9500;
	border-color:#ff9500;
	font-weight:bold;
	font-size: 20px;
	color:#000;	
	outline:none;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	transition:0.5s all;
}

.send-btn:hover {
	outline:none;
	color:#000;	
	background: #ff8400;
  	border-color: #ff9500;
  	box-shadow: inset 1px 1px 3px #FFAA34;
	-webkit-box-shadow: inset 1px 1px 3px #FFAA34;
	-moz-box-shadow: inset 1px 1px 3px #FFAA34;
	-ms-box-shadow: inset 1px 1px 3px #FFAA34;
	-o-box-shadow: inset 1px 1px 3px #FFAA34;
  	text-shadow: 1px 2px 2px #FFCD98;
	-webkit-text-shadow: 1px 2px 2px #FFCD98;
	-moz-text-shadow: 1px 2px 2px #FFCD98;
	-ms-text-shadow: 1px 2px 2px #FFCD98;
	-o-text-shadow: 1px 2px 2px #FFCD98;
}


.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	color:#000;
	outline:none;	
	background:#ff9500;
	border-color:#ff9500;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color:#000;
	outline:none;	
	background:#ff9500;
	border-color:#ff9500;
}
.btn-primary:focus, .btn-primary.focus {
	color:#000;	
	outline:none;
	background:#ff9500;
	border-color:#ff9500;
}

.space-left {
	padding-left:6px;
}
.space-right {
	padding-right:6px;
}

.store-buttons a {
	margin:0 10px;
}

.image_appstore ,.image_playstore{
	max-width:100%;
	/*width:180px;*/
}

::-webkit-input-placeholder {
   color: #333;
   opacity:1;
   font-size:16px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333;
   font-size:16px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333;
   font-size:16px;
}

:-ms-input-placeholder {  
  color: #333;
  font-size:16px;
}

#encounter-wrapper {
	background:url(../img/slider_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center center;
	position:relative;
	
}


#encounter {
	background:url(../img/slider_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center center;
	position:relative;
	
}
.logo-small {
	position:absolute;
	top:5%;
	left:5%;
}

#connection-wrapper{
	background:url(../img/connect1_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center center;
	position:relative;
	/*padding: 250px 0;*/
}

#connection {
	background:url(../img/connect1_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center center;
	position:relative;
	/*padding: 250px 0;*/
}

/* #separation-wrapper {
	background:url(../img/connect2_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center -4px;
	position:relative;
} */



#separation {
	background:url(../img/connect2_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center -4px;
	position:relative;
}

#commonconnection {
	background:url(../img/connect3_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center center;
	position:relative;
}

#grouptrack-wrapper {
	background:url(../img/grouptrack_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center 8px;
	position:relative;
	z-index:-1;
}

#grouptrack {
	background:url(../img/grouptrack_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	/* background-position:center 8px; */
	position:relative;
	z-index:-1;
}

#discovery {
	background:url(../img/discovery_back.jpg) no-repeat;
	background-attachment: fixed;
	height:800px;
	background-size:cover;
	background-position:center center;
	position:relative;
}
#discovery::after{
	position: relative;
	display: block;
	content: "";
	clear: both;
}

/* Changes for draggable below */

#carmap {
	/*background:url(../img/navigation_back.jpg) center center no-repeat;*/
	/*background-attachment: fixed;*/
	/*background-size:100%;*/
	position:relative;
	height:800px;
    overflow: hidden; /* hide overflow of image */
}

#carmap-back {     /* Masked image */
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1400px;
    margin-top: -932px;
    z-index: 1;
}

#screen-back {    /* Clear image in iPhone scree */
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1400px;
    margin-top: -932px;
}

#phone-screen {   /* iPhone Screen area with overflow hidden to mask image */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -85px;
    margin-top: -150px;
    height: 300px;
    width: 170px;
    background:transparent;
    z-index: 3;
    overflow: hidden;
}

#drag-carmap {    /* draggable area that overlays everything */
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1864px;
    width: 2800px;
    margin: -932px 0 0 -1400px;
    z-index: 4;
}

#phone-case-carmap { /* I phone case background */
    position: absolute;
    height: 444px;
    width: 250px;
    background: url(../img/phonemap.PNG) no-repeat;
    background-size: contain;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -122px;
    margin-top: -199px;
}

/* End draggable changes */

.mask {
	background:rgba(255,149,0,0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:1;
	
}

.clip {
	background:white;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:2;
	-webkit-clip-path: inset(180px 500px);
	clip-path: inset(180px 500px);
	
}


.carmap-block {
	position:absolute;
	top: 25%;
    left: 40%;
	z-index:2;
}

#contact {
	background:#333333;
	height:auto;
	position:relative;
	padding: 5% 0 0 0;
}





.app_download_block1 {
	text-align: center;
    padding: 0 4%;
    width: 46%;
    margin: 0 auto;
} 
.app_download_block1 h3{
	font-size:19px;
} 

.drag_tag {
	/*position:absolute;
	top: 50%;
  	left: 15%;
	z-index:2*/
	margin:40px 0;
}

.drop_pin {
	position: absolute;
  	top: 25%;
  	left: 62%;
	color:#000;
	font-weight:bold;
	z-index:2
}
.drop_pin h1 {
	font-family: 'ConvDada Studio';	
}
.drop_pin p {
	font-size: 16px;
    font-weight: 600;
}

.footer-logo-image {
	width: 100%;
}



/* Sticky Navbar */

#page_links {
	text-align:center;
	padding: 40px 0 0 0;
}

ul.menu_bar {
	
}


ul.menu_bar li {
	display:inline-block;
	float:none;
	margin-right: 18px;
}
ul.menu_bar li a {
	color:white;
	opacity:0.5;
	border: 2px solid white;
	border-radius: 50%;
	padding:0 6px;
	font-size: 12px;
}
ul.menu_bar li a:hover {
	color:white;
	opacity:1;
	background:none;
}
ul.menu_bar > li > a:focus{
	background:none;
	font-weight:bold;
}

ul.menu_bar > .active > a {
	background:rgba(255,255,255,0.6);
	/*color:#000;*/
	opacity:1;
	font-size: 12px;
	font-weight:bold;
}



.bottom p {
	font-size:18px;
	
}
.logo-footer img {
	margin:100px 0 0 0;
}



.app-link-footer p {
	margin-bottom:5px;
	font-size: 15px;
}
.app-link-footer .select2-selection--single {
	padding: 10px 35px 12px 13px !important;
    height: 40px !important;
}
.app-link-footer .select2-selection__arrow {
    height: 40px !important;
}
.padding {
	padding:0 50px;
}
.social a {
	font-family: 'ConvDada Studio';
	padding: 0 15px 0 0;
	font-size:28px;
	color:#ff9900;
}
.social a:hover {
	color:#BCBCBC;
}


.footer-link {
	margin:38px 0 0 0;
	padding: 0 20px 25px 20px;
}

.footer-link p {
	padding: 12px 0 0 0;
	font-size:14px;
}

.encounter-blockleft {
	padding:290px 10px;
}

.encounter-blockright {
	padding:200px 10px;
	position: relative;
}
.encounter-blockleft img {
	margin-top: -80px;
}

.encounter-blockleft h1 {
	font-family: 'ConvDada Studio';
	margin-bottom: 0.7em;
	
}
.encounter-blockleft p {
	font-size:18px;
	font-weight:600;
}


.connection-blockleft {
	margin-top:140px;	
}

.connection-blockright {
	padding:0 15px;
	margin: 100px 0;
	position: relative;
}
.connection-blockleft h1 {
	font-family: 'ConvDada Studio';
	margin-bottom: 0.7em;
	
}
.connection-blockleft p {
	font-size:18px;
	font-weight:600;
}


#encounter .home-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.35)) fixed;
    background: -webkit-linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.35)) fixed;
    background: -o-linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.35)) fixed;
    background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.35)) fixed;
}

#connection .home-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)) fixed;
    background: -webkit-linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)) fixed;
    background: -o-linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)) fixed;
    background: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)) fixed;
}

#separation .home-inner {
    width: 100%;
    height: 100%;
    position: absolute;
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.24) 28%, rgba(255,255,255,0.37) 43%, rgba(219,219,219,0.49) 57%, rgba(188,188,188,0.59) 68%, rgba(96,96,96,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(28%,rgba(255,255,255,0.24)), color-stop(43%,rgba(255,255,255,0.37)), color-stop(57%,rgba(219,219,219,0.49)), color-stop(68%,rgba(188,188,188,0.59)), color-stop(100%,rgba(96,96,96,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.24) 28%,rgba(255,255,255,0.37) 43%,rgba(219,219,219,0.49) 57%,rgba(188,188,188,0.59) 68%,rgba(96,96,96,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.24) 28%,rgba(255,255,255,0.37) 43%,rgba(219,219,219,0.49) 57%,rgba(188,188,188,0.59) 68%,rgba(96,96,96,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.24) 28%,rgba(255,255,255,0.37) 43%,rgba(219,219,219,0.49) 57%,rgba(188,188,188,0.59) 68%,rgba(96,96,96,0.65) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.24) 28%,rgba(255,255,255,0.37) 43%,rgba(219,219,219,0.49) 57%,rgba(188,188,188,0.59) 68%,rgba(96,96,96,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6606060',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#commonconnection .home-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.15)) fixed;
    background: -webkit-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.15)) fixed;
    background: -o-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.15)) fixed;
    background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.15)) fixed;
}

#discovery .home-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    
background: -moz-radial-gradient(center, ellipse cover,  rgba(155,155,155,0.26) 0%, rgba(155,155,155,0.31) 35%, rgba(175,175,175,0.32) 43%, rgba(255,255,255,0.39) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(155,155,155,0.26)), color-stop(35%,rgba(155,155,155,0.31)), color-stop(43%,rgba(175,175,175,0.32)), color-stop(100%,rgba(255,255,255,0.39))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(155,155,155,0.26) 0%,rgba(155,155,155,0.31) 35%,rgba(175,175,175,0.32) 43%,rgba(255,255,255,0.39) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(155,155,155,0.26) 0%,rgba(155,155,155,0.31) 35%,rgba(175,175,175,0.32) 43%,rgba(255,255,255,0.39) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(155,155,155,0.26) 0%,rgba(155,155,155,0.31) 35%,rgba(175,175,175,0.32) 43%,rgba(255,255,255,0.39) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(155,155,155,0.26) 0%,rgba(155,155,155,0.31) 35%,rgba(175,175,175,0.32) 43%,rgba(255,255,255,0.39) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429b9b9b', endColorstr='#63ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.connect2-blockleft h1 {
	font-family: 'ConvDada Studio';
	
}
.connect2-blockleft p {
	font-size:18px;
}
.connect2-blockleft {
	padding: 200px 0 0 160px;
}

.connect_circle1 img {
	position:absolute;
	top:10%;
	left:20%;
}
.connect_circle2 img {
	position: absolute;
  	top: 50%;
  	left: 44%;
}
.connect_circle3 img {
	position: absolute;
  	top: 38%;
  	left: 67%;
}
.common_connection {
	padding:300px 10px;	
}
.common_connection h1 {
	font-family: 'ConvDada Studio';
	margin-bottom: 0.7em;
}
.common_connection p {
	font-size:18px;
	font-weight:600;
}


.grouptrack h1 {
	font-family: 'ConvDada Studio';
}
.grouptrack p {
	font-size:18px;
	color:#ff9500;
	width:48%;
}
.close {
	color: #fff;
	opacity: 1;
	margin-right: 10px;	
}

.grouptrack {
	background:rgba(0,0,0,0.5);
	padding: 30px 20px;
	position:relative;
}
.separation {
	
  	padding: 10px 20px;
  	position: relative;
	border-top-left-radius: 5px;
  	border-bottom-left-radius: 5px;
	
}

.separation h1 {
	font-family: 'ConvDada Studio';
}
.separation p {
	font-size:16px;
	width:80%;
	font-weight:600;
}

.grouptrack_text {
	padding:280px 0;
}

.separation_text {
	padding:250px 0;
}
.phone_grouptrack {
	position:absolute;
	right: 4%;
  	top: 22%;
}
.phone_separation {
	position:absolute;
	right: 40%;
  	top: 18%;
}

.share-blockleft {
	padding:120px 10px;
}

.share-blockright {
	padding:100px 10px;
}
.share-blockright h1 {
	font-family: 'ConvDada Studio';
}
.share-blockright p {
	font-size:16px;
	font-weight:600;

}




.goToTop {
	position: fixed;
	top: 0;
	z-index: 4;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	background-image:url(../img/sticky_logo.PNG);
	background-repeat:no-repeat;
	background-size: 12%;
	background-position: 105px 8px;
	border-bottom: 2px solid #FF9500;
	padding: 22px;
	height: 66px;
  
}

/*  Connect2 circles position  */


.circle_girl1 {
	position: absolute;
  	top: 4%;
  	left: -3%;
	z-index:3;
}
.circle_girl2 {
	position: absolute;
  	top: 65%;
  	left: -5%;
	z-index:3;
}

.degree {
	position: absolute;
    top: 58%;
    left: 12%;
    z-index: 3;
}

.circle_guy1 {
	position: absolute;
  	top: 15%;
  	left: 13%;
	z-index:1;
}

.circle_guy2 {
	position: absolute;
  	top: 65%;
  	left: 11%;
	z-index:1;
}
.circle_girl {
	position: absolute;
  	top: 48%;
  	left: 25%;
}



#fixed {
    position: fixed;
    width: 100%;
    z-index: 5;
    height: 0;
}

#navBg {
    position: fixed;
    float: none;
    /*height: 50px;*/
    width: 100%;
    text-align: center;
    padding: 0px;
    /*background: rgba(255,255,255,0.8);*/
}

#logoMenu {
	background: url(../img/logo_original.png) no-repeat 100% 82%;
	width: 70px;
	height: 55px;
	background-size:50%;
	position: fixed;
	z-index: 1;
	cursor: pointer;
	margin:0 0 0 3%;
}

#nav {
	position: fixed;
    float: none;
    width: 100%;
    margin: 48px 0 6px 0 !important;
    padding: 0 3% 0 10% !important;
    text-align: center;
}

.home #navBg {
    background: transparent;
    height: 80px;
}

/*.home #logoMenu {
    background: url(../img/header_logo_orange.png) no-repeat 50% 50%;
	background-size: 50%;
}
*/

.splash #navBg {
	background:rgba(0,0,0,0.1);
    height:60px;
}
.splash #nav {
    margin: 18px 0 6px 30% !important;
    padding: 0 8% 0 10% !important;
	transition-duration: 0.3s;
    transition-timing-function: linear;
}
.splash #logoMenu {
	background: url(../img/logo_original.png) no-repeat 50% 50%;
	width: 70px;
	height: 55px;
	background-size: 50%;
	position: fixed;
	z-index: 1;
	cursor: pointer;
	margin: 2px 0 2px 3%;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}



.about #navBg {
	background: rgba(195, 195, 195, 0.1);
    height:60px;
}
.about #nav {
    margin: 18px 0 6px 30% !important;
    padding: 0 8% 0 10% !important;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}
.about #logoMenu {
	background: url(../img/logo-white.png) no-repeat 50% 50%;
	width: 70px;
	height: 55px;
	background-size: 50%;
	position: fixed;
	z-index: 1;
	cursor: pointer;
	margin: 2px 0 2px 3%;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}


.separate #navBg {
    background: rgba(148, 148, 148, 0.1);
	height:60px;
}
.separate #nav {
    margin: 18px 0 6px 30% !important;
    padding: 0 8% 0 10% !important;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}
.separate #logoMenu {
	background: url(../img/logo_original.png) no-repeat 50% 50%;
	width: 70px;
	height: 55px;
	background-size: 50%;
	position: fixed;
	z-index: 1;
	cursor: pointer;
	margin: 2px 0 2px 3%;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}


.common #navBg {
    background: rgba(195, 195, 195, 0.1);
	height:60px;
}
.common #nav {
    margin: 18px 0 6px 30% !important;
    padding: 0 8% 0 10% !important;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}
.common #logoMenu {
	background: url(../img/logo-white.png) no-repeat 50% 50%;
	width: 70px;
	height: 55px;
	background-size: 50%;
	position: fixed;
	z-index: 1;
	cursor: pointer;
	margin: 2px 0 2px 3%;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}


.mapcar #navBg {
    background: rgba(195, 195, 195, 0.2);
	height:60px;
}
.mapcar #nav {
    margin: 18px 0 6px 30% !important;
    padding: 0 8% 0 10% !important;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}
.mapcar #logoMenu {
	background: url(../img/logo-white.png) no-repeat 50% 50%;
	width: 70px;
	height: 55px;
	background-size: 50%;
	position: fixed;
	z-index: 1;
	cursor: pointer;
	margin: 2px 0 2px 3%;
	transition-duration: 0.2s;
    transition-timing-function: linear;
}



#nav li {
	display: inline-block;
}

.download-app-outer {
	z-index:150;
}



/* video fullscreen background  */

.video-wrapper { 
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100% !important;
    overflow: hidden;
    z-index:-100;
	opacity:0;
}
video#bgvideo {
	position: absolute;
    top: 0;
    left: 0;
	right:0;
    /*width: 100% !important;*/
	/*height:100%;*/
    object-fit: contain;
	object-position:0 -80px; 
}
/*video {
	width:100% !important;
	height:100% !important;
}
*/


.video-close:focus, .video-close:hover {
	opacity:0.8;
	color:white;
	outline:none;
}

.youtubevideowrap {
	width: 80%;
    max-width: 992px;
    margin: 0 auto;
	position: absolute;
    left: 0;
    right: 0;
    /*z-index: 1050;
    box-shadow: 1px 2px 3px 2px #696969;
	-webkit-box-shadow: 1px 2px 3px 2px #696969;
	-moz-box-shadow: 1px 2px 3px 2px #696969;
	-ms-box-shadow: 1px 2px 3px 2px #696969;
	-o-box-shadow: 1px 2px 3px 2px #696969;*/
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.modal-video-dialog  {
	width:auto;
	
}

.modal-video-content {
	background:none !important;
	border:none !important;
	box-shadow:none !important;
}
.modal-video-body {
	padding:0;
}

.modal-backdrop {
	z-index:0;
	
}

.modal-video-dialog{
	margin:10px 0;
}

.modal {
	background:rgba(0,0,0,0.8);
}

.vjs-tech {
	width:100%;
	object-fit: contain;
	object-position:0 -80px;
}

a.btn-down {
	position:absolute;
	bottom:5px;
	left: 0;
	right: 0;
	margin: auto
}

.btn-down.active.focus, .btn-down.active:focus, .btn-down.focus, .btn-down:active.focus, .btn-down:active:focus, .btn-down:focus {
	outline:0;
	box-shadow:none;
}

.btn-down.focus, .btn-down:focus, .btn-down:hover {
	color:white;
}

.btn-down:hover {
	
}

.fa-angle-down {
	color:white;
	
}

#cookie-bar p{
	font-size: 15px;
}


@media (min-width: 1600px) {


button.video-close {
	
	position: relative;
    z-index: 999;
	top: -0.3em;
	right:1em;
	padding:0 6px;
	background:none;
	color:white;
	opacity: 0.4;
	
}



.youtubevideowrap {
	width: 90%;
    max-width: 1800px;
    margin: 0 auto;
	position: relative;
    /*z-index: 1050;
    box-shadow: 1px 2px 3px 2px #696969;
	-webkit-box-shadow: 1px 2px 3px 2px #696969;
	-moz-box-shadow: 1px 2px 3px 2px #696969;
	-ms-box-shadow: 1px 2px 3px 2px #696969;
	-o-box-shadow: 1px 2px 3px 2px #696969;*/
}

.modal-video-dialog {
	margin:50px 0;
}


.app_download_block {
	text-align: center;
    padding: 0 4%;
    width: 28%;
    margin: 0 auto;
}

.footer-logo-image {
	width:30%;
	max-width:100%;
}

.app_download_block1 {
	text-align: center;
    padding: 0 4%;
    width: 28%;
    margin: 0 auto;
}

.footer-link {
	margin:38px 0 0 0;
	padding: 50px 20px;
}
#contact {
	background:#333333;
	height:auto;
	position:relative;
	padding: 5% 0 0 0;
}
}

@media (min-width: 1600px) and (max-width: 1920px) { 
	
	button.video-close {
	
	position: relative;
    z-index: 999;
	top: -0.3em;
	right:9em;
	padding:0 6px;
	background:none;
	color:white;
	opacity: 0.4;
	
}
.download-app-outer {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.download-app {
	width: 100%;
}

}



@media (min-width: 1200px) and (max-width: 1600px) { 

button.video-close {
	
	position: relative;
    z-index: 999;
	top: -0.3em;
	right:1em;
	padding:0 6px;
	background:none;
	color:white;
	opacity: 0.4;
	
}


.youtubevideowrap {
	width: 90%;
    max-width: 1200px;
    margin: 0 auto;
	position: relative;
    /*z-index: 1050;
    box-shadow: 1px 2px 3px 2px #696969;
	-webkit-box-shadow: 1px 2px 3px 2px #696969;
	-moz-box-shadow: 1px 2px 3px 2px #696969;
	-ms-box-shadow: 1px 2px 3px 2px #696969;
	-o-box-shadow: 1px 2px 3px 2px #696969;*/
}
.modal-video-dialog {
	margin:10px 0;
}



.app_download_block {
	text-align: center;
    padding: 0 4%;
    width: 28%;
    margin: 0 auto;
}

.footer-logo-image {
	width:30%;
	max-width:100%;
}

.app_download_block1 {
	text-align: center;
    padding: 0 4%;
    width: 36%;
    margin: 0 auto;
}


}

/* @media (min-width: 1300px) and (max-width: 1600px) { 
	.logo-image {
		width: 35%;
		max-width: 100%;
	}
	.app_download_block {
		text-align: center;
		padding: 0 4%;
		width: 44%;
		margin: 0 auto;
	}
} */




@media (min-width: 992px) and (max-width: 1200px){
	
	
	.app_download_block1 h3 {
		font-size:17px;
	}

	.col-md-pull-3 {
		right: 20%;
	}

	button.video-close {
	
	position: relative;
    z-index: 999;
	top: -0.3em;
	right:1em;
	padding:0 6px;
	background:none;
	color:white;
	opacity: 0.4;
	
}
.youtubevideowrap {
	width: 90%;
    max-width: 992px;
    margin: 0 auto;
	position: relative;
    /*z-index: 1050;
    box-shadow: 1px 2px 3px 2px #696969;
	-webkit-box-shadow: 1px 2px 3px 2px #696969;
	-moz-box-shadow: 1px 2px 3px 2px #696969;
	-ms-box-shadow: 1px 2px 3px 2px #696969;
	-o-box-shadow: 1px 2px 3px 2px #696969;*/
}
.modal-video-dialog {
		
		margin:30px 0;
		
}


.app_download_block {
	text-align: center;
    padding: 0 4%;
    width: 28%;
    margin: 0 auto;
}

.footer-logo-image {
	width:30%;
	max-width:100%;
}

		

}

@media (min-width: 1024px) and (max-width: 1200px){




.download-app-outer {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.download-app {
	width: 100%;
}

.app_download_block {
	text-align: center;
    padding: 0 4%;
    width: 39%;
    margin: 0 auto;
}
.app-dwnld {
    width: 35%;
}		

}

@media (min-width: 901px) and (max-width: 1023px){
	.share-blockleft img {
		width: 230px;
	}
	.share-blockright {
		width: 65%;
	}
	.phone_separation {
		right: 15%;
	}
	.app_download_block {
		width: 43%;
		margin-left: auto;
		margin-right: auto;
	}
	.encounter-blockleft {
		padding-bottom: 30px;
    	width: 60%;
	}
	.connection-blockleft {
		width: 54%;
	}
	.separation {
		margin-top: 47%;
	}
	#contact .space-right {
		padding: 0;
		padding-bottom: 16px;
	}
	#contact .space-left {
		padding: 0;
	}
	.connect_circle1 img {
		left: 11%;
	}
	.connect_circle2 img {
		left: 39%;
	}
	.mapcar #nav {
		margin: 18px 0 6px 20% !important;
	}
	.app-dwnld {
		width: 50%;
	}

}

@media (max-width: 767px){
	#home{
		background-position: 0;
	}
	#cookie-bar .cb-enable, #cookie-bar .cb-enable:hover {
		background: #c2760c;
		padding: 10px;
		line-height: normal;
		display: block;
		margin: 5px auto;
		width: 95%;
	}
	#cookie-bar p{
		font-size: 13px;
		line-height: normal;		
		display: block;
	}
	#cookie-bar a {
		margin-top: 10px;
	}
	.share-blockright {
		width: 46%;
	}

	.phone_separation {
		right: 15%;
	}
	.app_download_block {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.encounter-blockleft {
		padding-bottom: 30px;
    	width: 60%;
	}
	.connection-blockleft {
		margin-top: 0;
	}
	/*.connection-blockright {
		margin-top: 250px;
	} */
	#connection-wrapper {
		height: unset;
	}
	
	.common_connection {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 130px;
	}
	.phone_grouptrack {
		top: 53%;
	}
	.phone_grouptrack img {
		width: 180px;
	}
	.share-blockleft img {
		width: 180px;
	}
}

@media (max-width: 812px) and (max-height: 850px) {
	.splash #nav {
		margin: 18px 0 6px 13% !important;
		padding: 0 8% 0 0% !important;
		transition-duration: 0.3s;
		transition-timing-function: linear;
	}
	ul.menu_bar li {
		margin-right: 5px;
	}
	.app-dwnld {
		width: 100%;
	} 
	
	
}

@media (max-width: 991px) {
	.app_download_block form, .app_download_block1 form {
		display: none;
	}
	#fixed .splash #navbar-example, #fixed .splash #navbar-example ul li {
		display: none !important;
	}
	.encounter-blockleft {width: 100%;padding-top: 10px}
	.encounter-blockleft h1, .encounter-blockleft p {text-align: center;}
	.encounter-blockright {padding-top: 0;width: 100%;text-align: center;padding-bottom: 20px;}
	.connection-blockleft {margin-top: 0;}
	.connection-blockright {width: 100%;text-align: center;}
	.connection-blockright img {width: 200px;}
	.grouptrack p {width: 100%;text-align: center;}
	.grouptrack h1 {text-align: center;}
	.share-blockright {width: 100%;text-align: center;padding: 35px 10px;}
	.share-blockleft {padding: 0;width: 100%;text-align: center;}
	.app_download_block1 {width: 100%;}
	.drop_pin {width: 100%;top: 0;left: 0;text-align: center;}
	.drop_pin img {margin: 0;width: 150px;}
	#carmap {height: 850px;}
	#separation > img {display: none !important;}
	.separation p {width: 100%;}
	#separation .separation_text {padding: 0;text-align: center;}
	.phone_separation {width: 100%;right: 0;position: relative;}
	.phone_separation img {width: 300px;margin: 0 auto;}
	#encounter img {width: 300px;margin: 0 auto;}
	.phone_grouptrack {display: none;}
	.app-dwnld {justify-content: center;}
	.app-dwnld li {
		margin-top: 16px;
	}
	.social {text-align: center;margin-top: 8px}
	.download-app-outer {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	
	.encounter-blockleft {padding-bottom: 30px;}
	#encounter-wrapper, #encounter {height: 100%;}
	.connect_circle1 img {
		left: 4%;
		width: 30%;
	}
	.connect_circle2 img {
		left: 36%;
		width: 30%;
	}
	.connect_circle3 img {
		left: 68%;
		width: 30%;
	}
	#navBg {display: none;}
	#discovery {height: 100%;}
	.footer-link > div {
		text-align: center;
	}
	
}
@media screen and (orientation:portrait) and (max-device-width: 767px) {
	
	
}


@media screen and (orientation:landscape)
and (min-device-width: 1024px) {
	.download-app-outer {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.download-app {
		width: 100%;
	}
}

@media screen and (orientation:landscape)
and (max-device-height: 400px) 
and (max-device-width: 900px) {
	
	.app_download_block {
		width: 50%;
	}
}



#cookie-bar {
    padding: 10px 0;
    background: #ff9400;
}

/* changes for 07-may */
#cookie-bar .cb-enable,
#cookie-bar .cb-enable:hover {
	background: #c2760c;
    padding: 10px;
    line-height: normal;
}

.logo img {
	max-width: 400px;
	width: 100%;
}
.clear {
    clear: both;
}

@media(max-width:991px){
#separation-wrapper,#separation{
	background-position: right;
}
}
@media(max-width:991px){	
	.share-blockright h1,.encounter-blockleft h1,.connection-blockleft h1,.separation h1,.common_connection h1,.grouptrack h1,.drop_pin h1{
		font-size: 30px;
	}
	.share-blockright p,.encounter-blockleft p,.connection-blockleft p,.separation p,.common_connection p,.grouptrack p,.drop_pin p {
		font-size: 16px;
		font-weight: normal;
	}
	#separation-wrapper,#separation{
		background-position: right;
	}
	#connection,#separation,#grouptrack,#discovery{
		height: 100%;
	}
}
@media(max-width:480px){
	#home {
		background-position: -100px center;
	}
	#discovery,#grouptrack-wrapper,#grouptrack,#commonconnection,#connection,#encounter-wrapper,#encounter{
		background-attachment:initial;
		background-size: 1500px;
		background-position: -670px center;
	}
	#commonconnection{
		background-position:center -5px;
	}
	#commonconnection h1{
		display: block;
		margin: 0;
	}
	
	#separation{
		background-attachment:initial;
		background-size: 1400px;
		background-position: -970px center;
	}
	#home{
		background-attachment:initial;
	}
	.common_connection {		
		padding-top: 30px;
		padding-bottom: 0px;
	}
	.phone_separation img {width: 200px;margin: 0 auto;}
	#encounter img {width: 200px;margin: 0 auto;}
	.download-app-outer .logo img.logo-image.play-button {
		max-width: 300px;
	}
}
@media(max-width:420px){	
	.encounter-blockleft {
		padding-bottom: 10px;
	}
	#encounter img ,.phone_separation img{
		width: 150px;
	}	
	.separation {
		padding: 0px 20px 10px;
	}
	.separation h1 {
		margin-top: 10px;
	}
	.connection-blockright {
		margin: 50px 0 0;
	}
	.share-blockright {
		width: 100%;
		text-align: center;
		padding: 0px 10px 10px;
	}
	.share-blockright h1{
		margin-top:10px;
	}
	.share-blockleft img {
		width: 150px;
	}
}
body.cookie-open:before {
    background: rgba(0,0,0,0.7);
    content: '';
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
body.cookie-open {
    overflow: hidden;
}
.logo{
	display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.logo img.logo-image.play-button {
    display: none;
}
.logo img.logo-image.logo-button{
	display: block;
}

.logo:hover img.logo-image.play-button {
    display: block;
}
.logo:hover img.logo-image.logo-button{
	display: none;
}


/*** 13072020 custom drodpown ***/

.text-the-app {
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
	justify-content: space-between;
	
}




/*** Common Selectbox ***/
.select2-container--default .select2-selection--single {
	border: none;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 20px;
	outline: none;
	padding: 12px 35px 12px 13px;
	height: 45px; 
	text-align: left;
	background-color: rgba(255, 255, 255,0.7);
}
	.select2-container--default .select2-selection--single:focus {
		-o-box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	  box-shadow: none;
	  border-color: none !important; }
  
  .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	outline: none;
	color: #555;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	line-height: 20px; }
  
  .select2-container--default .select2-selection--single .select2-selection__arrow {
	margin: auto;
	top: 0;
	right: 0;
	height: 45px;
	width: 36px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
    

}
.select2-container--default .select2-selection--single .select2-selection__arrow::after{
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f107";
	font-size:20px;
}
  
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none; }
  
  .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg); }
  
  .select2-container--open.select2-container--default .select2-selection--single {
	color: #000;
	border: 1px solid #cbd9db; }
  
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
  .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border: 1px solid #000000; }
  
  .select2-dropdown {
	border: 1px solid #dfdfdf;
	background-color: #ffffff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); }
  
  .select2-dropdown ul li:before {
	content: normal; }
  
  .select2-dropdown .mCSB_inside > .mCSB_container {
	margin-right: 0px; }
  
  .select2-results__option {
	margin: 0px;
	padding: 0px 10px;
	color: #000;
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	line-height: 41px;
	background: #ffffff;
	border-bottom: 1px solid #dfdfdf; }
  
  .select2-container--default .select2-results__option[aria-selected="true"] {
	margin: 0px;
	padding: 0 10px;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 41px;
	background: #ffffff; }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #ffffff;
	background-color: #ff9500; }
  
  .select2-container--default .select2-results__option[aria-disabled="true"] {
	display: none;
	background-color: #ffffff;
	color: white; }
  
  .select2-container--default.select2-container--disabled .select2-selection--single {
	cursor: not-allowed; }

	.select2-container--default .select2-search--dropdown .select2-search__field{
		border:1px solid #c9c4c4 !important;
		outline: none;
		color: #000;
	}
	

	.download-app-outer .app_download_block {width: 565px;}
	.text-the-app .select2.select2-container {
		width: 160px !important;
	}

	.text-the-app .input-group {
		width: calc(100% - 170px);
	}
	
	

	@media only screen and (max-width:1024px){
		#home,#encounter-wrapper,#connection-wrapper,#commonconnection,#grouptrack-wrapper,#discovery,#encounter-wrapper #encounter,
		#connection-wrapper #connection,#separation-wrapper #separation,#commonconnection,#grouptrack-wrapper #grouptrack,#discovery
		{background-attachment: scroll !important;}
		#separation-wrapper .separation{padding: 35px 10px;}

 
	}