html,
    body,
    header,
    .jarallax {
      height: 100%;
    }
	.navbar {
    font-weight: 400;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}
	.designer .navbar {
    background-color: #658EC8;
	}
	.navbar-dark .navbar-brand {
    color: black;
	}
	.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: black;
    transition: 0.35s;
	}
	.navbar.navbar-dark .navbar-toggler {
    color: black;
	}
	.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #CE3F36;
	}
	.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: #CE3F36;
	}
	.designer .navbar:not(.top-nav-collapse) {
    background-color: transparent;
	}
	.designer .icon-area .btn-floating:hover {
    background: #658EC8 !important;
	}
	.designer .progress-bar {
    height: 0.4rem;
    color: #fff;
    background-color: #658EC8;
	}
	a {
    color: #658EC8;
    cursor: pointer;
	}
	a:hover {
    color: #CE3F36;
    cursor: pointer;
	}
	.designer .btn-secondary {
    background: #658EC8!important;
	}
	.designer .btn-secondary:focus, .designer .btn-secondary:hover {
    background-color: #CE3F36!important;
	}
	.designer .md-pills .nav-item .nav-link.active {
    box-shadow: none;
    color: #658EC8;
    background-color: transparent;
    border-color: transparent;
	}
	.designer .md-pills .nav-item .nav-link:hover {
    background-color: transparent;
    color: #CE3F36;
    border-color: transparent;
	}
	.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: #658EC8!important;
	}
	.hero-image {
	  background-image:url("/img/thesignpiratelogo.png");

	  /* Set a specific height */
	  height: 100%;

	  /* Position and center the image to scale nicely on all screens */
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  position: relative;
	}
	.hero-image2 {
	  background-image:url("/img/thesignpiratelogo.png");

	  /* Set a specific height */
	  height: 80%;

	  /* Position and center the image to scale nicely on all screens */
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  position: relative;
	}
	.md-form input:not([type]):focus:not([readonly]), .md-form input[type=password]:not(.browser-default):focus:not([readonly]), .md-form input[type=email]:not(.browser-default):focus:not([readonly]), .md-form input[type=url]:not(.browser-default):focus:not([readonly]), .md-form input[type=time]:not(.browser-default):focus:not([readonly]), .md-form input[type=date]:not(.browser-default):focus:not([readonly]), .md-form input[type=datetime]:not(.browser-default):focus:not([readonly]), .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .md-form input[type=tel]:not(.browser-default):focus:not([readonly]), .md-form input[type=number]:not(.browser-default):focus:not([readonly]), .md-form input[type=search]:not(.browser-default):focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=text]:not(.browser-default):focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #658EC8;
    box-shadow: 0 1px 0 0 #658EC8;
	}
	.md-form input:not([type]):focus:not([readonly])+label, .md-form input[type=password]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=email]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=url]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=time]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=date]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=datetime]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=tel]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=number]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=search]:not(.browser-default):focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=text]:not(.browser-default):focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas {
    color: #658EC8;
	}
	.designer input[type=password]:focus:not([readonly])+label, .designer input[type=email]:focus:not([readonly])+label, .designer input[type=text]:focus:not([readonly])+label, .designer textarea.md-textarea:focus:not([readonly])+label {
    color: #658EC8;
	}
	.designer input[type=password]:focus:not([readonly]), .designer input[type=email]:focus:not([readonly]), .designer input[type=text]:focus:not([readonly]), .designer textarea.md-textarea:focus:not([readonly]) {
    border-color: #658EC8;
    box-shadow: 0 1px 0 0 #658EC8;
	}