@charset "utf-8";

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(webfonts/eFRpvGLEW31oiexbYNx7Y_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(webfonts/GtRkRNTnri0g82CjKnEB0Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(webfonts/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(webfonts/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(webfonts/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(webfonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(webfonts/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(webfonts/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(webfonts/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(webfonts/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Firefox Webfonts */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(webfonts/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(webfonts/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(webfonts/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(webfonts/2HG_tEPiQ4Z6795cGfdivD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(webfonts/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(webfonts/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}



/********** START - FRAMEWORK STYLES **********/
html, body, section, header, footer, nav,
h1, h2, h3, h4, h5, h6, p,
address, span, img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	-webkit-text-size-adjust: 100%;
}
ul, ol {
	float: left;
    margin-top: 0px;
}
li {
    line-height: 1.3;
}
html, body {
	height: 100%;
	overflow-x: hidden!important;
}

body {
	width: 100%;
	font: 16px Lato, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-weight :normal;
	font-style: normal;
	background: #fff;
}
header {
    width: 92%;
    padding: 0 4% 5px;
    background: #fff;
    z-index: 99;
}
header #logoWrapper {
	width: 157px;
	margin: 0;
	text-align: center;
	max-width: 750px;
    width: 100%;
}
nav {
	display: block;
	position: fixed;
	width: 96%;
	height: 0;
	top: -25px;
	max-width: 750px;
	z-index: 9999;
}
iframe {
	float:left;
	width: 100%;
}
iframe.p3-height {
	height: 800px;
}
#esign iframe {
	height: 800px;	
}
iframe.sizmekIframe {
	float: left;
	width: 0;
	height: 0;
	margin: 0;
	padding:0;
	border:none;
}
section.lowerRate {
	float: left;
	margin-top: 20px;
}
#contentWrapper {
  box-sizing: border-box;
  display: table;
  margin: 0 auto;
  margin-top: -380px;
  max-width: 1140px;
  width: 100%;
}
/*
#sectionContent {
	position: relative;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
*/
.esign #sectionContent {
	max-width: 950px;
}
#rightContentWrapper, #rightContent, #agentAssigned {
	display: none;
}
/*#title {
	float: left;
}
#title #pageIcon {
	float: left;
	width: 58px;
	height: 58px;
	margin: 0 12px -13px 0;
	background: transparent url(../images/icons/personIcon.png) no-repeat 0 0;
}
#aboutYou #title #pageIcon {
	background: transparent url(../images/icons/personIcon.png) no-repeat 0 0;
}
#vehicles #title #pageIcon {
	background: transparent url(../images/icons/vehicleIcon.png) no-repeat 0 0;
}
#title h1 {
	float: left;
	color: #990000;
	font-size: 2.8rem;
	text-align:center;
}
#title h3 {
	float: left;
	margin-top: 10px;
	color: #7e7e7e;
	text-align:center;
	font-size: .938rem;
}*/



.printLogo{
	display:none;	
}
.screenLogo{
	/*display:block;
	  margin-left: -20px;*/	
	width: 320px;
}
.printIcon{
	display:none;	
}
.screenIcon{
	display:block;
	float: left;
	width:52px;
	height:52px;	
}
.printQuote{
	display: none;
}
.printCallAgent{
	display: none;
}
#pageTitle {
  margin: 32px 8% 10px 8%;
}
/*
#title {
	display: table;
	margin:0;
}*/
#title #pageIcon {
	width: 58px;
	height: 58px;
	display: table-cell;
	vertical-align: top;
	background: transparent url(../images/icons/personIcon.png) no-repeat 0 0;
	background-size: 90%;
}
#aboutYou #title #pageIcon,
#addressVerification #title #pageIcon,
#addressStandardization #title #pageIcon,
#excludedDriverDetails #title #pageIcon {
	background: transparent url(../images/icons/personIcon.png) no-repeat 0 0;
	background-size: 90%;
}
#vehicles #title #pageIcon,
#vehicleDetails #title #pageIcon,
#vehicleHistory #title #pageIcon {
	background: transparent url(../images/icons/vehicleIcon.png) no-repeat 0 0;
	background-size: 90%;
}
#drivers #title #pageIcon,
#driverDiscovery #title #pageIcon,
#driverAssignment #title #pageIcon {
	background: transparent url(../images/icons/peopleIcon.png) no-repeat 0 0;
	background-size: 90%;
}
#additionalBuy #title #pageIcon {
	background: transparent url(../images/icons/additionalBuyIcon.png) no-repeat 0 0;
	background-size: 90%;
}
#rate #title #pageIcon,
#rateHasChanged #title #pageIcon,
#paymentOptions #title #pageIcon {
	background: transparent url(../images/icons/rateIconSm.png) no-repeat 0 0;
	background-size: 90%;
}
#history #title #pageIcon,
#thankYou #title #pageIcon {
	background: transparent url(../images/icons/historyIconSm.png) no-repeat 0 0;
	background-size: 90%;
}
#driverHistory #title #pageIcon {
	background: transparent url(../images/icons/driverHistoryIconSm.png) no-repeat 0 0;
	background-size: 90%;
}
#rentersBundle #title #pageIcon {
	background: transparent url(../images/icons/bundleIcon.png) no-repeat 0 0;
	background-size: 90%;
}
#title h1 {
  color: #414042;
  font-family: 'Antonio', sans-serif;
  font-size: 50px;
  line-height: 1.35;
  text-align: center;
}
#purchasedQuote #title h1,
#welcomeBack #title h1, 
#unableToRetrieve #title h1,
#unableToProcess #title h1, 
#referToAgent #title h1{
    padding: 3px 0 0 0;
}
#pageTitle h3 {
  font-family: 'Open Sans',sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #414042;
  text-align: center;
}

#aboutYou {
  font-family: 'Open Sans',sans-serif;	
}

/*added for slide out help*/
.closeLine{
	border-top: 1px solid #8d8d8d;
	margin: 4% 0 0 0;
	padding: 6px 4% 0 4%;
	text-align: center;
	font-weight: bold;
	float: left;
	width: 92%;
	background:url(../images/icons/arrowUp.png) no-repeat center;
	
}

