.StripeElement {
	box-sizing: border-box;

	height: 40px;

	padding: 10px 12px;

	border: 1px solid transparent;
	border-radius: 4px;
	background-color: white;

	box-shadow: 0 1px 3px 0 #e6ebf1;
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}

.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}

.dropdown:hover{
	cursor: pointer;
}

.StripeElement--invalid {
	border-color: #fa755a;
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}






.cityCircle {
	/*width: 30px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	border: 4px solid #71f442; 
	border-radius: 50%; */
	position: absolute;
	color: yellow;
	vertical-align: middle; 
	text-align: center;
	font-size: 30px;
	cursor: pointer;
}
.cityCircle .selected {
	color: #71f442;
}

.cityCircle:hover {
	transform: scale(1.5);
}
.noHover:hover {
	transform: scale(1.0);
}

body {
	font-family: "Ubuntu";
	font-size: 15px;
	overflow-x: hidden;
}

a{
	color: #4f4f4f;
	text-decoration: none !important;
}
a.normal {
	color: #3c95cd;
	text-decoration: underline !important;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
}


::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

a:hover {
	cursor: pointer;
}

.ellipsis {
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}

.fa {
	vertical-align: middle;
}
#logo {
	margin-top: -7%;
	height: 55px;
	width: auto;
	max-width: 100%;
}

