body {
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		font-size: 18px;
		padding-top:80px;
		color: #303030;
		}
	
	.featured {
    	width: 16%;
    	vertical-align: middle;
    	padding: 0px 14px 0px 14px;
		}
	
	/* start navbar */
	.navbar-custom {
		background-color: #ffffff;
		padding-top:12px; padding-bottom:12px; 
		box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
		}

	/* change the brand and text color */
	.navbar-custom .navbar-brand,
	.navbar-custom .navbar-text {
		color: #303030;
		}

	/* change the link color */
	.navbar-custom .navbar-nav .nav-link {
		color: #303030;
		font-size: 18px;
		font-weight:400;
		}
	
	.dropdown-item {
		font-size: 18px;
		}

	/* change the color of active or hovered links .nav-item.active */
	.navbar-custom .nav-link,
	.navbar-custom .nav-item:hover .nav-link {
		color: #00adef;
		}
	/* end navbar */
	
	
	/* start custom buttons */
		  
	.btn-syncstyle-dark {
		color: #ffffff;
  		background-color: #1d4e89;
  		border-color: #1d4e89;
  		border-radius: 50px;
		font-weight:400;
		font-size: 18px;
		padding-left: 16px;
		padding-right: 16px; 
		}

	.btn-syncstyle-dark:hover,
	.btn-syncstyle-dark:active,
	.btn-syncstyle-dark:focus,
	.btn-syncstyle-dark.active {
  		background: #00adef;
  		color: #ffffff;
  		border-color: #00adef;
		}