#formGroup {
  float: left;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 40px;
  margin-bottom: 30px;
  overflow: hidden;
}
#formGroup.summary {
	width: 100%;
	padding: 0;
}
#formGroup.summary #inputWrapper {
	width: 100%;
	padding: 0;
}
#formGroup.summary .radio {
	display: table-cell;
	vertical-align: middle;
}
#formGroup.summary .radio input {
	width: 30px;
	height: 30px;
}
#formGroup.summary .radio label {
	width: 100%;
	padding: 0;
}
#validationErrorMsg, .globalErrorMsg {
	display: table;
	float: left;
	width: 85%;
	color: #ab0000;
	background-color: #fff2c5;
	padding: 10px 8%;
}
#validationErrorMsg h3, .globalErrorMsg h3 {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	color: #ab0000;
	font-weight: bold;
}
#validationErrorMsg .warning, .globalErrorMsg .warning {
	display: table-cell;
	width: 51px;
	height: 45px;
	background: transparent url(../images/icons/warning.png) no-repeat left center;
}
.ng-submitted .ng-invalid, .invalid-on-blur, ng-form.submitted .ng-invalid, input[type="text"].invalid-on-blur {
	background-color: #fff2c5;
}
#inputWrapper {
	float: left;
	width: 84%;
	padding: 32px 8%;
}
#inputWrapper p {
	float: left;
	width: 100%;
	color: #555555;
}
#inputWrapper h1{
    float: left;
    width: 100%;
    color: #000;
    font-size: 1.063rem;
    font-weight: bold;
    cursor: pointer;
    /*border-top: solid 1px #eaeaea;*/
	padding-top:10px;
}
#inputWrapper h2 {
	float: left;
	width: 100%;
	color: #555555;
	font-size: .875rem;
	margin-bottom: 15px;
	line-height: 1.2;
}
#inputWrapper h3 {
	float: left;
	width: 100%;
	color: #555555;
	font-size: .813rem;	
}
#inputWrapper h3 a, #inputWrapper label a, .dynamicTable a {
	color: #006699;
	/*font-size: .813rem;*/
	text-decoration: none;
}
#inputWrapper h3.legal {
	float: left;
	width: 100%;
	color: #555555;
	font-size: 1rem;	
}
h6.legal, .inputContent h6.legal {
	margin-top: 20px;
	text-align: center;
	font-size: .813rem;
}
#inputWrapper h3.legal a, h6.legal a {
	color: #006699;
	font-size: 1rem;
	text-decoration: none;
}
.subInputWrapper {
	float: left;
	width: 92%;
	padding: 10px 4% 0 4%;
}
.subInputWrapper h3 {
	float: left;
	width: 100%;
	color: #555555;
}
h6.legal a {
	font-size: .813rem;
}
.buyWrapper {
	float: left;
	width: 100%;
}
.buyTable {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
    margin: 0 auto;
}
.buyTable.single {
	max-width: 360px;
}
.buyRow {
	display: table-row;
	width: 100%;
	height: 100%;
}
.buyCell {
	display: table-cell;
	vertical-align: top;
	width: 48%;
	height: 100%;
	background-color: #f7f7f7;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, .5);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, .5);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.buyContent {
    float: left;
    width: 94%;
    padding: 15px 3%;
}
.buyContent .radioGroup {
	float: none;
	width: 207px;
	margin: 0 auto;
}
.inputContent {
	float: left;
	width: 84%;
	padding: 32px 8%;
}
.inputContent .buyContent h1 {
	display: block;
	float: left;
    width: 100%;
	line-height: 1;
    margin: 10px 0 10px 0;
    text-align: center;
    font-size: 2.5rem;
}
.showUpdate .inputContent .buyContent h1 {
	visibility: hidden;
}
.inputContent .buyContent h1 span {
	font-size: 1.3rem;
    vertical-align: text-top;
    margin-bottom: -20px;
}
.inputContent .buyContent h2 {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 0px;
    padding: 0;
    float: none;
    width: 100%;
    border: none;
    font-weight: normal;
}
.inputContent h6 span {
	float: left;
	width: 100%;
	color: #555555;
    font-size: .813rem;
    text-align: center;
    line-height: 1.3;
    margin-top: 36px;
}
.inputContent .buyContent h4 {
	display: block;
	float: left;
	width: 100%;
    text-align: center;
    font-size: .813rem;
}
.showUpdate .inputContent .buyContent h4 {
	visibility: hidden;
}
.inputContent .premium p {
	color: #555555;
}
.inputContent ul, .inputContent ol {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.inputContent .slide-up ul, .inputContent .slide-up ol {
	width: initial;
}
.inputContent ul li, .inputContent ol li {
	line-height: 1;
    padding: 4px 0;
}

.toggle .inputContent {
	padding: 0 8% 32px 8%;
}
.toggle h2 {
    float: left;
    width: 84%;
    padding: 25px 8%;
    font-size: 1.063rem;
	font-weight: bold;
	cursor: pointer;
    border-top: solid 1px #eaeaea;
}
.toggle h2:first-child {
    border-bottom: none;
}
.toggle h2 span {
    display: block;


    float: right;
    width: 18px;
    height: 19px;
}
.toggle h2.close span {
    background: transparent url(../images/icons/redArrowDown.png) no-repeat 0 8px;
}
.toggle h2.open span {
    background: transparent url(../images/icons/redArrowUp.png) no-repeat 0 8px;
}
.toggle h2.close + .inputContent {
	display: none;	
}
.toggle h2.open + .inputContent {
	display: block;	
}
.toggle h2 p {
    float: left;
    width: 100%;
    font-style: italic;
    color: #555555;
    font-size: .875rem;
    line-height: 1.2;
    font-weight: normal;
}
.inputContent h2 {
	color: #000;
}
.inputContent h3 {
	float: left;
    width: 100%;
	color: #000;
	font-size: 1.063rem;
    margin: 20px 0;
    line-height: 1.2;
}
.inputContent .coverageGroup h3 {
    padding-left: 6%;
    color: #555555;
    line-height: inherit;
    margin: 0;
    font-size: inherit;
}
.inputContent h4 {
	width:100%;
	color: #555555;
    text-align: center;
	font-size: .938rem;
}
.inputContent h5 {
	color: #000;
    font-size: 1.063rem;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.2;
	text-align: center
}
.selectGroup .title label {
	line-height: 1.3;
}
.inputContent .selectGroup .readOnly h3 {
	width: 80%;
    margin: 2px 0 10px 5%;
    font-size: inherit;
    color: #555555;
}
.non-safari .inputContent .selectGroup .readOnly h3 {
	padding-left: 5px;
}
.inputContent .apipGroup .readOnly h3 {
    width: 78%;
    margin: 2px 2% 10px 0%;
    line-height: 1.2;
}            
.coverageGroup .readOnly p {
	width: 14%;
	text-align: right;
}
.labelGroup {
	float: left;
	margin-bottom: 20px;	
}
.labelGroup.fees {
	width: 100%;
}
.labelGroup label {
	float: left;
	width: 100%;
    color: #555555;
}
.labelGroup.fees label span {
	float: right;
	font-size: .875rem;
}
.inputContent .button-wrapper {
    width: 100%;
    min-width: 0;
    margin-top: 0;
}
.radioWrapper {
	float: left;
	width: 100%;
}
#premiumTotal {
    margin-top: 20px;
}
#premiumTotal.radioGroup h3 {
    margin: 0;
}
#premiumTotal.radioGroup label span {
	float: right;
}
.feeSection, .vehicleSection, .rateSection {
	float: left;
	width: 100%;
}
.showUpdate body {
	position: static;
    height: auto;
}
.showUpdate .updateRate {
	display: block;
}
.updateRate {
	display: none;
	position: fixed;
    width: 92%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px 4%;
    background: rgba(0,0,0,0.6);
    z-index: 99;
}
.deletePanel {
	opacity: .9;
}
.deletePanel.open {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.deletePanel.remove {
	display: none;
}
.deleteTable {
	display: table;
    height: 100%;
    width: 100%;
}
.deleteCell {
    display: table-cell;
    width: 100%;	
    vertical-align: middle;
    text-align: center;
}
.cancelSlider, .deleteSlider {
    position: absolute;
    height: 100%;
    width: 40%;
    vertical-align: middle;
	cursor: pointer;
	color: white;
    font-size: 1.125rem;
}
.deleteSlider {
    background-color: #990000;
	right: 0;
	margin-right: -40%;
}
.cancelSlider {
    background-color: #949494;
	right: 40%;
	margin-right: -80%;
}
.deletePanel.open .cancelSlider {
	animation: cancel ease-in-out .5s 1 forwards;
	-webkit-animation: cancel ease-in-out .5s 1 forwards;
	-moz-animation: cancel ease-in-out .5s 1 forwards;
	-o-animation: cancel ease-in-out .5s 1 forwards;
	-ms-animation: cancel ease-in-out .5s 1 forwards;
}
@keyframes cancel{
	0% { transform: translate(0px,0px); opacity: 1;}
	100% {transform: translate(-200%,0px); opacity: 1;}
}
@-moz-keyframes cancel{
	0% {-moz-transform: translate(0px,0px); opacity: 1;}
	/*0% {-moz-transform: translate(0px,0px) rotate(1.7deg); opacity: 1;}*/
	100% {-moz-transform: translate(-200%,0px); opacity: 1;}
}
@-webkit-keyframes cancel {
	0% {-webkit-transform: translate(0px,0px); opacity: 1;}
	100% {-webkit-transform: translate(-200%,0px); opacity: 1;}
}
@-o-keyframes cancel {
	0% {-o-transform: translate(0px,0px); opacity: 1;}
	100% {-o-transform: translate(-200%,0px); opacity: 1;}
}
@-ms-keyframes cancel {
	0% {-ms-transform: translate(0px,0px); opacity: 1;}
	100% {-ms-transform: translate(-200%,0px); opacity: 1;}
}
.deletePanel.open .deleteSlider {
	animation: delete ease-in-out .5s 1 forwards;
	-webkit-animation: delete ease-in-out .5s 1 forwards;
	-moz-animation: delete ease-in-out .5s 1 forwards;
	-o-animation: delete ease-in-out .5s 1 forwards;
	-ms-animation: delete ease-in-out .5s 1 forwards;
}
@keyframes delete{
	0% {transform: translate(0px,0px);}
	100% {transform: translate(-100%,0px);}
}
@-moz-keyframes delete{
	0% {-moz-transform: translate(0px,0px);}
	/*0% {-moz-transform: translate(0px,0px) rotate(1.7deg);}*/
	100% {-moz-transform: translate(-100%,0px); opacity: 1;}
}
@-webkit-keyframes delete {
	0% {-webkit-transform: translate(0px,0px);}
	100% { -webkit-transform: translate(-100%,0px); opacity: 1;}
}
@-o-keyframes delete {
	0% {-o-transform: translate(0px,0px);}
	100% {-o-transform: translate(-100%,0px); opacity: 1;}
}
@-ms-keyframes delete {
	0% {-ms-transform: translate(0px,0px);}
	100% {-ms-transform: translate(-100%,0px); opacity: 1;}
}
.deletePanel.close .cancelSlider {
	animation: closeCancel ease-in-out .5s 1 forwards;
	-webkit-animation: closeCancel ease-in-out .5s 1 forwards;
	-moz-animation: closeCancel ease-in-out .5s 1 forwards;
	-o-animation: closeCancel ease-in-out .5s 1 forwards;
	-ms-animation: closeCancel ease-in-out .5s 1 forwards;
}
@keyframes closeCancel{
	0% { transform: translate(-200%,0px); top: 0; bottom: 0;}
	100% {transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-moz-keyframes closeCancel{
	0% {-moz-transform: translate(-200%,0px); top: 0; bottom: 0;}
	100% {-moz-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-webkit-keyframes closeCancel {
	0% {-webkit-transform: translate(-200%,0px); top: 0; bottom: 0;}
	100% {-webkit-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-o-keyframes closeCancel {
	0% {-o-transform: translate(-200%,0px); top: 0; bottom: 0;}
	100% {-o-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-ms-keyframes closeCancel {
	0% {-ms-transform: translate(-200%,0px); top: 0; bottom: 0;}
	100% {-ms-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
.deletePanel.close .deleteSlider {
	animation: closeDelete ease-in-out .5s 1 forwards;
	-webkit-animation: closeDelete ease-in-out .5s 1 forwards;
	-moz-animation: closeDelete ease-in-out .5s 1 forwards;
	-o-animation: closeDelete ease-in-out .5s 1 forwards;
	-ms-animation: closeDelete ease-in-out .5s 1 forwards;
}
@keyframes closeDelete{
	0% {transform: translate(-100%,0px); top: 0; bottom: 0;}
	100% {transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-moz-keyframes closeDelete{
	0% {-moz-transform: translate(-100%,0px);top: 0; bottom: 0;}
	100% {-moz-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-webkit-keyframes closeDelete {
	0% {-webkit-transform: translate(-100%,0px);top: 0; bottom: 0;}
	100% {-webkit-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-o-keyframes closeDelete {
	0% {-o-transform: translate(-100%,0px); top: 0; bottom: 0;}
	100% {-o-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}
@-ms-keyframes closeDelete {
	0% {-ms-transform: translate(-100%,0px); top: 0; bottom: 0;}
	100% {-ms-transform: translate(0%,0px); opacity: 1; top: 0; bottom: 0;}
}

footer {
	font-family: 'Open Sans',sans-serif;
	float:left;
	width: 88%;
	padding: 25px 6%;
	background: #ededed;
	color: #858585;
}
footer .row {
	float: left;
	width: 100%;
}
footer .row.two {
	padding: 10px 0 40px 0;
}
footer .row .rowWrapper {
	text-align: center;	
}
footer .row h1 {
	display: inline-block;
	margin: 4px 2.7%;
	color: black;
	line-height: 50px;
}

footer .row h1 span {
	float:left;
	display: block;
	width: 44px;
	height: 44px;
	margin: 0;
	padding-right: 15px;
}
footer .row h1.callAgent span {
	background: transparent url(../images/icons/callIcon.png) no-repeat 0 0;
}
/*footer .row h1.callMe span {
	background: transparent url(../images/icons/callMeIcon.png) no-repeat 0 0;
}*/
footer .row a.callMe {
	display: none;	
}
footer .row h1.emailQuote span {
	background: transparent url(../images/icons/emailIcon.png) no-repeat 0 0;
}
footer .row h1 span {
	font-size: .625rem;
}
footer .tollFree, .call, .email {
	float: left;
	line-height: 16px;
	text-align: left;
	padding-top: 13px;
}
footer .tollFree {
	padding-top: 7px;
}
footer .tollFree a {
	text-decoration: none;
	color:black;
}
footer .tollFree .speakToAgent {
	font-size: .813rem;
}
footer .row h4 {
	display: block;
	float: left;
	width: 100%;
	margin: 0 3% 16px 3%;
	color: #777777;
	font-size: .875rem;
}
footer .row h5 {
	display: inline-block;
	margin: 0 3%;
	color: #6B6B6B;
	font-size: .750rem;
}
footer .row h5 a {
	color: #6B6B6B;
	text-decoration: none;
}

#emailWrapper {
	float: left;
	width: 100%;
}
#emailContent {
	margin: 0 auto;
    width: 582px;
}
.emailForm {
	position: relative;
	width: 100%;
	float: left;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.6);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	z-index: 97;
}
.pointer {
    width: 63px;
    height: 27px;
    background: transparent url(../images/icons/speakPointerLg.png) no-repeat 0 0;
    margin: -27px auto 0 auto;
    float: none;
}
.showEmailMask #sendEmailMask {
	position: fixed;
	width: 100%;
	height: 117%;
	min-height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left:0px;
	background-color: #333333;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	z-index: 96;
}
.showEmailMask #sendEmailMaskHeader {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	/*height: 88px;
	height: 144px;*/
	height: 120px;
	background-color: #333333;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	z-index: 9999;
}
#rightContent #emailContent {
	width: 112%;
    margin: -4px 0 0 -6%;
}
#rightContent .emailForm {
	background-color: #EDEDED;
	margin: 8px auto 15px auto;
}
#rightContent .pointer {
    float: none;
    margin: -27px auto 0 auto;
    background: transparent url(../images/icons/speakPointerGrayLg.png) no-repeat 0 0;
}
.emailForm ng-form {
	display: block;
	margin: 10px;
}
.emailForm .button-wrapper {
	margin-top: 0;
}
.emailForm .button-wrapper input[type="button"] {
	width: 100% !important;
    margin: 10px 0 10px 0 !important;
}
#contactInfo p {
	float: left;
	width: 100%;
	color: #b94a48;
	font-weight: bold;
	font-size: .825rem;	
	margin-bottom: 5px;
	line-height: 20px;
}
.buyButton .error, footer .error, #inputWrapper h3.error {
	float: left;
	width: 100%;
	color: #b94a48;
	font-weight: bold;
	font-size: .825rem;	
	margin-bottom: 5px;
	line-height: 20px;
}
footer .row .rowWrapper .error {
	text-align: left;
}
buyButton .radioGroup .error {
	float: left;
	width: 100%;
}
.hidden {
	width: 0;
	height: 0;	
}
/********** END - FRAMEWORK STYLES **********/

/********** START - BUTTON STYLES **********/
/*button {
	float: right;
	margin-left:2%;
	padding: 0;
	border: 0;	
	background-color: transparent;
	outline:none;
}*/
.button-wrapper {
	float:left;
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
.updateRate .button-wrapper {
	margin-top:0;
}
.button a, .button-wrapper a,
.button input[type="submit"], .button-wrapper input[type="submit"], .button-wrapper input[type="button"] {
	float:right;    
	display: inline-block;
	margin: 8px 5%;
	padding: 18px 0;
	cursor: pointer;
	/*padding: 15px 0;*/
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 5px;
	outline:none;
	width: 90%;
	max-width: none;
	text-transform:uppercase;
	font-size: 1.3rem;
}
/*.button-wrapper.sideBySide a {
	width: 87%;
}*/
/*.button-wrapper a.narrow {
	width: 96%;
}*/

.button a,
.button input[type="submit"] {
	float:left;
	outline:none; 
}
.button a.orange, .button-wrapper a.orange, .button-wrapper input[type="button"].orange,
.button input[type="submit"].orange, .button-wrapper input[type="submit"].orange {
	background-color:#ebb716;
	background:-webkit-linear-gradient(#ebb716,#ebb716);
	color: #000000;
	border: 0;
}
/*input[type="submit"]{
	background:-webkit-linear-gradient(#ebb716,#ebb716);
}*/
.button a.gray, .button-wrapper a.gray, .button input[type="button"].gray,
.button-wrapper input[type="button"].gray, .button-wrapper input[type="submit"].gray{
	background-color: #b0b0b0;
	background:-webkit-linear-gradient(#b0b0b0,#b0b0b0);
	color: #fff;
	border: 0;
}
.button a.green, .button-wrapper a.green, .button input[type="submit"].green,
.button-wrapper input[type="submit"].green, .button-wrapper input[type="button"].green,
.button-wrapper input[type="button"].gold{
	/*background-color: #55ab27;
	background:-webkit-linear-gradient(#55ab27,#55ab27);
	color: #fff;*/
	background-color: #ffc000;
	background:-webkit-linear-gradient(#ffc000,#ffc000);
	color: #414042;
	border: 0;
}
.button-wrapper input[type="button"].gold {
	background-color: #ffce34;
	background:-webkit-linear-gradient(#ffce34,#ffce34);
	color: #414042;
	border: 0;
}

.button-wrapper input[type="button"].gold:hover,
.button-wrapper input[type="button"].gold:focus,
.button-wrapper input[type="button"].gold:active {
  background-color: #ffce34;
  background: -webkit-linear-gradient(#ffce34,#ffce34);
}

.button-wrapper input[type="submit"].orange, .button-wrapper input[type="button"].orange,
.button-wrapper input[type="submit"].gray, .button-wrapper input[type="button"].gray, .button-wrapper a.orange,
.button-wrapper input[type="submit"].green, .button-wrapper input[type="button"].green {
	border: 0;
	width: 40%;
	float: none;
	font-size: .938rem;
	margin: 8px 2%;	
}

.buyContent .button-wrapper input[type="button"] {
	margin: 8px auto;	
}
.button-wrapper input[type="button"].green.small,
.button-wrapper input[type="submit"].green.small {
	float: none;
	padding: 10px 0;
	font-size: .875rem;
	max-width: 250px;
	border-top: 1px solid #8dd067;
	border-right: 1px solid #69a746;
	border-bottom: 1px solid #63a140;
	border-left: 1px solid #6eb348;
	-webkit-box-shadow: 0 -1px #7bb060, 0 1px #326915, -1px 0  #60a03f, 1px 0 #5f8f45;
	-moz-box-shadow: 0 -1px #7bb060, 0 1px #326915, -1px 0  #60a03f, 1px 0 #5f8f45;
	box-shadow: 0 -1px #7bb060, 0 1px #326915, -1px 0  #60a03f, 1px 0 #5f8f45;
}

.showUpdate .buyContent .button-wrapper input[type="button"].green.small.disabled,
.showUpdate .buyContent .button-wrapper input[type="submit"].green.small.disabled {
	display: block;
	padding: 11px 0;
    box-shadow: none;
    border: none;
    background-color: #ccc;
	background:-webkit-linear-gradient(#ccc,#ccc);
	cursor:default;
}
.buyContent .button-wrapper input[type="button"].green.small.disabled,
.buyContent .button-wrapper input[type="submit"].green.small.disabled {
	display: none;
}
.showUpdate .buyContent .button-wrapper input[type="button"].green.small,
.showUpdate .buyContent .button-wrapper input[type="submit"].green.small {
    display: none;
}
.buttons {
	margin: 0 auto;
	width: 84%;
	display: table;
	text-align: center;
}
#summaryAddView .buttons {
	width: 100%;
}
.radioButton {
	text-align: center;
	padding: 16px 6%;
	border: 1px solid #bebebe;
	background: #e4e4e4;
	background: -webkit-linear-gradient(top, #ebebeb 0%, #cfcfcf 100%);
	background: -moz-linear-gradient(top,  #ebebeb 0%, #cfcfcf 100%);
	background: -ms-linear-gradient(top, #ebebeb 0%, #cfcfcf 100%);
	background: -o-linear-gradient(top, #ebebeb 0%, #cfcfcf 100%);
	background: linear-gradient(to bottom, #ebebeb 0%, #cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cfcfcf',GradientType=0 );
}
.radioButton.left {
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.radioButton.right {
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.radioButton:hover {
	border: 1px solid #bebebe;
	background: #e4e4e4;
	background: -webkit-linear-gradient(bottom, #ebebeb 0%, #cfcfcf 100%);
	background: -moz-linear-gradient(bottom,  #ebebeb 0%, #cfcfcf 100%);
	background: -ms-linear-gradient(bottom, #ebebeb 0%, #cfcfcf 100%);
	background: -o-linear-gradient(bottom, #ebebeb 0%, #cfcfcf 100%);
	background: linear-gradient(to top, #ebebeb 0%, #cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ebebeb',GradientType=0 );
}
.radioButton.checked {
	color: #fff;
	border: 1px solid #024b74;
	background: #035688;
	background: -webkit-linear-gradient(top, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: -moz-linear-gradient(top,  #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: -ms-linear-gradient(top, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: -o-linear-gradient(top, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: linear-gradient(to bottom, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055f94', endColorstr='#0a537c',GradientType=0 );
}
.radioGroup .title p {
	color: #555555;	
}
.coverageGroup p {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: #555555;
}
.coverageGroup .spaceGroup .title label div {
	float: left;
    width: 71%;
	margin: 0 1% 10px 0;
    color: #555555;
}
.coverageGroup .spaceGroup .premium p {
    width: 28%;
    text-align: right;
}
.coverageGroup .title p {
	margin-bottom: 0;
}
.coverageGroup .apipGroup .premium p {
    width: auto;
}
.showUpdate .inputContent .premium p,
.showUpdate .coverageGroup p span,
.showUpdate  #premiumTotal.radioGroup label span,
.showUpdate .labelGroup.fees label span {
	visibility: hidden;
}
.coverageGroup .selectGroup.grouped, .coverageGroup .radioGroup.grouped {
	float: right;
	margin-bottom: 0;
}
.coverageGroup .selectGroup.umbiButtons {
    margin-bottom: 8px;
} 
#umpdCovType {
    padding: 6px;
}
.umpdGA div {
	float: left;
} 

/********** END - BUTTON STYLES **********/

/********** START - INPUT STYLES **********/
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	float: left;
	width: auto;
}
input, select, textarea {
  width: 100%;
  padding: 15px 5%;
  border: 1px solid #dbdbdb;
  color: #555555;
  font-size: 16px;
}

.iphone input[type="date"] {
	padding: 24px 5%;
}
select {
	padding: 14px 5%;
}
.safari select {
	padding: 15px 5%;
}
textarea {
    resize: none;
}
textarea {
    font: 16px Lato, Arial, Helvetica, sans-serif;
}
@media
screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.updateRate {
		padding: 20px 4%;
	}
}
input.readOnly {
	border: none;
}
select {
	width: 100%;
}
.inputGroup, .radioGroup, .checkboxGroup, .selectGroup, .datepickerGroup {
	display: table;
}
.inputGroup, .radioGroup, .checkboxGroup, .selectGroup, .datepickerGroup, .apipGroup {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.inputGroup.top, .radioGroup.top, .checkboxGroup.top, .selectGroup.top, .datepickerGroup.top {
	margin-top: 20px;
}
.inputGroup label, .radioGroup label, .checkboxGroup label, .selectGroup label,
.datepickerGroup label, .coverageGroup .radioGroup p, .apipGroup label, .checkboxGroup legend {
	float: left;
	cursor: pointer;
	color: #555555;	
}
.inputGroup label, .selectGroup label, .apipGroup label {
	width: 100%;
}
.coverageGroup .selectGroup, .coverageGroup .radioGroup {
	float: right;
}
.radioGroup .title label {
	width: 100%;
}
/*.coverageGroup .slide-up {
	width: 87%;
}*/
#inputWrapper .inputGroup h3, #inputWrapper .radioGroup h3, #inputWrapper .checkboxGroup h3,
#inputWrapper  .selectGroup h3, #inputWrapper .datepickerGroup h3 {
	font-size: 1rem;
}
#inputWrapper .radioGroup h3 + .radioGroup {
		margin-bottom: 0;
}
.inputGroup h6, .radioGroup h6, .checkboxGroup h6, .selectGroup h6, .datepickerGroup h6, .inputContent h6 {
	float: left;
	clear: both;
	width: 100%;
	font-style: italic;
	color: #555555;
	font-size: .875rem;
	padding-bottom: 3px;

	line-height: 1.2;
}
.secondaryGroup h6 {
	float: left;
	clear: both;
	width: 100%;
	font-style: italic;
	color: #555555;
	font-size: .875rem;
	padding-bottom: 3px;
	line-height: 1.2;
}
/*.inputContent h6 {
	 margin-top: 16px;
}
.inputContent h6#pipSecondaryLabel {
	margin-top: 0;
}*/ 
.coverageGroup .selectGroup h6 {
    margin-left: 5%;
}
.inputGroup:not(:last-child) {
	margin-bottom: 20px;
}
.inputGroup.firstName, .inputGroup.lastName {
	width: 65%;
	padding-right: 4%;
}
.inputGroup.initial, .inputGroup.suffix, .selectGroup.suffix {
	width: 31%;
}
.inputGroup.address {
	/*width: 65%;*/
	width: 71%;
	padding-right: 4%;
}
.inputGroup.unit {
	/*width: 31%;*/
	width: 25%;
}
.inputGroup.city {
	/*width: 56%;*/
	width: 53%;
	padding-right: 4%;
}
.inputGroup.state {
	width: 14%;
	padding-right: 4%;
}
.inputGroup.zip {
	/*width: 22%;*/
	width: 25%;
}
.inputGroup.validation {
	margin-top: -20px;
}
.coverageGroup p span {
	float: right;
}
.coverageGroup .selectGroup .title, .coverageGroup .radioGroup .title {
	width:95%;
	padding-left: 5%;
}
.radioGroup label {
	line-height: 1;
}
.radioGroup label {
	margin-bottom: 4px;
}
.datepickerGroup input {
	width: 80%;
}
.datepickerGroup img {
	float: right;
	width: 44px;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	cursor: pointer;
	margin: 6px 0;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, .5);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, .5);
}
#violations .ui-datepicker-trigger {
	float: right;
	width: 44px;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	cursor: pointer;
	margin: 6px 0;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, .5);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, .5);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.iOS input[type="text"], .iOS input[type="email"], .iOS input[type="tel"],
.iOS input[type="date"], .iOS input[type="number"], .iOS select, .iOS textarea {
	-webkit-appearance: none;
	-webkit-box-shadow: none;
}
input[type="text"], input[type="email"], input[type="tel"],
input[type="date"], input[type="number"], select, textarea {
	border: 1px solid #dbdbdb;
	border-radius: 0px;
	background-color: #fff;
}
input.readOnly, select.readOnly {
	border: none;
    margin-left: 4px;
	-webkit-appearance: none;
}
.checkboxGroup input[type="checkbox"], .radioGroup input[type=radio] {
    display:none;
}
.checkboxGroup label,.checkboxGroup legend{
	margin: 0 10px 0 0;
	width: 100%;
}
.checkboxGroup.noLabel, .radioGroup.noLabel {
	margin-top: 20px;
}
.checkboxGroup .checkboxOption, .radioGroup .radioOption {
	float: left;
	display: table;
	width: 100%;
	padding: 0;
}
.checkboxGroup .checkboxOption label, .radioGroup .radioOption label {
	display: table-cell;
	float: none;
	width: 100%;
	margin: 0;
	padding: 9px 2% 10px 30px;
	vertical-align: middle;
	line-height: 1.2;
}
.checkboxGroup .checkboxOption input[type="checkbox"] + label {
	background: transparent url(../images/icons/checkSmallOff.png) no-repeat 0 10px;
}
.checkboxGroup .checkboxOption input[type="checkbox"]:checked + label {
	background: transparent url(../images/icons/checkSmallOn.png) no-repeat 0 10px;
}
.radioGroup .radioOption input[type="radio"] + label {
	background: transparent url(../images/icons/radioSmallOff.png) no-repeat 0 10px;
}
.radioGroup .radioOption input[type="radio"]:checked + label {
	background: transparent url(../images/icons/radioSmallOn.png) no-repeat 0 10px;
}
/********** END - INPUT STYLES **********/

/********** START - SUMMARY STYLES **********/
.summary .detailWrapper {
	float: left;
	width: 100%;
}
.summary .detail {
	position: relative;
    display: table;
	float: none;
	table-layout: fixed;
    width: 84%;
	height:auto;
    padding: 10px 8%;
	overflow: hidden;
}
.summary .detail:not(:first-child) {
	border-top: 1px #eaeaea solid;
}
.summary.borderless .detail {
	border-top: 0px #eaeaea solid;
}
.summary label {
    float: left;
	display:table-cell;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
}
#rateHasChanged .summary .modify,
#paymentOptions .summary .modify {
    vertical-align: top;
}
#addressStandardization .summary label {
	float: none;
    padding: 0 0 0 58px;
	height: 48px;
    cursor: pointer;
    vertical-align: middle;
}
.summary label span {
	float: left;
	clear: both;	
}
.summary label span:not(:first-child) {
    font-style: italic;
    color: #555555;
    font-size: .875rem;
    line-height: 1.2;
    padding-bottom: 3px;
}
#paymentOptions .summary label span {
    font-style: normal;
}
#paymentOptions .summary label span.saveMoney:not(:first-child) {
	color: #43bd0b;
	font-weight:bold;
	font-style: italic;
}
.summary .select {
	width: 35px;
	display: table-cell;
	table-layout: fixed;
    vertical-align: middle;
}
.summary .labels {
    display: table-cell;
	table-layout: fixed;
    padding: 0 2% 0 22px;
    vertical-align: middle;
}
.summary .modify {
    display: table-cell;
	table-layout: fixed;
    width: 54px;
    padding: 0;
    vertical-align: middle;
}
#rateHasChanged .summary .modify.middle {
    vertical-align: middle;
}
.summary .readOnly label {
    cursor: default;
}
.summary .readOnly .select {
    display: none;
}
.summary .readOnly .labels {
    padding: 0 2% 0 0;
}
.summary .checkboxIcon {
    float: left;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/icons/checkboxIcon.png) no-repeat 0 0;
}
.summary .radioIcon {
    float: left;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/icons/radioOff.png) no-repeat 0 0;
}
.summary .checkboxIcon.checked {
	background: transparent url(../images/icons/checkIcon.png) no-repeat 0 0;
}
.summary .radioIcon.checked {
	background: transparent url(../images/icons/radioOn.png) no-repeat 0 0;
}
.summary .checkboxIcon.checked.disabled {
	background: transparent url(../images/icons/disabledCheckIcon.png) no-repeat 0 0;
}
#addressStandardization .summary input[type=radio] + label {
	background: transparent url(../images/icons/radioOff.png) no-repeat 0 6px;
}
#addressStandardization .summary input[type=radio]:checked + label {
	background: transparent url(../images/icons/radioOn.png) no-repeat 0 6px;
}
.summary input[type=checkbox], .summaryTable input[type=checkbox] {
    display:none;
}
.summary input[type=radio] {
    display:none;

}
.summary .add  {
	float:left;
	display:table;
	table-layout: fixed;
	width: 84%;
	height: 65px;
	padding: 0px 8%;
	background-color: #f2f2f2;
}
.summaryTable .addContainer {
    float: left;
    width: 92%;
	padding: 0px 4%;
    background-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
    border-left: 1px solid #C7C7C7;	
}
.summaryTable .add  {
	float:left;
	display:table;
	table-layout: fixed;
	width: 92%;
	height: 65px;
}
.summary input[type=radio]#add {
	display: none;	
}
.summary .add label, .summaryTable .add label {
    float: none;
	display:table-cell;
	width: 90%;
	margin: 0;
	cursor: pointer;
	padding: 0 0 0 58px;
	vertical-align: middle;
	background: #f2f2f2 url(../images/icons/addIcon.png) no-repeat 1px 16px !important;
}
.summary .edit, .summary .delete {
	clear:none;
	cursor: pointer;
}
.summary .delete {
	float:right;
    width: 21px;
    height: 24px;
	margin-left: 8px;
    background: transparent url(../images/icons/trashIcon.png) no-repeat 0 0;
}
.summary .edit {
	float:left;
    width: 25px;
    height: 24px;
	background: transparent url(../images/icons/editIcon.png) no-repeat 0 0;
}
/*#summaryAddView {
	display:table;
	position: relative;
	background-color: white;
	float: left;
	border: solid 1px #000;
	padding: 20px 4%;
	margin: -86px 4% 0 4%;
	width: 84%;
	height: 40px;
}*/
#summaryAddView {
	/*display:table;*/
	position: relative;
	background-color: white;
	float: left;
	/*padding: 20px 4%;*/
	margin: -2px 0 0 0;
	width: 100%;
	/*margin: -106px 6% 0 6%;
	width: 80%;*/
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, .5);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, .5);
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	overflow: hidden;
}
#summaryAddView .radioButton {
	width: 84%;
	height: auto;
	text-align: left;
	padding-left: 58px;
	cursor: pointer;
	background: transparent url(../images/icons/radioOff.png) no-repeat 0 6px;
	border: 0px solid white;
	color: black;
}
#summaryAddView .radioButton.checked {
	background: transparent url(../images/icons/radioOn.png) no-repeat 0 6px;
}
.summaryContent {
	float: left;
	width: 84%;
	padding: 32px 8% 0 8%;
}
.summaryContent:not(:first-child) {
	padding: 8px 8% 0 8%;;
}
/********** END - SUMMARY STYLES **********/

/********** START - PLEASE WAIT MODAL STYLES **********/
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99997 !important;
	background-color: black;
}
.modal-backdrop.fade {
	background-color: #333333;
	opacity: .4;
	filter: alpha(opacity=60);
}
.modal-backdrop.in {
	background-color: #333333;
	opacity: .6;
	filter: alpha(opacity=60);
}
.modal {
	width: 80%;
	max-width:365px;
	background: white;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border-radius: 10px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.65);
	z-index: 99998 !important;
}
.modal-header {
	padding: 20px 8% 0;
}
.modal-body {
    padding: 16px 8%;
}
.progress {
	position: relative;
    height: 60px;
	font-size: 40px;
    margin: 0 auto;
    text-align: center;
	width: 100%;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3)
}
.spinner {
    font-size: 40px;
    margin: 0 auto;
    text-align: center;
}
/********** END - PLEASE WAIT MODAL STYLES **********/

/********** START - MIG OVERLAY STYLES **********/
.showOverlay.showModal #overlayMask {
	display: none;
}
#overlayModalMask {
	display: none;
	position: fixed;
	width: 100%;
	height: 117%;
	min-height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left:0px;
	background-color: #333333;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 99995;
}
#overlayModalMask.clickable {
	cursor: pointer;
}
.overlayContent {
	display: none;
	position: absolute;
	width: 80%;
	max-width: 600px;
	margin: auto;
	min-height: 50px;
	padding: 20px 4%;
	background-color: #f1f1f1;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.65);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.65);
	overflow: visible;
	z-index: 99996;
}
.overlayContent.showOverlay, .showModal #overlayModalMask {
	display: block;
}
.overlayContent.small {
	max-width: 300px;
}
.overlayContent.medium {
	max-width: 500px;
}
.overlayContent.large {
	max-width: 700px;
}
.overlayWrapper .button-wrapper {
	width: 100%;
}
.overlayWrapper .buttons {
	width: 100%;
}
.overlayWrapper .button a.small,
.overlayWrapper .button-wrapper a.small,
.overlayWrapper .button input[type="submit"].small,
.overlayWrapper .button-wrapper input[type="submit"].small,
.overlayWrapper .button-wrapper input[type="button"].small {
	width: 34%;
	padding: 12px 0;
	min-width: 0;
	margin: 8px 2%;
}
@media
only screen and (max-width:480px) {
	.overlayWrapper .button a.small,
	.overlayWrapper .button-wrapper a.small,
	.overlayWrapper .button input[type="submit"].small,
	.overlayWrapper .button-wrapper input[type="submit"].small,
	.overlayWrapper .button-wrapper input[type="button"].small {
		width: 46%;
	}
}
/********** END - MIG OVERLAY STYLES **********/

