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

@import url('//fonts.googleapis.com/css?family=Open+Sans');

html {
  position: relative;
  min-height: 100%;
}
body {background-color: #fff; margin: 0px; padding: 0px; font-family:Open Sans,arial, sans serif; font-size: 14px; line-height: 18px; color: #777;}
header {background-color: #fff;}
.header {margin: 0 auto; max-width: 1200px; padding: 10px 0px; font-size: 26px;}
.logo {width: 23%; margin-right: 2%; float: left;}
.logo img {max-width: 100%;}
.travelInsurance {width: 50%; float: left; margin-top: 5px;}
.TIimg {width: 50px; height: 50px; float: left; margin-right: 10px;}
.TIimg img {width: 50px; height: 50px; float: left; margin-right: 10px;}
.TIheading a {color: #58585a; font-weight: 900; font-size: 30px; line-height: 26px; text-decoration: none;}
.TItextWrap {float: left; display: inline-block;}
.TItext a {font-size: 18px; color: #777; text-decoration: none;}
.TIpage img {width: 50px; height: auto; float: left; margin-right: 10px; margin-top: -7px;}
.TIpage a {font-size: 30px; display: block;}
.TIpage {margin-top: 40px;}
.phone {width: 25%; float: right; text-align: right; color: #74c043; margin-top: 5px; font-size: 18px;}
.phone span {color: #58585a; display: block; font-size: 30px; font-weight: 900; margin-top: 10px;}
.phone img {width: 100%; height: auto;}
.phone a {float: right; margin-left: 10px;  max-height: 50px; width: 50px;}
nav {background-color: #74c043;}
nav ul {padding: 0px; margin: 0 auto; max-width: 1200px;}
nav ul li {display: inline-block;}
nav ul li:last-of-type {}
nav ul li a {display: block; padding: 8px 14px; color: #fff; text-decoration: none;}
nav ul li a:hover {background-color: #333;}
nav ul li a img {padding: 0px; display: inline-block; vertical-align: middle;}

nav ul .menuWrap {display: none;}
nav ul .menuWrap li {display: block;}
nav ul .menuWrap li.last {float: left;}
nav ul .menuWrap li a:hover {color: #74c043;}
nav ul li:hover > .menuWrap {display: block; position: absolute; z-index: 19999; background-color: #333;}
nav ul li:hover > a {background-color: #333; color: #74c043;}

.conditions {font-size: 12px;}

.contentWrap {margin: 0 auto; max-width: 1200px; width: 100%; flex: 1; padding: 20px 0px;}
.content {width: 72%; float: left; margin-right: 3%;}
.content label {clear: both; background-image: url(../images/required.png); background-repeat: no-repeat; background-position: top right; padding-right: 10px;}
.content input[type="text"] {clear: both; padding: 5px; margin: 5px 0px 10px 0px; border: 1px solid #999;}
.content input[type="email"] {clear: both; padding: 5px; margin: 5px 0px 10px 0px; border: 1px solid #999;}
.content input[type="number"] {clear: both; padding: 5px; margin: 5px 0px 10px 0px; border: 1px solid #999;}
.content input[type="submit"] {float: right; margin: 10px 0px 0px 0px; padding: 10px 0px; cursor: pointer; background-color: #74c043; color: #fff; width: 200px; max-width: 100%; border: none;}
.content input[type="submit"]:hover {background-color: #333;}
.content textarea {height: 150px; padding: 5px; margin: 5px 0px 0px 0px; border: 1px solid #999;}
.content .error {color: #74c043;}
.contact_form_row {clear: both; width: 80%;}
.shorttextfield {width: 50%; clear: both; display: block;}
.longtextfield {width: 99%; clear: both; display: block;}
.textarea {width: 99%; max-width: 99%; clear: both; display: block;}
.required span {color: #74c043;}
p.error {font-size: 20px; margin-bottom: 30px;}
.content a {color: #74c043; text-decoration: none;}
.content a:hover {text-decoration: underline;}

.tel a {text-decoration: none; color: #333;}

.sideBar {width: 25%; float: left; background-color: #fff; padding: 0px; z-index: 2000; position: relative;}
.sideBar h3 {color: #333; font-size: 20px; line-height: 26px; margin: 0px; text-align: center; font-weight: normal;}
.sideBar h4 {color: #74c043; font-size: 30px; line-height: 30px; margin: 0px; font-family: arial black, arial; text-align: center;}
.sideBar h5 {color: #74c043; font-size: 48px; line-height: 48px; margin: 0px 0px 0px 0px; text-align: center; font-weight: 900;}
.sideBar .email {text-align: center; margin: 5px 0px 10px 0px;}
.sideBar .email a {color: #333; font-size: 21px; line-height: 21px; font-weight: bold; text-decoration: none;}
.sideBar span {color: #74c043; font-size: 16px; line-height: 26px; margin: 40px 0px 0px 0px; font-weight: bold; display: block;}
.sideBar ul {margin: 0px; padding: 0px 0px 0px 20px;}
.sideBar .form {background-color: #333; padding: 10px; margin: 20px 0px 0px 0px; color: #fff;}
.sideBar .text {width: 100%; float: left;}
.sideBar label {width: auto; background-image: url(../images/required.png); background-repeat: no-repeat; background-position: top right; padding-right: 10px; margin-bottom: 3px;}
.sideBar .form span {width: auto; float: left; margin: 0px;}
.sideBar .form .headline {margin-bottom: 10px;}
.sideBar .field {width: 100%; float: left;}
.sideBar input[type="text"] {border: none; width: 96%; padding: 2%; margin-bottom: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.sideBar input[type="email"] {border: none; width: 96%; padding: 2%; margin-bottom: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.sideBar input[type="number"] {border: none; width: 96%; padding: 2%; margin-bottom: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.sideBar textarea {border: none; width: 96%; max-width: 96%; padding: 2%; font-family: arial; margin-bottom: 5px; height: 100px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-top: 3px;}
.sideBar input[type="submit"] {width: 50%; margin: 0px 1px 0px 0px; float: right; padding: 5px 0px; cursor: pointer; background-color: #74c043; color: #fff; border: 1px solid #74c043; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.sideBar input[type="submit"]:hover {background-color: #333;}
.sideBar .contact_form_row {width: 100%;}
.sideBar span.error {font-weight: normal; font-size: 12px; line-height: 16px; display: block; float: none;}
.sideBar p.error {color: #74c043; font-size: 16px; text-align: center;}
.home {margin-top: 0px;}

.rotatorWrap {width: 100%;}
.headline {color: #fff; margin-bottom: 5px; font-weight: bold; font-size: 20px; line-height: 24px; text-align: center;}
.appointment {color: #74c043; font-size: 20px; line-height: 26px; margin: 20px 0px 0px 0px; font-weight: bold; text-align: center;}
.notice {margin-bottom: 30px;}

#footer_text{width: 100%; text-align: center; margin-bottom: 5px; color: #CCC;}

#website_by {width: 100%; text-align: center; margin-bottom: 20px; color: #777;}
#website_by a { color: #777; text-decoration: underline;}

ul#breadcrumb {margin: 0px; padding: 0px; font-size: 12px;}
ul#breadcrumb li {display: inline-block; margin-right: 5px;}
ul#breadcrumb li a:link {color: #74c043; text-decoration: none;}
ul#breadcrumb li a:visited {color: #74c043;}
ul#breadcrumb li a:after{content:" >"}

.clientTypeListing {float: left; width: 30%; margin-right: 3%; margin-bottom: 10px;}
.clientTypeListing img {width: 100%; height: auto;}
.clientTypeListing a {color: #74c043; text-decoration: none;}
.clientTypeListing a:hover {text-decoration: underline;}

.insuranceTypeListing {float: left; width: 47%; margin-right: 3%; margin-bottom: 10px;}
.insuranceTypeListing img {width: 100%; height: auto;}
.insuranceTypeListing a {color: #74c043; text-decoration: none;}
.insuranceTypeListing a:hover {text-decoration: underline;}



footer {background-color: #333; background-repeat: repeat; position: absolute; bottom: 0; clear: both; width: 100%;}
.footerMenuWrap {background-color: #74c043; width: 100%; border-bottom: 1px solid #333;}
.footerMenu {width: 1200px; margin: 0 auto;}
.footerMenu ul {margin: 0px; list-style: none; padding: 0px;}
.footerMenu ul li {display: inline-block; =}
.footerMenu ul li a {color: #fff; text-decoration: none; padding: 8px 14px; display: block;}
.footerMenu ul li a:hover {background-color: #333;}
.footerMenu img {vertical-align: middle;}
.footer {margin: 0 auto 20px auto; max-width: 1200px; padding: 20px 0px;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
.footer .headline {color: #74c043; font-size: 18px; margin-bottom: 10px; display: block; text-align: left;}
.footer ul {width: 22%; float: left; list-style: none; padding: 0px; margin: 0px 3% 0px 0px;}
.footer li {}
.CB {clear: both;}
img {border: 0px; height: auto;}
h1 {color: #74c043; line-height: 1em; font-size: 1.75em;}
h2 {color: #333; line-height: 1em; font-size: 1.5em;}
.column1 {width: 31.33333333333333%; float: left; margin-right: 2%;}
.column2 {width: 66.66666666666667%; float: left;}
.highlightBox {clear: both; border: 1px dashed #999; padding: 2%; margin: 30px 0px; float: left; width: auto;}
.highlightBox .headline {margin: 0px 0px 10px 0px; color: #74c043; text-align: left;}
.highlightBox table {font-size: 20px; margin-bottom: 20px; margin-top: 10px;}

.heroImage {height: auto; background-size: 100% auto; background-position: top center; position: relative;}
.heroImage img {max-width: 100%; position: relative; display: block; margin: 0 auto;}
.heroCaptionWrap {height: 100%; display: block; width: 100%; position: absolute;}
.heroCaptionWrapCenter {max-width: 1200px; margin: 0 auto; height: 100%; display: block; width: 100%; position: relative;}
.heroCaption {background-image: url(../../assets/images/captionBkg.png); position: absolute; padding: 10px; z-index: 9999; color: #fff; margin-top: 20px; font-size: 18px; line-height: 24px;}

.formText {float: left; width: 20%;}
.formField {float: left; width: 80%;}

.show-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #74c043; text-align: center; padding: 10px 0; display: none; cursor: pointer;}
input[type=checkbox]{display: none; -webkit-appearance: none;}
input[type=checkbox]:checked ~ .menu {display: block;}
input[type=checkbox]:checked ~ #headerMenu {display: block;}
input[type=checkbox]:checked ~ #footerMenu {display: block;}

.show-footer-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; background: #74c043; text-align: center; padding: 10px 0; display: none; cursor: pointer;}


/* for 1220px or less */
@media screen and (max-width:1220px) {
	.header {padding: 2%;}
	.contentWrap {width: 96%; padding: 2% 2% 30px 2%;}
	.footerMenu {width: 100%;}
	.footer {padding: 2%;}
	.footer ul {width: 25%; margin-bottom: 20px;}
	.footer ul:nth-of-type(4) {clear: both;}
	
	.sideBar h3 {white-space: nowrap; font-size: 20px; line-height: 20px;}
        .sideBar h4 {font-size: 28px;}
	.sideBar h5 {font-size: 48px;}
        .sideBar .email a {font-size: 21px;}
        .contact_form_row {width: 100%;}
        .content {width: 60%;}
        .sideBar {width: 30%;}


.travelInsurance {width: 50%; float: left; margin-top: 5px;}
.TIheading a {color: #58585a; font-weight: 900; font-size: 20px; line-height: 26px; text-decoration: none;}
.TItext a {font-size: 16px; color: #777; text-decoration: none;}
.phone span {font-size: 22px;}

}

/* for 900px or less */
@media screen and (max-width:900px) {
        .sideBar h3 {font-size: 16px; white-space: nowrap;}
	.sideBar h4 {font-size: 12px; line-height: 12px;}
        .sideBar h5 {font-size: 37px; margin-bottom: 0px;}
        .sideBar .email a {font-size: 16px;}
        .appointment {line-height: 20px; margin-top: 5px;}
        .clientTypeListing {width: 46%; margin-right: 3%; min-height: 370px;}
        .insuranceTypeListing {width: 46%; margin-right: 3%; min-height: 370px;}

        .travelInsurance {width: 60%; float: left; margin-top: 5px; clear: both;}
        .phone {width: 40%; float: right; margin-top: 5px;}

}

/* for 740px or less */
@media screen and (max-width:740px) {
	.footer ul {width: 50%; margin-bottom: 20px;}
	.footer ul:nth-of-type(4) {clear: none;}
	.column1 {width: 100%;  margin-right: 0px;}
	
	.logo {width:40%;}
	
	.sideBar {width: 100%; clear: both; padding: 0px;}
	.content {width: 96%; clear: both; margin-bottom: 100px;}
        .sideBar input[type="text"] {width: 98%; padding: 1%;}
        .rmm {max-width: 900px;}
        .clientTypeListing {min-height: 400px;}
        .insuranceTypeListing {min-height: 400px;}

	nav ul {position: static; display: none;}
	nav li {border-top: 1px solid #84d252; border-bottom: 1px solid #5ba32d;}
	nav li:hover {background-color: #5ba32d; border-top: 1px solid #5ba32d;}
	nav ul li a:hover {background-color: transparent;}
	nav ul li, li a {display: block;}

.travelInsurance {width: 65%; float: left; margin-top: 5px; clear: both;}
.TIheading a {font-size: 16px;}
.TItext a {font-size: 14px;}
.phone {width: 35%; float: right; margin-top: 5px;}

}

/* for 600px or less */
@media screen and (max-width:600px) {


	.show-footer-menu {display:block;}
	.footerMenu ul {position: static;}
	.footerMenu li {border-top: 1px solid #84d252; border-bottom: 1px solid #5ba32d;}
	.footerMenu li:hover {background-color: #5ba32d; border-top: 1px solid #5ba32d;}
	.footerMenu ul li a:hover {background-color: transparent;}
	.footerMenu ul li, li a {display: block;}
	
	.highlightBox {width: 90%; padding: 5%;}
	nav ul li:last-of-type {float: none;}

        .rotatorWrap {display: none;}
.clientTypeListing {min-height: 380px;}
.insuranceTypeListing {min-height: 380px;}

.heroImage {display: none;}




}



/* for 480px or less */
@media screen and (max-width:480px) {
	.footer {padding: 0px;}
	.footer li a strong {font-size: 16px; margin: 0px; padding: 2px 0px;}
	.footer ul {width: 100%; margin: 0px;}
	.footer li {border-top: 1px solid #444; border-bottom: 1px solid #222;}
	.footer li a {padding: 4px 10px; display: block; font-size: 12px;}
	.footer li a:hover {text-decoration: none;}
	.footer li:hover {border-top: 1px solid #222; background-color: #222;}
	
	.phone {}
	.logo {text-align: center; width: 100%;}
	.footer .headline {margin: 0px; padding: 5px;}
.clientTypeListing {width: 100%; margin: 0px;}
.insuranceTypeListing {width: 100%; margin: 0px;}

.travelInsurance {width: 100%; float: left; margin-top: 5px; clear: both;}
.phone {width: 100%; float: left; margin-top: 5px;}
}