/*@media (max-width: 860px) {
	#logo {
		height: 40px;
	}
}
@media (max-width: 806px) {
	#logo {
		height: 29px;
	}
}
@media (max-width: 767px) {
	#logo {
		height: 55px;
	}
	}*/

	h1 {
		color: #0058a0;
		font-weight: normal;
		font-size: 45px;
	}

	h2 {
		color: #0058a0;
		font-size: 15px;
		font-weight: bold;
	}

	h3 {
		color: #0058a0;
	}

	h5 {
		color: #0058a0;
		font-size: 17px;
		font-weight: bold;
	}

	.h2Landing {
		font-size: 25px;
		color: black;
		font-weight: normal;
	}

	.flag {
		width: 25px;
		height: 15px;
		margin-top: 0px;
		margin-right: 5px;
	}

	.loadingOverlay {   
		height: 1000%;
		width: 100%;
		position: absolute; /* Stay in place */
		z-index: 9999; /* Sit on top */
		left: 0;
		top: 100;
		background-color: white; /* White fallback color */
		/*background-color: rgba(253,253,253, 0.8); /* White w/opacity */
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	}

	.smallLoadingOverlay {   
		height: 102%;
		width: 100%;
		position: absolute; /* Stay in place */
		z-index: 1001; /* Sit on top */
		left: 0;
		top: 0;
		background-color: white; /* White fallback color */
		/*background-color: rgba(253,253,253, 0.8); /* White w/opacity */
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	}


	.smallLoading {
		width: 70px; 
		height: 70px; 
		margin: auto; 
		position: absolute; 
		top: 0; 
		left: 0; 
		bottom: 0; 
		right: 0;
	}

	.contentField {
		padding-left: 50px;
		padding-right: 50px
	}

	.menuTable {
		width: 100%;
		border: 0px;
		table-layout: fixed;
		white-space: nowrap;
		text-align: left;
	}

	.topBar {
		border-top: 2px solid #868F96;
	}


	td {
		cursor: pointer;
		border-bottom: 1px solid #868F96;
		height: 30px;
		padding-left: 20px;
	}

	th {
		border-bottom: 2px solid #868F96;
		height: 30px;
		padding-left: 20px;
	}

	hr {
		margin-top: -2px;
		height: 2px;
		background-color:  #868F96;
		border: none;
	}

	.lastElement {
		border-bottom: none !important;
	}

	.hr {
		height: 1px; 
		background-color: grey; 
		width: 100%
	}

	.conditionsTable {
		color: #0058a0;
	}

	.conditionsRow {
		margin-top: -20px;
		color: #0058a0;
	}
	.canvasThumbnail {
		border-style: solid; 
		border-width: 1px; 
		border-color: black;
	}

	.active {
		color: white; 
		background-color: #3c95cd;
	}

	video.selected {
		border: 4px solid #3c95cd;
	}

	#mapid {
		height:300px; 
		width: 100%; 
		border-top: 2px solid #868F96; 
		border-bottom: 2px solid #868F96
	}

	.iconButton {
		color: #0058a0;
		border: 1px solid #3c95cd;
		padding: 5px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 15px;
		cursor: pointer;
	}

	.iconButton.selected {
		color: white;
		background-color: #3c95cd;
	}

	.icon:hover {
		color: #0058a0;
		cursor: pointer;
	}

	.numberCircle {
		border-radius: 50%;
		behavior: url(PIE.htc); /* remove if you don't care about IE8 */

		width: 24px !important;
		height: 24px !important;
		padding: 1px;

		background: #fff;
		border: 2px solid #666;
		color: #666;
		text-align: center;

		font-size: 12px
	}

	.btnBlue {
		background-color: #0058a0;
		color: white;
		padding: 15px;
		font-size: 20px;
		border-radius: 25px;
		border: none;
	}

	.btnBlue:hover{
		background-color: #3c95cd;
		color: white;
	}

	.btn.center {
		display: block;
		margin: 0 auto;
	}

	.btn {
		background-color: #3c95cd;
		color: white;
		border-radius: 5px;
	}
	.btn.grey{
		background-color: #808b91;
	}

	.btn.blue{
		background-color: #0058a0;
	}
	.btn:focus{
		color: white;
		outline: none;
	}

	.btn.deselected {
		background-color: #808b91;
	}

	.currentPosition {
		color: #0058a0 !important;
		font-weight: bold
	}

	.numberCircle.currentPosition {
		background-color: #0058a0;
		color: white !important;
		border: 2px solid #0058a0;
	}

	.btn:hover{
		background-color: #00d2ff;
		color: white;
	}

	.smallbtn {
		font-size: 10px;
		margin-top: 10px;
	}

	.navBtn {
		margin-top: 7px;
		margin-left: 12px;
		margin-right: 0px;
	}

	.inverseBtn {
		background-color: white; 
		border: 1px solid #3c95cd; 
		color: #3c95cd
	}

	.inverseBtn:hover{
		background-color: #00d2ff;
		color: white;
		border: 1px solid #00d2ff;
	}

	.canvasItem {
		padding-left: 5px;
	}

	.canvasItem:hover {
		cursor:pointer;
		color: #3c95cd !important;
	}

	.blueFont {
		color: #0058a0;
	}

	.colRow {
		padding-left: 50px;
		padding-right: 50px;
		white-space: nowrap;
	}
	@media screen and (max-width: 768px){
		.colRow {
			padding-left: 0px;
			padding-right: 0px;
		}
	}

	/* The heart of the matter */
	.testimonial-group > .testimonial {
		overflow-x: auto;
		white-space: nowrap;
	}
	.testimonial-group > .testimonial > .col-xs-4 {
		display: inline-block;
		float: none;
	}

	.hrAround {
		margin-top: -10px;
		margin-bottom: 12px;
	}

	#nameBox {
		margin: 0px;
		padding: 0px;
		margin-left: 20px;
		border: none;
		width: 78%;
	}

	.blueIcon{
		color: #0058a0;
	}

	.blueIcon:hover{
		color: #3c95cd;
		cursor: pointer
	}

	.inputField {
		border: 1px solid #3c95cd;
		padding: 5px;
		padding-left: 35px;
		color: #0058a0;
		width: 140px;
	}

	.inputField:focus {
		outline: none
	}

	.customDropdown {
		margin-left: 10px;
		cursor: pointer;
	}
	.customDropdown:hover{
		color: #3c95cd;
	}

	.symbol {
		margin-bottom: 30px;
		color: #3c95cd;
	}

	.symbol.deselected {
		margin-bottom: 30px;
		color: #808b91 !important;
	}

	.symbol:hover{
		color: #00d2ff;
		cursor: pointer;
	}

	.selectorCircle:hover {
		cursor: pointer;
	}

	.uploadWrapper {
		width: 100%;
		display: inline-block;
		position: relative;
		overflow-y: scroll;
	}

	.uploadWrapper::after {
		padding-top: 100%;
		display: block;
		content: "";
	}

	.uploadField {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		color: #0058a0;;
	}

	.pictureBox {
		margin-bottom: 10px;
		border: 2px solid white;
		padding-bottom: 10px;
		padding-top: 10px
	}

	.pictureBox:hover {
		cursor: pointer;
		border: 2px solid #3c95cd;
	}

	.pictureBox.selected {
		border: 2px solid #00d2ff;
	}


	/* Editor Styles */

	.menuLeft {
		position:absolute; 
		top: 20px; 
		z-index:2; 
		left: -65px; 
		width: 80px
	}

	.menuRight {
		position:absolute; 
		top: 20px; 
		z-index:2; 
		right: -85px; 
		width: 80px
	}

	.menuRight .dropdown-menu {
		left: -105px;
	}

	.canvasMenu{
		margin-left: 12%;
		margin-right: 12%;
		margin-top: 5%;
		margin-bottom: 5%;
		padding: 0;
		border: none;
		background: none;
		outline: none;
	}
	.canvasMenu:hover {
		cursor:pointer;
	}

	.canvasSlider {
		-webkit-appearance: none;
		width: 100%;
		height:15px;
		border-radius: 5px;
		border: 2px solid #3c95cd;
		background: white;
		outline: none;
		-webkit-transition: .2s;
		transition: opacity .2s;
		overflow: hidden;
	}

	.canvasSlider::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background: #0058a0;
		cursor: pointer;
		box-shadow: -805px 0 0 800px #3c95cd;
	}

	@-moz-document url-prefix() {
		.canvasSlider {
			overflow: visible;
		}
	}

	.canvasSlider::-moz-range-thumb {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background: #0058a0;
		cursor: pointer;
	}

	.canvasSlider::-moz-range-progress {
		background-color: #3c95cd; 
		height: 100%;
	}
	.canvasSlider::-moz-range-track {  
		background-color: white;
	}
	/* IE*/
	.canvasSlider::-ms-fill-lower {
		background-color: white; 
	}
	.canvasSlider::-ms-fill-upper {  
		background-color: #3c95cd;
		height: 100%;
	}


	.canvasSlider:hover{
		cursor:pointer;
	}

	.navLi{
		margin-left: 0px;
	}

	.navbarBtn {
		font-size: 16px;
		font-weight: 300;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 10px;
	}

	.navbar-bottom {
		background-color: white;
		color: rgb(79,79,79);
		border: none;
		border-radius: 0px;
		font-size: 16px;
		margin-top: 120px;
		padding-bottom: 40px;
	}


	.navbar-default .dropdown-menu {
		border-radius: 5px;
		font-size: 15px;
		padding: 15px;
		background-color: #f8f8f8;
	}


	ul.nav a:hover { 
		color: #3c95cd !important; 
	}

	.nav-pills li.active a{
		background-color: #0058a0;
		background-image: -moz-linear-gradient(to bottom,  #3c95cd, #0058a0);
		background-image: -ms-linear-gradient(to bottom,  #3c95cd, #0058a0);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c95cd), to(#0058a0));
		background-image: -webkit-linear-gradient(to bottom, #3c95cd, #0058a0);
		background-image: -o-linear-gradient(to bottom,  #3c95cd, #0058a0);
		background-image: linear-gradient(to bottom, #3c95cd, #0058a0);
	}

	.hiddenInput {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}

	/* Enable spinning loading animation */
	.glyphicon-refresh-animate {

		/*Transfer origin to make it spin nicely*/
	/*-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%; /* IE 9 */
	-moz-transform-origin: 70% 50%;
	-ms-transform-origin: 70% 50%;
	-o-transform-origin: 70% 50%;
	-webkit-transform-origin: 70% 50%;
	transform-origin: 70% 50%;
	animation: spin 2s infinite linear;
	-webkit-animation: spin2 2s infinite linear;
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}

.fa-rotate-45 {
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
	-webkit-transform: rotate(45deg);
	transform: scale(1) rotate(45deg);
}

.fa-rotate-90{
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
}
.fa-rotate-270{
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
}

.fa-rotate-135 {
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
	-webkit-transform: rotate(135deg);
	transform: scale(1) rotate(135deg);
}

.fa-spin { -webkit-filter: blur(0); }


.rotate {
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	-moz-animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.editorModal {
	width: 100%;
}

.itemSelected{
	color: #337ab7;
}



/*Other Stuff again */

.symbolButton {
	color: #0058a0
}

.symbolButton:hover {
	cursor: pointer;
	color: #00d2ff;

}

.areaSelection {
	padding-left: 20px; 
	padding-right: 20px;
	color: #0058a0;
	text-decoration: underline;
}

.areaSelection:hover {
	cursor: pointer;
	color: #00d2ff;
}

.areaSelection.selected {
	color: #0058a0 !important;
	text-decoration: none;
	font-weight: bold
}

.uploadImageButton {
	width: 170px;
	border: 1px solid black;
	height: auto;
}

.uploadImageButton:hover {
	cursor: pointer;
}

.uploadImage:hover {
	cursor: pointer
}

.centerDiv {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wrongInput {
	border-color: red;
	border-style: solid;
	border-width: 3px;
}

.joyrideTip {
	margin-top: 15px;
}

.inputForm {
	font-family: "Ubuntu";
	color: #4f4f4f;
	font-size: 18px;
	padding-left: 10px;
	width: 100%;
}

.formError {
	color: red;
}

.navToIntern:hover{
	text-decoration: underline !important;
}

.agbModal {
	margin-left: 10%; 
	margin-right: 10%;

}

@media (min-width: 680px) {
	.agbModal {
		column-count: 2;
	}
	.agbModal h4 {
		margin-top: 50px;
		column-span: all;
	}
}

.twoCol {
	column-count: 2;
}
.twoCol h3 {
	margin-top: 50px;
	column-span: all;
}

.chevronLeft {
	position: absolute; 
	top: 150px; 
	left: -50px;
}
.chevronRight {
	position: absolute; 
	top: 150px; 
	right: -50px;
}

@media (max-width: 680px) {
	.contentField {
		padding: 10px;
	}

	.slider {
		width: 80%; 
		margin: 0 auto
	}

	.chevronLeft {
		left: 0px;
	}
	.chevronRight {
		right: 0px;
	}
}

.accountDetails td{
	padding-right: 20px;
	border: none;
}

.offerPopup {
	position: fixed; 
	width: 300px; 
	height: 230px; 
	right: 20px; 
	bottom: 20px; 
	background-color: white; 
	z-index: 99999; 
	border-radius: 5px; 
	box-shadow: 1px 1px 10px #888888
}

.sample-show-hide {
	transition: all linear 0.5s;
}
.sample-show-hide.ng-show {
	opacity: 100;
}

.btnMargin {
	width: 100px;
	margin-left: 20px;
}

.iconHeadline {
	color: black; 
	text-decoration: none; 
	font-weight: normal; 
	font-size: 20px
}

ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
}

.rightAlign {
	text-align: right;
}

@media (max-width: 767px) {
	.rightAlign {
		text-align: left;
	}
}

.footerRow {
	background-color: #3c95cd; 
	padding: 50px; 
	padding-top: 100px; 
	padding-bottom: 100px; 
	text-align: center
}

.blogHeaderDiv {
	width: 100%; 
	height: 550px; 
	overflow: hidden; 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: cover; 
	-webkit-filter:  brightness(80%); 
	filter: brightness(80%);
}

.blogDetailHeader {
	width: 100%; 
	height: 550px; 
	overflow: hidden; 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: cover; 
}

.blogHeaderDiv:hover {
	-webkit-filter:  brightness(70%); 
	filter: brightness(70%);
	cursor: pointer;
}

#blogHeaderText:hover {
	cursor: pointer;
}

#blogHeaderText:hover + #blogHeader {
	-webkit-filter:  brightness(70%); 
	filter: brightness(70%);
}


/*To collapse the navbar earlier*/
@media (max-width: 779px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}

	#map {
		width: 100%;
	}
}


.shortDescription {
	text-align: center; 
	width: 80%; 
	margin: 0 auto; 
	font-size: 17px;
}

@media (max-width: 779px) {
	.shortDescription {
		width: 100%;
	}
}



/*Custom Checkbox */


.checkboxContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-left: 20px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
  left: 9px;
  top: 3px;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar-collapse.in {
    overflow-y: visible;
}