/********** START - DYNAMIC TABLE STYLES **********/
.dynamicTable .inputContent ol, .dynamicTable .inputContent ul, .dynamicTable .inputContent li {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
}
.dynamicTable .inputContent li {
	line-height: 1.2;
    margin: 4px 0 4px 8%;
	word-wrap: break-word;
}
.dynamicTable {
    position: relative;
	float: left;
	/*display: table;*/
	display: block;
	width:92%;
	padding: 10px 4% 20px 4%;
	border: 1px #c7c7c7 solid;
	background-color:#ededed;
	overflow: hidden;
}
#inputWrapper .dynamicTable h2 {
    font-size: 1.250em;
    margin-bottom: 10px;
}
#excludedDriverDetails .dynamicTable:not(:last-child),
#driverAssignment .dynamicTable:not(:last-child),
#additionalBuy .dynamicTable:not(:last-child) {
    margin-bottom: 20px;
}
#additionalBuy .dynamicTable {
    padding: 10px 4% 10px 4%;
}
.decreaser {
	width: 100%;
    padding: 10px 0;
}
.dynamicTable .row {
	display: table-row;
	width: 100%;
}
.dynamicTable .row.data .cell {
    border-top: 1px #c7c7c7 solid;
}
.dynamicTable .cell {
	display: table-cell;
	padding: 10px 2% 10px 0;
	color: #555555;	
}
.dynamicTable .cell:first-of-type {
    padding-left: 2%;
}
#violations .datepicker {
  width: 68%;	
}
.dynamicTable .inputGroup{
	 width:100%;
	 background-color:#ededed;
 }
