@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

* {
    padding:0;
    margin:0;
    font-family: 'Roboto', sans-serif;
    font-size:100%;
    font-weight:400;
    box-sizing:border-box;
    text-decoration:none;
}

p {
    padding-top:6px;
    padding-bottom:6px;
}

ul {
    list-style:none;
}

ul li:before {
    content: "\25A0";
    color: #FBD40B;
    font-weight: bold;
    display: inline-block;
    width: 20px;
    margin-left: 0px;
}

b {
    font-weight:700;
}

body {
    background-color: #F7F2E1;
}

.insurance-logo {
    margin-right:30px;
    margin-bottom:30px;
}

#about-video {
    margin:20px 0px;
    width:70%;
    cursor:pointer;
}

.gallery-container {
    display:flex;
    flex-wrap:wrap;
}

.gallery-image, .gallery-video {
    margin-right:4px;
    margin-bottom:4px;
    width:150px;
    cursor:pointer;
}

.gallery-image img {
    width:100%;
}

#gallery-display-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    opacity:0;
	background: rgba(0,0,0,1);
	transition:opacity 0.3s;
}

#gallery-display-container #full-size-image,
#gallery-display-container #full-size-video {
    position:fixed;
    left:50%;
    top:50%;
}

.gallery-icon {
    cursor:pointer;
    position:absolute;
}

#gallery-previous {
    position:absolute;
    left:0;
    top:50px;
}

#header-wrapper {
    display:none;
}

#page-wrapper {
    display:table;
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}

#left-panel,
#right-panel {
    display:table-cell;
    vertical-align:top;
}

#left-panel {
    width:230px;
    background-color:#0A6FB5;
}

#left-panel #left-menu {
    margin-top:20px;
    padding:8px 0 8px 0;
}

#left-panel img {
    display:block;
}

#left-panel .menu-entry {
    text-align:center;
    padding-top:8px;
    padding-bottom:8px;
}

#left-panel .menu-entry a {
    color:#fff;
    font-size:1.3rem;
    text-align:center;
    transition:color 0.5s;
}

#left-panel .menu-entry a:hover,
#left-panel .menu-entry.current a {
    color:#FCD20A;
}

#right-panel {
    color:#06517F;
    padding-left:8px;
    font-size:1.1rem;
}

#right-panel a {
    color:#0B91E5;
}

#right-panel #content-wrapper,
#right-panel #footer-wrapper {
    padding:8px;
}

#right-panel h1 {
    font-size:1.8rem;
    color:#1F497D;
    padding-top:20px;
    padding-bottom:10px;
    font-weight:bold;
    text-transform:uppercase;
}

#right-panel #h1-ruler {
    background-color:#1F497D;
    height:4px;
    width:400px;
    margin-bottom:30px;
}

#right-panel h2 {
    color:#1F497D;
    padding-top:30px;
    padding-bottom:4px;
    margin-bottom:20px;
    font-weight:bold;
    text-transform:uppercase;
    font-size:1.4rem;
    border-bottom:2px solid #1F497D;
}

#right-panel #footer-ruler {
    background-color:#0A6FB5;
    height:1px;
    margin-top:30px;
    margin-bottom:10px;
}

#footer {
    color: #1F497D;
    font-size: 0.8rem;
    font-weight: normal;
}

#footer-wrapper {
    display: flex;
    justify-content: space-between;
    width:100%;
}

#footer-left {
    align-self: flex-start;
}

#footer-left #copyright {
    font-size:1rem;
    position:relative;
    top:8px;
}

#footer-right {
    align-self: flex-end;
}

#footer-right img {
    width:32px;
}

#contact-map-wrapper {
    width:100%;
    height:300px;
}

#contact-map {
    width:100%;
    height:100%;
}

.leaflet-control {
    display:none;
}

#contact-wrapper {
    display:table;
}

#contact-wrapper a {
    color:#1F497D;
}

.contact-icon {
    width:60px;
}

.contact-text {
    font-weight:bold;
    font-size:1.2rem;
    position:relative;
    top:-24px;
    left:12px;
}

#right-panel a.signup,
input[type="submit"] {
    display: inline-block;
    font-size:1.3rem;
    cursor: pointer;
    text-align: center;
    background: #0A6FB5;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #FBD40B;
    border: none;
    border-radius: 20px;
    transition: color 0.5s;
    margin-top:10px;
    margin-bottom:20px;
}

#right-panel .signup:hover,
input[type="submit"]:hover {
    color:#fff;
}

#branches li {
    font-size:1.2rem;
    margin-bottom:6px;
    margin-top:6px;
}

.prices-table {
    display:table;
    width:100%;
}

.prices-row {
    display:table-row;
}

.prices-item,
.prices-price {
    display:table-cell;
    border-bottom:1px solid #0871B5;
}

.prices-price {
    width:96px;
    text-align:right;
}

.form-element {
    margin-bottom:16px;
}

label {
    font-weight:bold;
    font-size:1.1rem;
}

input, select, textarea {
    font-size:1rem;
    background-color:#fff;
    width:250px;
    padding:6px;
    margin-top:2px;
}

input[type="submit"] {
    width:auto;
}

textarea {
    width:100%;
    height:100px;
}

#signup-error,
#signup-message {
    width:100%;
    color:#fff;
    padding:12px;
    font-size:1.1rem;
    margin-bottom:10px;
    display:none;
}

#signup-error {
    background-color:red;
}

#signup-message {
    background-color:green;
}