.btn-syncstyle-light {
		color: #1d4e89;
  		background-color: #ffffff;
  		border-color: #1d4e89;
  		border-radius: 50px;
		font-weight:400;
		font-size: 18px;
		padding-left: 16px;
		padding-right: 16px; 
		}

	.btn-syncstyle-light:hover,
	.btn-syncstyle-light:active,
	.btn-syncstyle-light:focus,
	.btn-syncstyle-light.active {
  		background: #1d4e89;
  		color: #ffffff;
  		border-color: #1d4e89;
		}
	
	
	.btn-syncstyle-jumbo {
  		color: #ffffff;
  		background-color: #00adef;
  		border-color: #00adef;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		}

	.btn-syncstyle-jumbo:hover,
	.btn-syncstyle-jumbo:active,
	.btn-syncstyle-jumbo:focus,
	.btn-syncstyle-jumbo.active {
  		background: #ffffff!important;
  		color: #00adef!important;
  		border-color: #ffffff!important;
		}
	
	.btn-syncstyle-jumbo-light {
  		color: #ffffff;
  		background-color: #1d4e89;
  		border-color: #ffffff;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		}

	.btn-syncstyle-jumbo-light:hover,
	.btn-syncstyle-jumbo-light:active,
	.btn-syncstyle-jumbo-light:focus,
	.btn-syncstyle-jumbo-light.active {
		background: #ffffff!important;
  		color: #00adef!important;
  		border-color: #ffffff!important;
		}	  
	

 	.btn-syncstyle-jumbo-top {
  		color: #ffffff;
  		background-color: #1d4e89;
  		border-color: #ffffff;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		min-width:225px;
		}

	.btn-syncstyle-jumbo-top:hover,
	.btn-syncstyle-jumbo-top:active,
	.btn-syncstyle-jumbo-top:focus,
	.btn-syncstyle-jumbo-top.active {
		background: #00adef!important;
  		color: #ffffff!important;
  		border-color: #00adef!important;
		}
	
	.btn-syncstyle-jumbo-top-light {
  		color: #1d4e89;
  		background-color: #ffffff;
  		border-color: #1d4e89;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		min-width:225px;
		}

	.btn-syncstyle-jumbo-top-light:hover,
	.btn-syncstyle-jumbo-top-light:active,
	.btn-syncstyle-jumbo-top-light:focus,
	.btn-syncstyle-jumbo-top-light.active {
		background: #00adef!important;
  		color: #ffffff!important;
  		border-color: #00adef!important;
		}
		  
	.btn-syncstyle-jumbo-dark {
  		color: #ffffff;
  		background-color: #1d4e89;
  		border-color: #1d4e89;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		}

	.btn-syncstyle-jumbo-dark:hover,
	.btn-syncstyle-jumbo-dark:active,
	.btn-syncstyle-jumbo-dark:focus,
	.btn-syncstyle-jumbo-dark.active {
  		background: #00adef!important;
  		color: #ffffff!important;
  		border-color: #00adef!important;
		}

.btn-syncstyle-jumbo-dark-2 {
  		color: #ffffff;
  		background-color: #00adef;
  		border-color: #--adef;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		}

	.btn-syncstyle-jumbo-dark-2:hover,
	.btn-syncstyle-jumbo-dark-2:active,
	.btn-syncstyle-jumbo-dark-2:focus,
	.btn-syncstyle-jumbo-dark-2.active {
  		background: #00adef!important;
  		color: #ffffff!important;
  		border-color: #00adef!important;
		}
	
	.btn-syncstyle-jumbo-light2 {
  		color: #1d4e89;
  		
  		border-color: #1d4e89;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		}

	.btn-syncstyle-jumbo-light2:hover,
	.btn-syncstyle-jumbo-light2:active,
	.btn-syncstyle-jumbo-light2:focus,
	.btn-syncstyle-jumbo-light2.active {
  		background: #00adef!important;
  		color: #ffffff!important;
  		border-color: #00adef!important;
		}

.btn-syncstyle-jumbo-light-3 {
  		color: #ffffff;
  		
  		border-color: #ffffff;
  		border-radius: 50px;
		padding:18px;
		font-weight:600;
		font-size: 18px;
		padding-left: 30px; padding-right: 30px; 
		text-transform: uppercase;
		}

	.btn-syncstyle-jumbo-light-3:hover,
	.btn-syncstyle-jumbo-light-3:active,
	.btn-syncstyle-jumbo-light-3:focus,
	.btn-syncstyle-jumbo-light-3.active {
  		background: #00adef!important;
  		color: #ffffff!important;
  		border-color: #00adef!important;
		}
		  
		.btn-dark {
    background-color:#00adef!important;
    font-size: 18px;
    font-weight: 700;
    border-color:#00adef;
    border-width: 1px;
    border-radius:25px;
    padding-left: 20px!important;
    padding-right: 20px!important;
    color:#ffffff;
    cursor: pointer;
    }
.btn-dark:hover {
    background-color:#0d3b66!important;
    color:#ffffff;
    border-color:#0d3b66;
    
    }
	
.syncblue { color: #00adef; }
.sync-blue { color: #00adef; }

		  
	/* Changing things */

		.home-hero-h1 {
			font-weight:700;
			font-size:70px;
			line-height:82px;
			color:#faf4d3;
			}  
	
		.home-hero-lead {
			font-size: 24px; 
			line-height: 40px; 
			font-weight:400px; 
			padding-top:8px;
			padding-bottom:16px;
			color:#ffffff;
			}
	
		.home-section-h2 {

			font-weight:700;
			font-size:44px;
			line-height:50px;
			color:#303030;
			padding-bottom:8px;

			}



		.home-section-p {
			font-size: 22px; 
			line-height: 34px; 
			font-weight:400px; 
			color:#303030;
			}


		.inner-section-h1 {

			font-weight:700;
			font-size:60px;
			line-height:82px;
			color:#303030;
			}
	
		.inner-section-p {
			font-size: 22px; 
			line-height: 34px; 
			font-weight:400px; 
			color:#303030;
			}

		.inner-section-h1 {

			font-weight:700;
			font-size:60px;
			line-height:70px;
			color:#303030;
			}

.inner-section-h2 {

			font-weight:700;
			font-size:50px;
			line-height:60px;
			color:#303030;
			padding-bottom:8px;

			}
	
		.home-section-p {
			font-size: 22px; 
			line-height: 34px; 
			font-weight:400px; 
			color:#303030;
			}
	
		.inner-section-lead {
			font-size: 22px; 
			line-height: 36px; 
			font-weight:400px; 
			padding-top:8px;
			padding-bottom:16px;
			color:#303030;
			}

#contact-us input.error, #sign-up input.error, #sign-up-inline input.error {
    outline: 3px solid #f4d35e!important;
}

#contact-us label.error, #sign-up label.error, #sign-up-inline input.error {
    position: absolute;
    left: -999em!important;
}



#video-overlay {
    position: fixed; 
    top: 0; 
    left: 0; 
    margin: 0;
    padding: 0;
    z-index: 9999; 
    background: #000000;
    background: rgba(0,0,0,0.85);
    width: 100%; 
    height: 100%;
    color: white;
}

#video-overlay a.close-modal {
    position:absolute;
    float:right;
    right: 1em;
    top: 1em;
}

.modal-footer {
    border-width:0px;
    
}

.canpricing {display:none; }
.cancon {display:none;}

/* Mobile Optimizations */


	/*Default*/
	.sync-showcase {
			margin-bottom:24px;
			border-radius: 20px;
			max-height:413px;
			}

	.sync-about-showcase {
			margin-top:16px;
			border-radius: 20px;
			max-height:413px;
			}

	.product-animation {
			/* actually hidden on this view */
			height:255px;
			margin-top:28px;
		
			}

	.pricing-button {
		width:150px;
		font-size:14px;
		}

	.about-header {
		height:auto; 
		background-image: none;

		}

.about-hero {
	padding: 0px 0px 0px 0px; 
	margin-top:-80px;
	}
.blog-nav {font-size:18px;}

.big-hr {font-size:48px; line-height: 60px;}
	
	/* Small devices (landscape phones, 544px and up) */
	@media (min-width: 544px) {  


		.sync-showcase {
			margin-bottom:24px;
	
			}
		
			.sync-about-showcase {
			margin-top:0px;margin-bottom:0px;
		
			}
		
		.about-hero {
	padding: 0px 0px 0px 0px; 
	margin-top:-80px;
	}
		
				.blog-nav {font-size:18px;}


		
		}

	
 
	/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 768px) { 
		
				.big-hr {
font-size:60px;
			line-height:70px;
			}
		
		
		.home-hero-h1 {
			font-weight:700;
			font-size:60px;
			line-height:72px;
			color:#faf4d3;
			}  
		
		.sync-showcase {
			margin:0px;
			}
		
		.product-animation {	
			height:400px;
			margin-top:0px;
			}
		
		.pricing-button {
			width:200px;
			}
		
		.about-header {
			height:540px; 
			background-size: auto 540px;
			background-image: url(../assets-images/about_header_back2.jpg);
    		background-repeat: no-repeat;
    		background-position: right bottom;

			}
		
			.sync-about-showcase {
			margin-top:0px;margin-bottom:0px;
		
			}
		
				.about-hero {
			background-color:#ffffff; 
			padding: 60px 0px 0px 0px; 
			margin-top:-80px;
			}
		
				.blog-nav {font-size:18px;}

		 
		}
 
	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) { 
  		.home-hero-h1 {
			font-weight:700;
			font-size:60px;
			line-height:72px;
			color:#faf4d3;
			}  
		.home-hero-lead {
			font-size: 20px; 
			line-height: 34px; 
			font-weight:400px; 
			padding-top:8px;
			padding-bottom:16px;
			color:#ffffff;
			}
		
		.home-hero-jumbotron {
			height:594px; 
			}

		.home-hero-jumbotron.show-complex-password {
			height:703px; 
			}
	
		
		.product-animation {	
			height:525px;
			margin-top:0px;
			}
		
		.pricing-button {
			width:200px;
			}
		
		.about-header {
			height:540px; 
			background-size: auto 540px;
			background-image: url(../assets-images/about_header_back2.jpg);
    		background-repeat: no-repeat;
    		background-position: right bottom;

			}	
		
			.sync-about-showcase {
			margin-top:0px;margin-bottom:0px;
		
			}
		
				.about-hero {
			background-color:#ffffff; 
			padding: 60px 0px 0px 0px; 
			margin-top:-80px;
			}
		
				.blog-nav {font-size:22px;}

		
		}
 
	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {  
		
		
		.home-hero-h1 {
			font-weight:700;
			font-size:64px;
			line-height:72px;
			color:#faf4d3;
			}  
		.home-hero-lead {
			font-size: 22px; 
			line-height: 34px; 
			font-weight:400px; 
			padding-top:8px;
			padding-bottom:16px;
			color:#ffffff;
			}
		
		.home-hero-jumbotron {
			height:594px; 
			}

		.home-hero-jumbotron.show-complex-password {
			height:703px; 
			}
		
		.product-animation {
			height:625px;
			margin-top:0px;
			}
		
		.pricing-button {
			width:200px;
			}
		
		.about-header {
			height:540px; 
			background-size: auto 540px;
			background-image: url(../assets-images/about_header_back2.jpg);
    		background-repeat: no-repeat;
    		background-position: right bottom;

			}
		
		.sync-about-showcase {
			margin-top:0px;margin-bottom:0px;
		
			}
		
		.about-hero {
			background-color:#ffffff; 
			padding: 60px 0px 0px 0px; 
			margin-top:-80px;
			}
		
		.blog-nav {font-size:22px;}

		
		
		}





.clearfix {
	clear: both;
}

.eupopup-container {
	background-color: #ffffff;
	color: #000000;
	padding: 14px;
	font-size: 14px;
	text-align: center;
	display: none;
	z-index: 9999999;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color:#e6e6e6;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 350px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 350px;
}

.eupopup-closebutton {
	font-size: 14px;
	color: #000000!important;
	position: absolute;
	top: 0; right: 0;
	padding: 7px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #000;
	text-decoration: none;
}

.eupopup-head {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0px 8px 0px!important;
	color: #000000;
    display:block!important;
}

.eupopup-body {
    font-size: 14px!important;
	color: #000000;
    padding: 0px 0px 8px 0px!important;
}

.eupopup-buttons {

}

.eupopup-button_1 {
	color: #00adef;
    font-weight: normal;
	font-size: 14px;
    
}

.eupopup-button_2 {
	color: #00adef;
	font-weight: normal;
	font-size: 14px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #000000;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}


.complex-password {
  color: #000;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.complex-password .password-strength {
  margin-top: 10px;
}

.complex-password .password-strength .rating {
  display: inline-flex;
}

.complex-password .password-strength .rating .value {
  color: #000;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.complex-password .password-strength .bar {
  display: block;
  background-color: #A2A2A2;
  height: 5px;
  border-radius: 4px;
  margin: 4px 0;
  overflow: hidden;
}

.complex-password .password-strength .bar .fill {
  display: block;
  height: 100%;
}

.complex-password .requirements label {
  display: flex;
	align-items: center;
  margin-bottom: 4px;
}

.complex-password .hint {
	color: #A2A2A2;
	font-size: 17px;
	margin-left: 4px;
}

.complex-password .requirements .checklist .check {
  display: flex;
  align-items: center;
  gap: 5px;
}

.complex-password .requirements .checklist .check img {
  height: 18px;
  width: 18px;
}

.complex-password label {
  font-weight: inherit;
  margin: 0;
}