.dynamicTable .inputGroup.firstName, .dynamicTable .inputGroup.lastName {
	width: 65%;
	padding-right: 4%;
}
.dynamicTable .inputGroup.initial, .dynamicTable .inputGroup.suffix {
    width: 31%;
}
 .dynamicTable .deleteIcon{
	 float:right;
	 width:21px;
	 height:24px;
	 background: transparent url(../images/icons/trashIcon.png) no-repeat 0 0;
	 cursor: pointer;
 }



/********** END - DYNAMIC TABLE STYLES **********/

/********** START - EDIT MENU STYLES **********/
.showOverlay #overlayMask {
	position: fixed;
	width: 100%;
	height: 117%;
	min-height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left:0px;
	background-color: #333333;
	opacity: .6;
	filter: alpha(opacity=60);
	cursor: pointer;
	z-index: 999;
}
#hamburgerWrapper {
	position: relative;
	float: right;
	z-index: 99996;
}
#outterCircle{
	background-color: #fff;
    border-radius: 95px; 
	border-top: 3px solid #bbbbbb;
	border-left: 3px solid #bbbbbb;
	border-right: 3px solid #bbbbbb;
	border-bottom: 3px solid #bbbbbb;
}
#innerCircle{ 
   position: relative;
    border-radius: 90px; 
    -webkit-transform: rotate(315deg) skew(0deg); 
    transform: rotate(315deg) skew(0deg);
}
.percent25 {
    border-right: 4px solid #990000;
    border-bottom: 4px solid #e4e4e4;
    border-left: 4px solid #e4e4e4;
	border-top: 4px solid #e4e4e4;
}
.percent50 {
    border-right: 4px solid #990000;
    border-bottom: 4px solid #990000;
    border-left: 4px solid #e4e4e4;
	border-top: 4px solid #e4e4e4;
}
.percent75 {
    border-right: 4px solid #990000;
    border-bottom: 4px solid #990000;
    border-left: 4px solid #990000;
	border-top: 4px solid #e4e4e4;
}
.percent100 {
    border-right: 4px solid #990000;
    border-bottom: 4px solid #990000;
    border-left: 4px solid #990000;
	border-top: 4px solid #990000;
}
#hamburger{
	position: relative;
	margin: 0 auto;
	cursor: pointer;
}
#hamburger .text{
	float: left;
	width: 100%;
}
#hamburger .lines {
	position: relative;
	display: inline-block;
	margin-bottom: 6px;
	border-radius: 2px;
	background: #000;
}
#hamburger .lines:before, #hamburger .lines:after {
	position: absolute;
	display: inline-block;
	border-radius: 2px;
	background: #000;
	left: 0;
	content: '';
}
#hamburger .lines:before {
	top: 9px;
}
#hamburger .lines:after {
	top: -9px;
}
#hamburger:hover .lines:before {
	top: 10px;
}
#hamburger:hover .lines:after {
	top: -10px;
}
.disabled .percent25{
    border-right: 4px solid #bbbbbb;
    border-bottom: 4px solid #e4e4e4;
    border-left: 4px solid #e4e4e4;
    border-top: 4px solid #e4e4e4;
}
.disabled .percent50{
    border-right: 4px solid #bbbbbb;
    border-bottom: 4px solid #bbbbbb;
    border-left: 4px solid #e4e4e4;
	border-top: 4px solid #e4e4e4;
}
.disabled .percent75{
    border-right: 4px solid #bbbbbb;
    border-bottom: 4px solid #bbbbbb;
    border-left: 4px solid #bbbbbb;
	border-top: 4px solid #e4e4e4;
}
.disabled .percent100{
    border-right: 4px solid #bbbbbb;
    border-bottom: 4px solid #bbbbbb;
    border-left: 4px solid #bbbbbb;
	border-top: 4px solid #bbbbbb;
}
.disabled #hamburger{
	cursor: default;
}
.disabled #hamburger .text {
    color: #ccc;
}
.disabled #hamburger .lines {
	background: #ccc;
}
.disabled #hamburger .lines:before, .disabled #hamburger .lines:after {
	background: #ccc;
}
.disabled #hamburger .lines:before {
	top: 9px;
}
.disabled #hamburger .lines:after {
	top: -9px;
}
.disabled #hamburger:hover .lines:before {
	top: 9px;
}
.disabled #hamburger:hover .lines:after {
	top: -9px;
}
#floatIcons {
	display: none;
}
.showOverlay #floatIcons {
	display: block;
	float: right;
	clear: both;
}
.menu {
	position: relative;
	margin: 0 auto;
	cursor: pointer;
}
#aboutYouMenu {
	background: transparent url(../images/icons/personEdit.png) no-repeat 0 0;
	z-index: 99994;
}
#vehicleMenu {
	background: transparent url(../images/icons/vehicleEdit.png) no-repeat 0 0;
	z-index: 99993;
}
#driverMenu {
	background: transparent url(../images/icons/peopleEdit.png) no-repeat 0 0;
	z-index: 99992;
}
#additionalInfoMenu {
	background: transparent url(../images/icons/additionalInfoEdit.png) no-repeat 0 0;
	z-index: 99991;
}
#rateMenu {
	background: transparent url(../images/icons/rateEdit.png) no-repeat 0 0;
	z-index: 99990;
}	
.showOverlay #floatIcons #aboutYouMenu {
	animation: aboutYouFrames ease-in-out .5s 1 forwards;
	-webkit-animation: aboutYouFrames ease-in-out .5s 1 forwards;
	-moz-animation: aboutYouFrames ease-in-out .5s 1 forwards;
	-o-animation: aboutYouFrames ease-in-out .5s 1 forwards;
	-ms-animation: aboutYouFrames ease-in-out .5s 1 forwards;
}
.showOverlay #floatIcons #vehicleMenu {
	animation: vehicleFrames ease-in-out .5s 1 forwards;
	-webkit-animation: vehicleFrames ease-in-out .5s 1 forwards;
	-moz-animation: vehicleFrames ease-in-out .5s 1 forwards;
	-o-animation: vehicleFrames ease-in-out .5s 1 forwards;
	-ms-animation: vehicleFrames ease-in-out .5s 1 forwards;
}
.showOverlay #floatIcons #driverMenu {
	animation: driverFrames ease-in-out .5s 1 forwards;
	-webkit-animation: driverFrames ease-in-out .5s 1 forwards;
	-moz-animation: driverFrames ease-in-out .5s 1 forwards;
	-o-animation: driverFrames ease-in-out .5s 1 forwards;
	-ms-animation: driverFrames ease-in-out .5s 1 forwards;
}
.showOverlay #floatIcons #additionalInfoMenu {
	animation: additionalInfoFrames ease-in-out .5s 1 forwards;
	-webkit-animation: additionalInfoFrames ease-in-out .5s 1 forwards;
	-moz-animation: additionalInfoFrames ease-in-out .5s 1 forwards;
	-o-animation: additionalInfoFrames ease-in-out .5s 1 forwards;
	-ms-animation: additionalInfoFrames ease-in-out .5s 1 forwards;
}
.showOverlay #floatIcons #rateMenu {
	animation: rateFrames ease-in-out .5s 1 forwards;
	-webkit-animation: rateFrames ease-in-out .5s 1 forwards;
	-moz-animation: rateFrames ease-in-out .5s 1 forwards;
	-o-animation: rateFrames ease-in-out .5s 1 forwards;
	-ms-animation: rateFrames ease-in-out .5s 1 forwards;
}
/********** END - EDIT MENU STYLES **********/



/********** START - HELP STYLES **********/
/*** side panel help ***/
.help body {
	overflow: hidden;
	height: 100%;
}
#helpContainer {
	position: fixed;
	top: 0;
	right: -520px;
	bottom: 0;
	width: 500px;
	max-width: 500px;
	background-color: #fff;
    overflow-y:scroll;
    overflow-x:hidden;
	-webkit-box-shadow: -10px 0px 21px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: -10px 0px 21px 0px rgba(0,0,0,0.48);
	box-shadow: -10px 0px 21px 0px rgba(0,0,0,0.48);
	z-index: 9999;
}
#helpContainer #pageTitle {
	width: 92%;
	margin: 0 0 20px 0;
	padding: 15px 4%;
	background-color: #f7f7f7;
}
#helpContent {
	margin: 0;
}
#helpContent .helpGroup {
    float: left;
    padding: 10px 8%;
}
#helpContent .helpGroup.highlight {
    background-color: #D0D0D0;
}
#helpContainer h2 {
	font-weight: bold;
	margin: 0 0 10px 0;
}
#helpContainer p {
	font-size: .875rem;
	line-height: 1.3;
}
#closeHelp {
	float: right;
	width: 18px;
	height: 18px;
	background: transparent url(images/icons/toggleClose.png) no-repeat 0 0;
	cursor: pointer;
}
.help #helpContainer {
	animation: open ease-in-out .6s 1 forwards;
	-webkit-animation: open ease-in-out .6s 1 forwards;
	-moz-animation: open ease-in-out .6s 1 forwards;
	-o-animation: open ease-in-out .6s 1 forwards;
	-ms-animation: open ease-in-out .6s 1 forwards;
}
@keyframes open{
	0% { transform: translate(0px,0px); opacity: 1;}
	100% {transform: translate(-520px,0px); opacity: 1;}
}
@-moz-keyframes open{
	0% {-moz-transform: translate(0px,0px); opacity: 1;}
	100% {-moz-transform: translate(-520px,0px); opacity: 1;}
}
@-webkit-keyframes open {
	0% {-webkit-transform: translate(0px,0px); opacity: 1;}
	100% {-webkit-transform: translate(-520px,0px); opacity: 1;}
}
@-o-keyframes open {
	0% {-o-transform: translate(0px,0px); opacity: 1;}
	100% {-o-transform: translate(-520px,0px); opacity: 1;}
}
@-ms-keyframes open {
	0% {-ms-transform: translate(0px,0px); opacity: 1;}
	100% {-ms-transform: translate(-520px,0px); opacity: 1;}
}
.closeHelp #helpContainer {
	animation: closePanel ease-in-out 1s 1 forwards;
	-webkit-animation: closePanel ease-in-out 1s 1 forwards;
	-moz-animation: closePanel ease-in-out 1s 1 forwards;
	-o-animation: closePanel ease-in-out 1s 1 forwards;
	-ms-animation: closePanel ease-in-out 1s 1 forwards;
}
@keyframes closePanel{
	0% { transform: translate(-520px,0px); top: 0; bottom: 0;}
	100% {transform: translate(0px,0px); opacity: 1; top: 0; bottom: 0;}
}
@-moz-keyframes closePanel{
	0% {-moz-transform: translate(-520px,0px); top: 0; bottom: 0;}
	100% {-moz-transform: translate(0px,0px); opacity: 1; top: 0; bottom: 0;}
}
@-webkit-keyframes closePanel {
	0% {-webkit-transform: translate(-520px,0px); top: 0; bottom: 0;}
	100% {-webkit-transform: translate(0px,0px); opacity: 1; top: 0; bottom: 0;}
}
@-o-keyframes closePanel {
	0% {-o-transform: translate(-520px,0px); top: 0; bottom: 0;}
	100% {-o-transform: translate(0px,0px); opacity: 1; top: 0; bottom: 0;}
}
@-ms-keyframes closePanel {
	0% {-ms-transform: translate(-520px,0px); top: 0; bottom: 0;}
	100% {-ms-transform: translate(0px,0px); opacity: 1; top: 0; bottom: 0;}
}
@media
only screen and (max-width:480px) {
	#helpContainer {
		top: 67px;
	}
}

/*** hide/show help ***/
.slide-down{
	display:none;
	background-color: #ededed;
	color: #555;
	margin: 10px 0 10px 0;
	padding: 12px 4% 12px 4%;
	float: left;
}
#vinLabelHelp.slide-up {
    margin: 10px 0 -5px 0;
}
.slide-down a{
	text-decoration:none;
	font-size:1rem;
	color: #555;
}
.slide-up{
	display:block;
	width: 92%;
	background-color: #ededed;
	color: #555;
	margin: 10px 0 10px 0;
	padding: 12px 4% 12px 4%;
	float: left;
	cursor: pointer;
}
.dynamicTable .slide-up {
	background-color: #ffffff;
}
.slide-up p {
	line-height: 1.2;
    /*font-size: .875rem;*/	
}
.slide-up h4 {
    font-weight: bold;
    margin-bottom: 4px;	
	text-align: left;
}
.slide-up p:not(:last-child) {
    margin-bottom: 10px;
}
mig-help img {
    width: 15px;
    margin-left: 4px;	
	margin-bottom: -2px;
}
.helpGroup {
	float: left;
	margin-top: -20px;
	margin-bottom: 20px;	
}
.helpGroup .slide-up {
    margin: 10px 0 0 0;
}

a.help p {
	margin-bottom: 10px;
}
label div a img, h3 div a img {
	margin: 0 0 -2px 4px;
}
.labelGroup.fees label span.helpIcon {
    float: left;
}
.coverageIcon div:first-child {
    display: inline;
}
.coverageGroup .spaceGroup .title label .coverageIcon div:first-child {
    float: none;
    width: auto;
    margin: 0;
}
/********** END - HELP STYLES **********/

/********** START - BUNDLE STYLES **********/
h4 {
	text-align: center;
    width: 100%;
    color: #000;
    font-size: 1.125rem;
    font-weight: bold;
	line-height: 1.3;
}
.button-wrapper h5 {
    width: 100%;
	margin-top: 10px;
	font-size: .875rem;
	font-weight: bold;
	text-align: center;
    color: #000;
}
.button-wrapper h5 span {
	color: #006699;
	text-decoration: underline;
}
.bundleContainer{
	float: left;
	width: 100%;
	margin: 8% 0;
}
.autoGrid, .plusGrid, .homeGrid {
    display: table;
	float: left;
	width: 40%;
    text-align: center;
}
.plusGrid {
	width: 20%;
}
.autoIns, .homeIns {
    width: 75%;
	max-width: 147px;
}
.plus {
    width: 60%;
	max-width: 56px;
	margin: 0 10%;
}
/********** END - BUNDLE STYLES **********/



.emailQuote {
	cursor: pointer;	
}
.aggLogo {
	margin: -17px auto 16px auto;
}
.aggLogo.gl {
	width: 92px;
	height: 30px;
}
.aggLogo.cn {
    width: 165px;
    height: 33px;
}
img.manageAccount {
	margin: 20px 0 2px 0;
}
.copyDeck{
	float:left;
    width: 84%;
	padding:0 8%;
	margin:15px 0;
}
.linkWrapper {
	margin: 16px 0;
    float: left;
    width: 100%;
}
.linkWrapper a {
	color: #006699;
    font-size: 1rem;
    text-decoration: none;
    float: left;
    width: 100%;
}
#promoWrapperRight {
	display:none;
}
/*#validationErrorMsg {
	float: left;
	width: 100%;
	height: 60px;
	color: #ab0000;
	background-color: #fff2c5;
	background: #fff2c5 url(../images/icons/warning.png) no-repeat 0 0;
}*/

.no-wrap{
	white-space:nowrap;	
}
.newLine{
	padding-top:10px;	
}
.two-col-conf{
	display:table-row;
	background-color:#990000;
	padding:0px;
	margin:20px 0px;
	float:right;
	width:100%;
}
.two-col-conf .left-side{
	width:44%;
	height:100%;
	margin:10px 3%;
	color:#FFF;
	float:left;
	max-height:260px;
	overflow:hidden;	
}
.two-col-conf .left-side ul{
	margin-right: 10px;
	padding-right:10px;

}
#inputWrapper .two-col-conf .left-side p{
	color:#FFF;
}
.two-col-conf .left-side .button-wrapper{
	width:100%;
	padding-top: 6px;
	margin: 1px auto;
}
.two-col-conf .left-side .button-wrapper .small{
	margin:0px;
}
.two-col-conf .left-side .button-wrapper input[type="button"].green{
	max-width:75%;
}
.two-col-conf .right-side{
	background-color:#000;
	display:block;
	float:right;
	width:50%;
	overflow:hidden;
	text-align:center;
	max-height:260px;
}
.two-col-conf .right-side img{
	display:inline;
	margin:0 auto;	
}
.two-col-conf .right-side img.desktop-only{
	display:inline;	
}
.two-col-conf .right-side img.non-desktop-large{
	display:none;
}
.two-col-conf .right-side img.non-desktop-small{
	display:none;
}
a#customerPortal {
	float: left;
    display: block;
    width: 100%;
}
.tab {
	margin-left: 5%;
}
.hide, .modal-body .iconSpan.hide, .hideContactInfo #contactInfo, .hideContactInfo #rightContentWrapper {
	display:none;	
}
.show{
	display:block;	
}
input[id^="vin"] {
   -ms-user-select: none;
}
.pixelTracking {
	display:none;
	visibility:hidden;
}


.summary .incomplete .checkboxIcon {
	display: none;
}
.complete .atqBtn, .complete.atqBtn {
	display: none;
}
.summary .detail.complete {
	padding: 10px 8% 10px 8%;
}
.btnNavMobile {
	display: none;
}
.btnNavDesktop {
	width: 25%;
	display: table-cell;
	vertical-align:middle;
}
.blueButton {
	border: 0;
	float: right;
	padding: 9px 5px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 5px;
	outline:none;
	width: 90%;
	max-width: none;
	text-transform:uppercase;
	font-size: .750rem;
	color: #fff;
	border: 1px solid #024b74;
	background: #035688;
	background: -webkit-linear-gradient(top, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: -moz-linear-gradient(top,  #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: -ms-linear-gradient(top, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: -o-linear-gradient(top, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	background: linear-gradient(to bottom, #055f94 0%, #035b8d 26%, #014f7d 75%, #0a537c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055f94', endColorstr='#0a537c',GradientType=0 );
}

@media
only screen and (max-width:480px) {
	.summary .detail {
		padding: 10px 8% 0 8%;
	}
	.btnNavMobile {
		position: relative;
		display: table;
		float: none;
		table-layout: fixed;
		width: 84%;
		height:auto;
		padding: 0 8% 10px 8%;
		overflow: hidden;
	}
	.btnNavDesktop, .summary .incomplete .delete {
		display: none;
	}
	.blueButton {
		float:left;
		padding: 9px 0;
		width: 99%;
	}
	.summary .btnDetail {
		position: relative;
		display: table;
		float: none;
		table-layout: fixed;
		width: 100%;
		height:auto;
		overflow: hidden;
	}
	.summary .btnSpace {
		width: 35px;
		display: table-cell;
		table-layout: fixed;
		vertical-align: middle;
	}
	.summary .btnWrapper {
		display: table-cell;
		table-layout: fixed;
		padding: 0 0 0 22px;
		vertical-align: middle;
	}
	.summary .labels {
		padding: 0 0 0 22px;
	}
}

@media
only screen and (min-width:681px) {
	.btnNavDesktop {
		width: 30%;
	}
}

/* Mobile (480px max width background) ----------- */
@media
only screen and (max-width:480px) {
	nav {
		width: 96%;
		top: -13px;
	}

	#pageTitle {
		margin: 5% 8% 20px 8%;
	}
	footer .row .rowWrapper {
		text-align: left;	
	}
	footer .row h1 {
		width: 94%;
		line-height: 60px;
	}
	#title h1 {
		font-size: 1.8rem;
	}
	.inputGroup.firstName, .inputGroup.lastName {
		width: 56%;
		padding-right: 4%;
	}
	.inputGroup.initial, .inputGroup.suffix, .selectGroup.suffix {
		width: 40%;
	}
	.inputGroup.address {
		/*width: 57%;*/
		width:66%;
		padding-right: 4%;
	}
	.inputGroup.firstName .error, .inputGroup.lastName .error{
		white-space: nowrap;
	}
	.buyContent .radioWrapper {
    	float: left;
		width: 100%;
	}
	.buyContent .radioGroup {
		float: none;
		width: 60%;
		margin: 0 auto;
		min-width: 205px;
	}
	.inputContent .buyContent h1 {
		font-size: 1.5rem !important;
	}
	.inputContent .buyContent h1 span {
    	font-size: .813rem;
	}
	.inputContent .buyContent h2 {
		font-size: .875rem;
	}
	.inputContent .buyContent h4 {
		font-size: .750rem;
		line-height: 1;
		padding: 2px 0;
	}
	.inputContent .selectGroup .readOnly h3 {
		width: 70%;
	}
	.updateRate {
		padding: 8px 4%;
	}
	.updateRate .button-wrapper input[type="submit"], .updateRate .button-wrapper input[type="button"].orange {
		padding: 8px 0;
	}
	.inputGroup.unit {
		/*width: 39%;*/
		width: 30%
	}
	.inputGroup.city {
		width: 47%;
		padding-right: 4%;
	}
	.inputGroup.state {
		width: 21%;
		padding-right: 4%;
	}
	.inputGroup.zip {
		width: 24%;
	}
	.changeAddressCityStateZip .inputGroup.city {
			width: 100%;
	}
	.changeAddressCityStateZip .inputGroup.state {
			width: 70%;
	}
	.changeAddressCityStateZip .inputGroup.zip {
			width: 26%;
	}
	.radioButton {
		width: 37% !important;
	}
	/* Start - added mobile EM  */
	#contentWrapper {
		margin-top: 67px;
	}
	header {
		padding: 15px 4%;
	}
	.emailContent {
		margin: 0 !important;
	}
	.emailForm {
		margin: 4px auto 15px auto !important;
	}
	.pointer {
		float: left !important;
		width: 63px !important;
		height: 27px;
		margin: -27px 0 0 80px !important;
		background: transparent url(../images/icons/speakPointerLg.png) no-repeat 0 0 !important;
	}
	.two-col-conf .left-side {
		width:94%;
		text-align:center;
	}
	.two-col-conf .left-side p{
		padding-bottom:12px;
		font: 16px Lato, Arial, Helvetica, sans-serif;
	}
	.two-col-conf .left-side .button-wrapper {
		padding-bottom:18px;
		margin: 0 auto;
	}
	.two-col-conf .left-side .button-wrapper input[type="button"].green{
		max-width:100%;
	}
	.two-col-conf .right-side{
		width:100%;
		max-height:210px;
	}
	.desktop-only{
		display:none;
	}
	.two-col-conf .right-side img.desktop-only{
		display:none;	
	}
	.two-col-conf .right-side img.non-desktop-large{
		display:none;
	}
	.two-col-conf .right-side img.non-desktop-small{
		display:inline;
	}	
}

	
/* tablet (portrait) ----------- */
@media
only screen and (max-width:680px) {	
	h4 {
		font-size: inherit;
	}
	section .content {
		margin: 0;
	}
	#title #pageIcon {
		width: 40px;
		height: 40px;
	}
	#title h1 {
		font-size: 1.8em;
	}
	#pageTitle h3 {
		font-size: .938rem;
		line-height: 1.4;
	}
	#formGroup {
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5), 1px 1px 5px 0px rgba(0, 0, 0, .1);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5), 1px 1px 5px 0px rgba(0, 0, 0, .1);
		box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5), 1px 1px 5px 0px rgba(0, 0, 0, .1);
	}
	.datepickerGroup input {
		width: 78%;
	}
	.ui-datepicker {
		left: 1% !important;
		width: 15em;
	}
	.datepickerGroup img {
		width: 10%;
		max-width: 44px;
		margin: 12px 0 6px 1%;
	}
	#violations .ui-datepicker-trigger {
		width: 18%;
		max-width: 44px;
		margin: 15px 0 6px 1%;
	}
	.dynamicTable .row.data .cell {
		font-size: .825rem;
	}
	.desktop {
		display: none !important;
	}
	.buttons {
		width: 84%;
	}
	.button-wrapper input[type="submit"].orange, .button-wrapper input[type="button"].orange,
	.button-wrapper a.orange, .button-wrapper input[type="button"].gray,
	.button-wrapper input[type="button"].green, .button-wrapper input[type="submit"].green {
		width: 100%;
		margin: 8px 0;
	}
	#summaryAddView {
		margin: 0;
		width: 100%;
		border: none;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5), 1px 1px 5px 0px rgba(0, 0, 0, .1);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5), 1px 1px 5px 0px rgba(0, 0, 0, .1);
		box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5), 1px 1px 5px 0px rgba(0, 0, 0, .1);
		/*margin: -170px 6.5% 0 6.5%;
		width: 79%;*/
		-moz-border-radius-bottomleft: 0px;
		border-bottom-left-radius: 0px;
		-moz-border-radius-bottomright: 0px;
		border-bottom-right-radius: 0px
	}
	.inputContent .buyContent h1 {
		font-size: 2.2rem;
	}
	.coverageGroup .selectGroup .field, .coverageGroup .radioGroup .field {
		padding-left: 5%;
	}
	.inputContent .premium p {
		float: right;
	}
	.radioButton {
		width: 37.45%;
	}
	#summaryAddView .radioButton {
		width: 72% !important;
	}
	#premiumTotal.radioGroup label span {
		float: right;
	}
	#emailContent {
		width: 100%;
	}
	.emailForm {
		float: left;
		margin: 8px auto 15px auto;
		background-color: #fff;
	}
	h1.emailQuote {
		width: 94%;
	}
	.emailContent {
    	width: 154px;
		margin: 0 auto;
	}
	.pointer {
		float: none;
    	width: 113px;
		margin: -27px auto 0 auto;
    	background: transparent url(../images/icons/speakPointerLg.png) no-repeat 50px 0;
	}
	.showEmailMask #sendEmailMaskHeader {
		/*height: 67px;
		height: 107px;*/
		height: 90px;
	}
	.subInputWrapper {
		width: 84%;
		padding: 10px 8% 0 8%;
	}
}

@media
only screen and (min-width:480px) and (max-width:680px) {	
	.two-col-conf .left-side {
		width:94%;
		text-align:center;
	}
	.two-col-conf .left-side p{
		padding-top:10px;
		padding-bottom:12px;
		font: 16px Lato, Arial, Helvetica, sans-serif;
	}
	.two-col-conf .left-side .button-wrapper {
		padding-bottom:18px;
	}
	.two-col-conf .left-side .button-wrapper input[type="button"].green{
		max-width:100%;
	}
	
	.two-col-conf .right-side{
		width:100%;
		max-height:268px;
	}
	.desktop-only{
		display:none;
	}
	.two-col-conf .right-side img.desktop-only{
		display:none;	
	}
	.two-col-conf .right-side img.non-desktop-large{
		display:inline;
	}
	.two-col-conf .right-side img.non-desktop-small{
		display:none;
	}	

}
/* Mobile (landscape) ----------- */
@media
only screen and (max-width:680px) and (orientation:portrait) {
	#contentWrapper {
		margin-top: 0;
	}
	header {
		padding: 0 4% 5px;
	}
	
	/********** START - EDIT MENU STYLES **********/
	nav {
		top: -13px;
	}
	#hamburgerWrapper {
		width: 80px;
		height: 80px;
		top: 34px;
	}	
	#outterCircle{


		height: 74px; 
		width: 74px; 
	}
	#innerCircle{ 
		height: 62px; 
		width: 62px; 
		top: 2px; 
		left:2px;
	}
	#hamburger{
		width: 24px;
		top: -73px;
		padding: 14px 20px 27px 20px;
	}
	#hamburger .text{
		font-size: .8rem;
	}
	#hamburger.complete .text {
		margin-left: -5px;
	}
	#hamburger .lines {
		width: 24px;
		height: 3px;
	}
	#hamburger .lines:before, #hamburger .lines:after {
		width: 24px;
		height: 3px;
	}
	.showOverlay #floatIcons {
		width: 82px;
	}
	.menu {
		width: 82px;
		height: 82px;
	}
	#aboutYouMenu, #vehicleMenu, #driverMenu, #additionalInfoMenu, #rateMenu {
		background-size: 82px;
		margin-top: -82px;
	}
	#aboutYouMenu {
		margin-top: -43px;
	}
	/***** ABOUTYOU KEYFRAMES *****/
	@keyframes aboutYouFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 86px);}
	}
	@-moz-keyframes aboutYouFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 86px);}
	}
	@-webkit-keyframes aboutYouFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 86px);}
	}
	@-o-keyframes aboutYouFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 86px);}
	}
	@-ms-keyframes aboutYouFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 86px);}
	}
	/***** VEHICLE KEYFRAMES *****/
	@keyframes vehicleFrames{
		0%   {transform: translate(0px, 0px);}
		100% {opacity: 1; transform: translate(0px, 168px);}
	}
	@-moz-keyframes vehicleFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 168px);}
	}
	@-webkit-keyframes vehicleFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 168px);}
	}
	@-o-keyframes vehicleFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 168px);}
	}
	@-ms-keyframes vehicleFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 168px);}
	}
	/***** DRIVER KEYFRAMES *****/
	@keyframes driverFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 250px);}
	}
	@-moz-keyframes driverFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 250px);}
	}
	@-webkit-keyframes driverFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 250px);}
	}
	@-o-keyframes driverFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 250px);}
	}
	@-ms-keyframes driverFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 250px);}
	}
	/***** ADDITIONALINFO KEYFRAMES *****/
	@keyframes additionalInfoFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 332px);}
	}
	@-moz-keyframes additionalInfoFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 332px);}
	}
	@-webkit-keyframes additionalInfoFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 332px);}
	}
	@-o-keyframes additionalInfoFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 332px);}
	}
	@-ms-keyframes additionalInfoFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 332px);}
	}	
	/***** RATE KEYFRAMES *****/

	@keyframes rateFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 414px);}
	}
	@-moz-keyframes rateFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 414px);}
	}
	@-webkit-keyframes rateFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 414px);}
	}
	@-o-keyframes rateFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 414px);}
	}
	@-ms-keyframes rateFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 414px);}
	}
	/********** END - EDIT MENU STYLES **********/
}
@media
only screen and (max-width:680px) and (orientation:landscape) {
	#contentWrapper {
		margin-top: 61px;
	}
	header {
		padding: 15px 4%;
	}

	/********** START - EDIT MENU STYLES **********/
	nav {
		top: -13px;
	}
	#hamburgerWrapper {
		width: 80px;
		height: 80px;
		top: 40px;
	}	
	#outterCircle{
		height: 74px; 
		width: 74px; 
	}
	#innerCircle{ 
		height: 62px; 
		width: 62px; 
		top: 2px; 
		left:2px;
	}
	#hamburger{
		width: 24px;
		top: -73px;
		padding: 14px 20px 27px 20px;
	}
	#hamburger .text{
		font-size: .8rem;
	}
	#hamburger.complete .text {
		margin-left: -5px;
	}
	#hamburger .lines {
		width: 24px;
		height: 3px;
	}
	#hamburger .lines:before, #hamburger .lines:after {
		width: 24px;
		height: 3px;
	}
	.showOverlay #floatIcons {
		width: 82px;
	}
	.menu {
		width: 82px;
		height: 82px;
	}
	#aboutYouMenu, #vehicleMenu, #driverMenu, #additionalInfoMenu, #rateMenu {
		background-size: 82px;
		margin-top: -82px;
	}
	#aboutYouMenu {
		margin-top: -37px;
	}
	.showOverlay .complete25 #floatIcons #aboutYouMenu {
		animation: aboutYouFrames25 ease-in-out .5s 1 forwards;
		-webkit-animation: aboutYouFrames25 ease-in-out .5s 1 forwards;
		-moz-animation: aboutYouFrames25 ease-in-out .5s 1 forwards;
		-o-animation: aboutYouFrames25 ease-in-out .5s 1 forwards;
		-ms-animation: aboutYouFrames25 ease-in-out .5s 1 forwards;
	}
	/***** ABOUTYOU KEYFRAMES *****/
	@keyframes aboutYouFrames25{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-86px, 0px);}
	}
	@-moz-keyframes aboutYouFrames25{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-86px, 0px);}
	}
	@-webkit-keyframes aboutYouFrames25 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-86px, 0px);}
	}
	@-o-keyframes aboutYouFrames25 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-86px, 0px);}
	}
	@-ms-keyframes aboutYouFrames25 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-86px, 0px);}
	}
	.showOverlay .complete50 #floatIcons #aboutYouMenu {
		animation: aboutYouFrames50 ease-in-out .5s 1 forwards;
		-webkit-animation: aboutYouFrames50 ease-in-out .5s 1 forwards;
		-moz-animation: aboutYouFrames50 ease-in-out .5s 1 forwards;
		-o-animation: aboutYouFrames50 ease-in-out .5s 1 forwards;
		-ms-animation: aboutYouFrames50 ease-in-out .5s 1 forwards;
	}
	.showOverlay .complete50 #floatIcons #vehicleMenu {
		animation: vehicleFrames50 ease-in-out .5s 1 forwards;
		-webkit-animation: vehicleFrames50 ease-in-out .5s 1 forwards;
		-moz-animation: vehicleFrames50 ease-in-out .5s 1 forwards;
		-o-animation: vehicleFrames50 ease-in-out .5s 1 forwards;
		-ms-animation: vehicleFrames50 ease-in-out .5s 1 forwards;
	}
	/***** ABOUTYOU KEYFRAMES *****/
	@keyframes aboutYouFrames50{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-168px, 0px);}
	}
	@-moz-keyframes aboutYouFrames50{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-168px, 0px);}
	}
	@-webkit-keyframes aboutYouFrames50 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-168px, 0px);}
	}
	@-o-keyframes aboutYouFrames50 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-168px, 0px);}
	}
	@-ms-keyframes aboutYouFrames50 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-168px, 0px);}
	}
	/***** VEHICLE KEYFRAMES *****/
	@keyframes vehicleFrames50{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-86px, 0px);}
	}
	@-moz-keyframes vehicleFrames50{
	  0%   {-moz-transform: translate(0px, 0px);}
	  100% {-moz-transform: translate(-86px, 0px);}
	}
	@-webkit-keyframes vehicleFrames50 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-86px, 0px);}
	}
	@-o-keyframes vehicleFrames50 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-86px, 0px);}
	}
	@-ms-keyframes vehicleFrames50 {
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-86px, 0px);}
	}
	.showOverlay .complete75 #floatIcons #aboutYouMenu {
		animation: aboutYouFrames75 ease-in-out .5s 1 forwards;
		-webkit-animation: aboutYouFrames75 ease-in-out .5s 1 forwards;
		-moz-animation: aboutYouFrames75 ease-in-out .5s 1 forwards;
		-o-animation: aboutYouFrames75 ease-in-out .5s 1 forwards;
		-ms-animation: aboutYouFrames75 ease-in-out .5s 1 forwards;
	}
	.showOverlay #floatIcons #vehicleMenu {
		animation: vehicleFrames75 ease-in-out .5s 1 forwards;
		-webkit-animation: vehicleFrames75 ease-in-out .5s 1 forwards;
		-moz-animation: vehicleFrames75 ease-in-out .5s 1 forwards;
		-o-animation: vehicleFrames75 ease-in-out .5s 1 forwards;
		-ms-animation: vehicleFrames75 ease-in-out .5s 1 forwards;
	}
	.showOverlay #floatIcons #driverMenu {
		animation: driverFrames75 ease-in-out .5s 1 forwards;
		-webkit-animation: driverFrames75 ease-in-out .5s 1 forwards;
		-moz-animation: driverFrames75 ease-in-out .5s 1 forwards;
		-o-animation: driverFrames75 ease-in-out .5s 1 forwards;
		-ms-animation: driverFrames75 ease-in-out .5s 1 forwards;
	}
	/***** ABOUTYOU KEYFRAMES *****/
	@keyframes aboutYouFrames75{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-250px, 0px);}
	}
	@-moz-keyframes aboutYouFrames75{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-250px, 0px);}
	}
	@-webkit-keyframes aboutYouFrames75 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-250px, 0px);}
	}
	@-o-keyframes aboutYouFrames75 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-250px, 0px);}
	}
	@-ms-keyframes aboutYouFrames75 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-250px, 0px);}
	}
	/***** VEHICLE KEYFRAMES *****/
	@keyframes vehicleFrames75{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-168px, 0px);}
	}
	@-moz-keyframes vehicleFrames75{
	  0%   {-moz-transform: translate(0px, 0px);}
	  100% {-moz-transform: translate(-168px, 0px);}
	}
	@-webkit-keyframes vehicleFrames75 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-168px, 0px);}
	}
	@-o-keyframes vehicleFrames75 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-168px, 0px);}
	}
	@-ms-keyframes vehicleFrames75 {
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-168px, 0px);}
	}
	/***** DRIVER KEYFRAMES *****/
	@keyframes driverFrames75{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-86px, 0px);}
	}
	@-moz-keyframes driverFrames75{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-86px, 0px);}
	}
	@-webkit-keyframes driverFrames75 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-86px, 0px);}
	}
	@-o-keyframes driverFrames75 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-86px, 0px);}
	}
	@-ms-keyframes driverFrames75 {
		0% {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-86px, 0px);}
	}
	.showOverlay .complete100 #floatIcons #aboutYouMenu {
		animation: aboutYouFrames100 ease-in-out .5s 1 forwards;
		-webkit-animation: aboutYouFrames100 ease-in-out .5s 1 forwards;
		-moz-animation: aboutYouFrames100 ease-in-out .5s 1 forwards;
		-o-animation: aboutYouFrames100 ease-in-out .5s 1 forwards;
		-ms-animation: aboutYouFrames100 ease-in-out .5s 1 forwards;
	}
	.showOverlay .complete100 #floatIcons #vehicleMenu {
		animation: vehicleFrames100 ease-in-out .5s 1 forwards;
		-webkit-animation: vehicleFrames100 ease-in-out .5s 1 forwards;
		-moz-animation: vehicleFrames100 ease-in-out .5s 1 forwards;
		-o-animation: vehicleFrames100 ease-in-out .5s 1 forwards;
		-ms-animation: vehicleFrames100 ease-in-out .5s 1 forwards;
	}
	.showOverlay .complete100 #floatIcons #driverMenu {
		animation: driverFrames100 ease-in-out .5s 1 forwards;
		-webkit-animation: driverFrames100 ease-in-out .5s 1 forwards;
		-moz-animation: driverFrames100 ease-in-out .5s 1 forwards;
		-o-animation: driverFrames100 ease-in-out .5s 1 forwards;
		-ms-animation: driverFrames100 ease-in-out .5s 1 forwards;
	}
	.showOverlay .complete100 #floatIcons #additionalInfoMenu {
		animation: additionalInfoFrames100 ease-in-out .5s 1 forwards;
		-webkit-animation: additionalInfoFrames100 ease-in-out .5s 1 forwards;
		-moz-animation: additionalInfoFrames100 ease-in-out .5s 1 forwards;
		-o-animation: additionalInfoFrames100 ease-in-out .5s 1 forwards;
		-ms-animation: additionalInfoFrames100 ease-in-out .5s 1 forwards;
	}
	.showOverlay .complete100 #floatIcons #rateMenu {
		animation: rateFrames100 ease-in-out .5s 1 forwards;
		-webkit-animation: rateFrames100 ease-in-out .5s 1 forwards;
		-moz-animation: rateFrames100 ease-in-out .5s 1 forwards;
		-o-animation: rateFrames100 ease-in-out .5s 1 forwards;
		-ms-animation: rateFrames100 ease-in-out .5s 1 forwards;
	}
	/***** ABOUTYOU KEYFRAMES *****/
	@keyframes aboutYouFrames100{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-414px, 0px);}
	}
	@-moz-keyframes aboutYouFrames100{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-414px, 0px);}
	}
	@-webkit-keyframes aboutYouFrames100 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-414px, 0px);}
	}
	@-o-keyframes aboutYouFrames100 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-414px, 0px);}
	}
	@-ms-keyframes aboutYouFrames100 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-414px, 0px);}
	}
	/***** VEHICLE KEYFRAMES *****/
	@keyframes vehicleFrames100{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-332px, 0px);}
	}
	@-moz-keyframes vehicleFrames100{
	  0%   {-moz-transform: translate(0px, 0px);}
	  100% {-moz-transform: translate(-332px, 0px);}
	}
	@-webkit-keyframes vehicleFrames100 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-332px, 0px);}
	}
	@-o-keyframes vehicleFrames100 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-332px, 0px);}
	}
	@-ms-keyframes vehicleFrames100 {
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-332px, 0px);}
	}
	/***** DRIVER KEYFRAMES *****/
	@keyframes driverFrames100{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-250px, 0px);}
	}
	@-moz-keyframes driverFrames100{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-250px, 0px);}
	}
	@-webkit-keyframes driverFrames100 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-250px, 0px);}
	}
	@-o-keyframes driverFrames100 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-250px, 0px);}
	}
	@-ms-keyframes driverFrames100 {
		0% {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-250px, 0px);}
	}
	/***** ADDITIONALINFO KEYFRAMES *****/
	@keyframes additionalInfoFrames100{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-168px, 0px);}
	}
	@-moz-keyframes additionalInfoFrames100{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-168px, 0px);}
	}
	@-webkit-keyframes additionalInfoFrames100 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-168px, 0px);}
	}
	@-o-keyframes additionalInfoFrames100 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-168px, 0px);}
	}
	@-ms-keyframes additionalInfoFrames100 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-168px, 0px);}
	}
	/***** RATE KEYFRAMES *****/
	@keyframes rateFrames100{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(-86px, 0px);}
	}
	@-moz-keyframes rateFrames100{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(-86px, 0px);}
	}
	@-webkit-keyframes rateFrames100 {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(-86px, 0px);}
	}
	@-o-keyframes rateFrames100 {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(-86px, 0px);}
	}
	@-ms-keyframes rateFrames100 {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(-86px, 0px);}
	}
	/********** END - EDIT MENU STYLES **********/
}

@media
only screen and (max-width : 680px) and (orientation : landscape) {
	.updateRate {
		padding: 8px 4%;
	}
	.updateRate .button-wrapper input[type="submit"] {
		padding: 8px 0;
	}
}
/* Desktop, laptop, and tablet ----------- */
@media
only screen and (min-width:681px) {
	/*#pageTitle {
		margin: 40px 0;
	}*/
	
	.radioGroup label {
		width: 37.0%;
	}
	/*.checkboxGroup .checkboxOption.columns, .radioGroup .radioOption.columns {
		float: left;
		width: 50%;
	}*/
	.checkboxGroup .checkboxOption.columns:nth-child(odd), .radioGroup .radioOption.columns:nth-child(odd) {
		float: left;
		width: 50%;
	}
	.checkboxGroup .checkboxOption.columns:nth-child(even), .radioGroup .radioOption.columns:nth-child(even) {
		float: right;
		width: 50%;
	}
	#formGroup {
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
		-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, .5);
		box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, .5);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	/*input::-webkit-input-placeholder {
		color:transparent;
	}
	input:-moz-placeholder {
		color:transparent;
	}
	input::-moz-placeholder {
		color:transparent;
	}
	input:-ms-input-placeholder {
		color:transparent;
	}*/
	.inputContent ul li, .inputContent ol li {
		float: left;
		width: 46%;
		/*margin-right: 4%*/
	}
	.inputContent .slide-up ol li{
		width: 100%;
	}
	.inputContent ul li {
		margin-left: 4% !important;
	}
	/*.inputContent ul li:nth-child(odd), .inputContent ol li:nth-child(odd) {
		float: left;
		width: 50%;
	}
	.inputContent ul li:nth-child(even), .inputContent ol li:nth-child(even) {
		float: right;
		width: 50%;
	}*/
	.button a, .button-wrapper a,
	.button input[type="submit"], .button-wrapper input[type="submit"] {
		/*max-width: 300px;*/
	}
	.button-wrapper input[type="submit"].orange, .button-wrapper input[type="button"].orange,
	.button-wrapper a.orange, .button-wrapper input[type="button"].green, .button-wrapper input[type="button"].gray {
		min-width: 180px;
	}
	#submitToAgentSummary .button-wrapper a.orange {
		width: 50%;
	}
	#summaryAddView .button-wrapper input[type="submit"].orange, #summaryAddView .button-wrapper input[type="button"].gray {
		min-width: 125px;
	}
	.inputContent .premium p {
		float: right;
	}
	.mobile {
		display: none !important;
	}
	.emailForm {
		float: left;
		margin: 8px auto 15px auto;
		background-color: #fff;
	}
	/*.radioGroup .radioButton {
	       width: 14%;
	}*/
	.mobileLg {
		display: block;
	}
	.tablet {
		display: none;
	}


	/********** START - EDIT MENU STYLES **********/
	#hamburgerWrapper {
		width: 112px;
		height: 112px;
		top: 51px;
	}
	#outterCircle{
		height: 106px; 
		width: 106px;
	}
	#innerCircle{ 
		width: 86px; 
		height: 86px; 
		top: 6px; 
		left:6px;
	}
	#hamburger{
		width: 38px;
		top: -104px;
		padding: 24px 27px 46px 27px;
	}
	#hamburger .text{
		font-size: 1.313rem;
	}
	#hamburger.complete .text {
		margin-left: -9px;
	}
	#hamburger .lines {
		width: 38px;
		height: 4px;
	}
	#hamburger .lines:before, #hamburger .lines:after {
		width: 38px;
		height: 4px;
	}
	.showOverlay #floatIcons {
		width: 112px;
	}
	.menu {
		width: 108px;
		height: 108px;
	}
	#aboutYouMenu, #vehicleMenu, #driverMenu, #additionalInfoMenu, #rateMenu {
		margin-top: -106px;
	}
	#aboutYouMenu {
		margin-top: -51px;
	}
	/***** ABOUTYOU KEYFRAMES *****/
	@keyframes aboutYouFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 110px);}
	}
	@-moz-keyframes aboutYouFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 110px);}
	}
	@-webkit-keyframes aboutYouFrames {
		0%   {-webkit-transform: translate(0px, 0px); }
		100% {-webkit-transform: translate(0px, 110px);}
	}
	@-o-keyframes aboutYouFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 110px);}
	}
	@-ms-keyframes aboutYouFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 110px);}
	}
	/***** VEHICLE KEYFRAMES *****/
	@keyframes vehicleFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 210px);}
	}
	@-moz-keyframes vehicleFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 210px);}
	}
	@-webkit-keyframes vehicleFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 210px);}
	}
	@-o-keyframes vehicleFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 210px);}
	}
	@-ms-keyframes vehicleFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 210px);}
	}
	/***** DRIVER KEYFRAMES *****/
	@keyframes driverFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 310px);}
	}
	@-moz-keyframes driverFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 310px);}
	}
	@-webkit-keyframes driverFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 310px);}
	}
	@-o-keyframes driverFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 310px);}
	}
	@-ms-keyframes driverFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 310px);}
	}
	/***** ADDITIONALINFO KEYFRAMES *****/
	@keyframes additionalInfoFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 410px);}
	}
	@-moz-keyframes additionalInfoFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 410px);}
	}
	@-webkit-keyframes additionalInfoFrames {
		0%   {-webkit-transform: translate(0px,0px);}
		100% {-webkit-transform: translate(0px,410px);}
	}
	@-o-keyframes additionalInfoFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 410px);}
	}
	@-ms-keyframes additionalInfoFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 410px);}
	}
	/***** RATE KEYFRAMES *****/
	@keyframes rateFrames{
		0%   {transform: translate(0px, 0px);}
		100% {transform: translate(0px, 510px);}
	}
	@-moz-keyframes rateFrames{
		0%   {-moz-transform: translate(0px, 0px);}
		100% {-moz-transform: translate(0px, 510px);}
	}
	@-webkit-keyframes rateFrames {
		0%   {-webkit-transform: translate(0px, 0px);}
		100% {-webkit-transform: translate(0px, 510px);}
	}
	@-o-keyframes rateFrames {
		0%   {-o-transform: translate(0px, 0px);}
		100% {-o-transform: translate(0px, 510px);}
	}
	@-ms-keyframes rateFrames {
		0%   {-ms-transform: translate(0px, 0px);}
		100% {-ms-transform: translate(0px, 510px);}
	}
	/********** END - EDIT MENU STYLES **********/
}

/*tablet styles*/
@media
only screen and (min-width:641px) and (max-width:768px) {
	/********** START - COLUMN STYLES **********/
	.columns #rightContent h1.callAgent, .columns #rightContent h1.callMe, .columns #rightContent h1.emailQuote {
		font-size: .825rem;
	}
	.columns #rightContent h1.callAgent span, .columns #rightContent h1.callMe span, .columns #rightContent h1.emailQuote span {
		margin: 0 6px -20px 0;
		background-size: 90%;
	}	
	.columns #rightContent h1.callAgent, .columns #rightContent h1.callMe, .columns #rightContent h1.emailQuote {
		line-height: 52px;
	}
	/********** END - COLUMN STYLES **********/
	.coverageGroup .selectGroup .field, .coverageGroup .radioGroup .field {
		padding-left: 5%;
	}
	.mobileLg {
		display: block;
	}
	.tablet {
		display: none;
	}
}

/*tablet styles*/
@media
only screen and (min-width:641px) and (max-width:768px) and (orientation:portrait) {	

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

@media
only screen and (min-width : 769px) {
	.selectGroup, .radioGroup {
		display: table;
		table-layout: fixed;
	}
	.selectGroup .title, .radioGroup .title {
		display: table-cell;
		/*width: 45%;*/
		vertical-align: middle;
		/*padding-right: 2%;*/
	}
	.selectGroup .field, .radioGroup .field {
		display: table-cell;
		/*width: 55%;*/
		vertical-align: top;
	}
	/*.radioGroup .radioButton {
	       width: 14%;
	}*/
	.inputContent .radioGroup .radioButton {
	    width: 37.2%;
	}
	#rate .inputContent .radioGroup .radioButton {
	    width: 37.6%;
	}
	#rate .inputContent .coverageGroup .radioGroup .radioButton {
	    width: 35.2%;
	}
	.inputContent .premium {
		display: table-cell;
		width: 12%;
		padding-left: 1%;
		vertical-align: middle;
	}
	.inputContent .premium p {
		float: right;
		color: #555555;
	}
	.inputContent .premium p span {
		display:none;
	}
	.nonColumn .coverageGroup .selectGroup .field, .nonColumn .coverageGroup .radioGroup .field {
		padding-left: 5%;
	}
	.nonColumn .coverageGroup .selectGroup .field select, .nonColumn .coverageGroup .radioGroup .field select {
		width: 95%;
	}
	.nonColumn .selectGroup .title, .nonColumn .radioGroup .title {
		display: block;
		/*width: inherit;*/
		vertical-align: inherit;
	}
	.nonColumn .selectGroup .field, .nonColumn .radioGroup .field {
		display: block;
		width: inherit;
		vertical-align: inherit;
	}
	.nonColumn .inputContent .premium {
		display: block;
		width: inherit;
		padding-left: 0;
		vertical-align: inherit;
	}
	.nonColumn .inputContent .premium p {
		font-size: .875rem;
	}
	.nonColumn .coverageGroup p span {
		font-size: .875rem;
	}
	.mobileLg {
		display: none;
	}
	.tablet {
		display: block;
	}
}

/* Buttons for Desktop, laptop, and tablet ----------- */
@media
only screen and (min-width:801px) {
	.inputGroup.firstName, .inputGroup.lastName {
		width: 71%;
		padding-right: 4%;
	}
	.inputGroup.initial, .inputGroup.suffix, .selectGroup.suffix {
		width: 25%;
	}	
	.inputGroup.address {
		/*width: 72%;*/
		width: 76%;
		padding-right: 4%;
	}
	.inputGroup.unit {
		/*width: 24%;*/
		width: 20%;
	}
	.inputGroup.city {
		/*width: 63%;*/
		width: 60%;
		padding-right: 4%;
	}
	.inputGroup.state {
		width: 12%;
		padding-right: 4%;
	}
	.inputGroup.zip {
		/*width: 17%;*/
		width: 20%;
	}
}

.changeAddressCityStateZip .inputGroup.address {
	width: 100%;
}

@media
only screen and (min-width: 481px) {
	.changeAddressCityStateZip .inputGroup.city {
			width: 100%;
	}
	.changeAddressCityStateZip .inputGroup.state {
			width: 53%;
	}
	.changeAddressCityStateZip .inputGroup.zip {
			width: 43%;
	}
}

/*large desktop styles*/

@media
only screen and (min-width:1281px) {
	nav {
		max-width: 950px;
	}
	#editMenu {
		margin-right: 7.5%;	
	}
	/********** START - COLUMN STYLES **********/
	.columns header #headerWrapper {
		max-width: 950px;
		margin: 0 auto;
	}
	header #logoWrapper {
	    max-width: 750px;
    	width: 100%;
	}
	.esign header #logoWrapper {
	    max-width: 950px;
	}
	.columns.logo header #logoWrapper {
	    max-width: 750px;
	}
	.columns header #logoWrapper {
		/*margin: 0;*/
		max-width: 950px;
	}
	.columns #pageTitle {
		width: 70%;
		margin: 52px 0 40px 0;
		max-width: 665px;
	}
	.columns #title {
		margin: 0 0%;
	}
	.columns #pageTitle h3 {
		margin: 4px 0% 0 0%;
	}
	.columns #contentWrapper {
		width: 96%;
		padding: 0 2% 40px 2%;
	}
	.columns #sectionContent {
		max-width: 950px;
	}
	/*.columns #formGroup {
		width: 62%;
		max-width: 640px;
	}*/
	.columns #formGroup {
		width: 70%;
		max-width: 665px;
	}
	
	.columns #rightContentWrapper {
		display: block;
		float: right;
		width: 27%;
	}
	.columns #inputWrapper {
		width: 84%;
		padding: 32px 8%;
	}
	.columns #rentersBundle #inputWrapper {
		width: 86%;
		padding: 32px 6%;
	}
	#rentersBundle .columns #inputWrapper {
		width: 86%;
		padding: 32px 6%;
	}
	#rentersBundle .columns #inputWrapper {
		width: 86%;
		padding: 32px 6%;
	}
	.columns #formGroup.summary {
		width: 70%;
		padding: 0;
	}
	.columns footer .row.one, .columns footer .row.two {
		display: none;
	}
	.columns #rightContent {
		display: block;
		float: right;
		width: 84%;
    	padding: 32px 8%;
		max-width: none;
		background-color: #fff;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
		-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, .5);
		box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, .5);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;	
	}
	.hideContactInfo #contactInfo, .hideContactInfo #rightContentWrapper {
		display:none;	
	}
	.columns #rightContent h1 {
		float: left;
    	width: 100%;
		margin: 0 0 15px 0;
		color: black;
		line-height: 58px;
	}
	.columns #rightContent h1 span {
		float: left;
		display: block;
		width: 44px;
		height: 44px;
		margin: 0;
		padding-right: 20px;
	}
	.columns #rightContent a.callMe {
		display:block;
		float: left;
    	width: 100%;
		font: 0/0 Lato, Arial, Helvetica, sans-serif;
	}
	.columns #purchasedQuote #rightContent h1.emailQuote,
	.columns #purchasedQuote #rightContent a.callMe,
	.columns #welcomeBack #rightContent h1.emailQuote,
	.columns #welcomeBack #rightContent a.callMe,
	.columns #unableToRetrieve #rightContent h1.emailQuote,
	.columns #unableToRetrieve #rightContent a.callMe,
	.columns #unableToProcess #rightContent h1.emailQuote,
	.columns #unableToProcess #rightContent a.callMe,
	.columns #referToAgent #rightContent h1.emailQuote,
	.columns #referToAgent #rightContent a.callMe{
		display: none;
	}
	.columns #rightContent h1.callAgent span {
		background: transparent url(../images/icons/callIcon.png) no-repeat 0 0;
	}	
	/*.columns #rightContent h1.callMe span {
		background: transparent url(../images/icons/callMeIcon.png) no-repeat 0 0;
	}*/
	.columns #rightContent h1.emailQuote span {
		background: transparent url(../images/icons/emailIcon.png) no-repeat 0 0;
	}	
	.tollFree, .call, .email {
		float: left;
		line-height: 16px;
		text-align: left;
		padding-top: 13px;
	}
	.tollFree {
		padding-top: 7px;
	}
	.tollFree .speakToAgent {
		font-size: .75rem;
	}
	.columns #rightContent h4 {
		float: left;
   		width: 100%;
		color: #777777;
		font-size: .875rem;
	}
	.columns #summaryAddView {
		margin: -2px 0 0 0;
		width: 70%;
		/*margin: -107px 4% 0 4%;
		width: 46%;*/
	}
	.columns #summaryAddView .button-wrapper {
	  width: 100%;
	}
	#promoWrapperBanner {
		display:none;
	}
	.columns #promoWrapperRight {
		display:block;
	}
	.columns #rightContent a.agentNumber, .columns #rightContent .agentNumberFooter {
		display: none;
	}
	.columns #agentAssigned {
		display: block;
		float: right;
		width: 84%;
    	padding: 32px 8%;
		margin-top: 18px;
		max-width: none;
		background-color: white;
		box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, .5);
		border-radius: 4px;
	}
	.columns #agentAssigned h1 {
		float: left;
		width: 100%;
		color: black;
		margin: 0 0 15px 0;
	}
	.columns #agentAssigned .companyName {
		font-size: .813rem;
	}
	.columns #agentAssigned .companyInfo {
		padding-top: 8px;
	}
	.columns #agentAssigned .agent {
		float: left;
		line-height: 16px;
		text-align: left;
		padding-top: 13px;
	}
	.columns #agentAssigned h1 span {
		background: transparent url("../images/icons/callMeIcon.png") no-repeat 0 0;
		float: left;
		display: block;
		width: 44px;
		height: 44px;
		margin: 0;
		padding-right: 20px;
	}	
	/********** END - COLUMN STYLES **********/

	
	.toggle .inputContent {
		width: 84%;
		padding: 0 8% 32px 8%;
	}
	
	
	/*.inputContent .radioGroup .radioButton {
	    width: 37.1%;
	}
	.selectGroup .field, .radioGroup .field {
		width: 47%;
	}
	.selectGroup .title, .radioGroup .title {
		display: table-cell;
		width: 53%;
		vertical-align: middle;
		padding: 0 2% 0 0;
	}
	.inputContent .premium {
		width: 15%;
	}
 	#rate .inputContent .radioGroup .radioButton {
	    width: 37.6%;
	}
	#rate .inputContent .coverageGroup .radioGroup .radioButton {
	    width: 35.2%;
	}*/
	.columns .button-wrapper {
		width: 70%;
	}
	.columns .buyContent .button-wrapper,
	.columns  .overlayWrapper .button-wrapper {
		width: 100%;
	}
	.updateRate .button-wrapper, #emailWrapper .button-wrapper {
		width: 100%;
	}
}

 
@media only screen and (max-width: 410px) {
  .inputGroup.address,
  .inputGroup.city,
  input, select, textarea {
    width: 100%;
  }
  .inputGroup.state {
    width: 30%;
  }
  .inputGroup.zip {
    width: 40%;
  } 
}
@media only screen and (min-width: 350px) {
  header #logoWrapper {
	margin-left: 40px;   
  }
}