/***** GENERAL STYLING *******/
img {
  height: auto;
}

.centerAligner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  max-width: 1200px;
}

.cursor {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-family: 'robotobold';
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

p,
a,
span,
input,
textarea,
li,
label,
address,
time,
em,
button,
input[type="submit"] {
  text-decoration: none;
  font-family: 'robotolight';
}

.invalid-field {
  color: #d80707;
  margin-top: 10px;
  display: block;
  font-family: 'robotolight';
}

.z30,
.z20,
.z10 {
  z-index: 30;
}

.z20 {
  z-index: 20;
}

.z10 {
  z-index: 10;
}

u {
  text-decoration: underline;
}

/*ol li{
font-family: 'open_sanslight_italic';
}*/
p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 24px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.one_third,
.three_eigth {
  width: 30%;
  margin-right: 3%;
}

.two_third {
  width: 63%;
  margin-right: 3%;
}

.center {
  text-align: center;
}

.one_quarter {
  width: 23%;
  margin-right: 2%;
}

.half {
  width: 47%;
  margin-right: 2%;
}

.three_quarter {
  width: 73%;
  margin-right: 2%;
}

.full_width {
  width: 100%;
}

.one_fifth {
  width: 18%;
  margin-right: 2%;
}

.two_fifth {
  width: 38%;
  margin-right: 2%;
}

.three_fifth {
  width: 58%;
  margin-right: 2%;
  min-width: 58%;
}

.one_eigth {
  width: 10.5%;
  margin-right: 2%;
}

.two_eigth {
  width: 23%;
  margin-right: 2%;
}

.hide {
  display: none;
}

html {
  margin-top: 0px !important;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  padding-top: 0px;
  background: #fff;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

button {
  cursor: pointer;
  outline: none;
  border: none;
}

.noborder {
  border: none !important;
}

.readMore,
.readMoreYellow,
.readMoreWhite,
.readMoreBlack,
.readMoreWhiteSolid,
.readMoreGrey,
.readMoreBlue,
.readMoreRed {
  background: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 55px 15px 15px;
  color: #000000;
  font-size: 16px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-family: 'robotobold';
  border: 1px solid transparent;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  margin-bottom: 10px;
}
.readMore span,
.readMoreYellow span,
.readMoreWhite span,
.readMoreBlack span,
.readMoreWhiteSolid span,
.readMoreGrey span,
.readMoreBlue span,
.readMoreRed span {
  font-family: "robotomedium";
}
.readMore .arrow,
.readMoreYellow .arrow,
.readMoreWhite .arrow,
.readMoreBlack .arrow,
.readMoreWhiteSolid .arrow,
.readMoreGrey .arrow,
.readMoreBlue .arrow,
.readMoreRed .arrow {
  position: absolute;
  right: 13px;
  top: 11px;
  font-size: 23px;
}
.readMore .yellow,
.readMoreYellow .yellow,
.readMoreWhite .yellow,
.readMoreBlack .yellow,
.readMoreWhiteSolid .yellow,
.readMoreGrey .yellow,
.readMoreBlue .yellow,
.readMoreRed .yellow {
  color: #ffc400;
}
.readMore .leftIcon,
.readMoreYellow .leftIcon,
.readMoreWhite .leftIcon,
.readMoreBlack .leftIcon,
.readMoreWhiteSolid .leftIcon,
.readMoreGrey .leftIcon,
.readMoreBlue .leftIcon,
.readMoreRed .leftIcon {
  position: absolute;
  left: 20px;
  top: 15px;
}

.back {
  padding: 15px 25px 15px 55px;
}
.back .arrow {
  right: auto;
  left: 20px;
}

.readMore:hover,
.readMore.current {
  background: #FFC402;
  padding: 14px 55px 14px 25px;
}

.readMoreBlue {
  background: #283583;
  color: white;
}

.readMoreBlue:hover {
  background: #141d53;
}

.readMoreRed {
  background: #e21d1d;
  color: white;
}

.readMoreRed:hover {
  background: #a11212;
}

.readMoreYellow {
  background: #ffc400;
}

.readMoreYellow:hover {
  background: #ffffff;
  border: 1px solid #FFC402;
}

.readMoreYellow:disabled,
.readMoreYellow[disabled] {
  border: 1px solid #E4E4E4;
  background-color: #E4E4E4;
  color: #B1B1B1;
}

.readMoreGrey:disabled,
.readMoreGrey[disabled],
.readMoreBlack:disabled,
.readMoreBlack[disabled] {
  border: 1px solid #E4E4E4;
  background-color: #E4E4E4;
  color: #B1B1B1;
}

.readMoreWhite {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}

.readMoreWhite:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.readMoreWhiteSolid {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}

.readMoreBlack {
  color: #fff;
  background-color: #000000;
}

.readMoreBlack:hover {
  color: #4A4A4A;
  border: 1px solid #4A4A4A;
  background-color: #ffffff;
}

.readMoreGrey {
  background: #4A4A4A;
  color: #ffffff;
}

.readMoreGrey:hover {
  background: #ffc401;
  color: #4A4A4A;
}

.back:hover {
  padding: 14px 25px 14px 55px;
}

.menuToggle {
  background: #FFC402;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  transition: all linear 0.5s;
  display: none;
}
.menuToggle .opener {
  display: block;
}
.menuToggle .closer {
  display: none;
}

.menuToggle:hover {
  background: #ffffff;
  border: 1px solid #FFC402;
}

.menuToggle.open .opener {
  display: none;
}
.menuToggle.open .closer {
  display: block;
}

.rounded {
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
}

.overlay {
  background: url("../_img/mainoverlay.png");
  position: fixed;
  z-index: 41;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  margin: 0;
  padding: 0px;
  display: none;
}

.marginTop10 {
  margin-top: 10px;
  display: block;
}

.marginTop20 {
  margin-top: 20px;
  display: block;
}

@keyframes backgroundScale {
  0% {
    width: 100%;
  }
  100% {
    width: 110%;
  }
}
.socialNav {
  position: absolute;
  right: 70px;
  top: 50%;
  z-index: 10;
  width: 50px;
  text-align: center;
  margin-top: -190px;
}
.socialNav a {
  width: 50px;
  height: 50px;
  color: #4A4A4A;
  font-size: 35px;
  text-align: center;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.socialNav a:hover {
  color: #FFC402;
}
.socialNav .socialIcon {
  width: 50px;
  height: 50px;
}

.tooltip {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: inline-block;
  background: #000000;
  text-align: center;
  line-height: 20px;
  position: relative;
}
.tooltip .info {
  color: #ffffff;
  font-size: 13px;
  position: absolute;
  left: 8px;
}

.tipdescription {
  color: #000000;
  background: #FFC402;
}

.mobileNav {
  display: none;
}

.preLoader,
.modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  background: #ffffff;
  text-align: center;
}
.preLoader .progress,
.modal .progress {
  width: 290px;
  height: 0px;
  left: 50%;
  margin-left: -145px;
  top: 0%;
  position: absolute;
  background: #FFC402;
}
.preLoader .progress .arrow,
.modal .progress .arrow {
  position: absolute;
  bottom: 20px;
  font-size: 40px;
  color: #ffffff;
  left: 50%;
  margin-left: -23px;
}
.preLoader .progress .border,
.modal .progress .border {
  position: absolute;
  top: 0px;
  bottom: 45px;
  width: 2px;
  border-left: 1px #fff dashed;
  left: 50%;
  margin-left: -3px;
}
.preLoader .loaderContent,
.modal .loaderContent {
  padding-top: 0%;
  position: absolute;
  width: 100%;
  background: #ffffff;
  margin: 0 auto;
  right: 100%;
  border-bottom: 4px dashed #FFC402;
  height: 150px;
  bottom: 50%;
}
.preLoader .loaderContent .logo,
.modal .loaderContent .logo {
  max-width: 200px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  margin: 0;
}
.preLoader .loaderContent .logo img,
.modal .loaderContent .logo img {
  width: 100%;
}
.preLoader .loaderContent h4,
.modal .loaderContent h4 {
  font-family: 'robotolight';
}
.preLoader .spinner,
.modal .spinner {
  margin: 0 auto;
}
.preLoader .mat-progress-spinner circle,
.preLoader .mat-spinner circle,
.modal .mat-progress-spinner circle,
.modal .mat-spinner circle {
  stroke: #ffc401;
}

.tabNavigation {
  margin-left: 0px;
  padding-left: 0px;
}
.tabNavigation li {
  display: inline-block;
  list-style: none;
  list-style-type: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  background: #E8E8E8;
  color: #000000;
  padding: 10px 20px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-size: 16px;
  font-family: "robotoregular";
}
.tabNavigation li:hover,
.tabNavigation li.selected {
  background: #ffc402;
  border-bottom: 2px solid #ffc402;
}

.flexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: normal;
  -ms-flex-pack: normal;
  align-items: normal;
}

.nestedAccordion {
  overflow: hidden;
  margin-bottom: 20px;
  background: #ffffff;
  border: 3px solid #979797;
  position: relative;
  z-index: 5;
  margin-top: -40px;
  padding: 40px 30px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.nestedAccordion label {
  margin-bottom: 0px;
}

.dateFormatLabel {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-size: 16px;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  right: 100px;
  top: 50%;
  left: 5px;
  padding: 16px;
  margin-top: -27px;
  margin-bottom: 0px;
  font-family: "robotoregular";
  color: #4A4A4A;
  text-align: left;
}

.customCheckbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 4px solid #FFC402;
}

input[type="checkbox"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.customCheckbox:after {
  content: "";
  display: none;
  position: absolute;
}

input:checked ~ .customCheckbox::after {
  display: block;
  background-color: #FFC402;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: -5px;
  margin-left: -5px;
}

.dynamicForm {
  margin-top: 40px;
}
.dynamicForm .marginTop-20 {
  margin-top: 20px;
}
.dynamicForm .marginBottom-20 {
  margin-bottom: 20px;
}
.dynamicForm .tabNavigation {
  margin-bottom: 0px;
  margin-left: 1%;
}
.dynamicForm .tabContent {
  margin-left: 1%;
  width: 98%;
}
.dynamicForm .pageTitle {
  margin-left: 1%;
}
.dynamicForm .pageDetails {
  overflow: hidden;
  width: 94%;
  padding: 2%;
  margin-left: 1%;
}
.dynamicForm .pageDetails .singleQuestion {
  position: relative;
  margin-bottom: 15px;
}
.dynamicForm .pageDetails .singleQuestion .labelCheckbox {
  margin-left: 40px;
}
.dynamicForm .pageDetails .singleQuestion .autocompleteContainer {
  position: relative;
}
.dynamicForm .pageDetails .singleQuestion .autocompleteContainer .autocompleteResponse {
  position: absolute;
  z-index: 40;
  background: #fff;
  width: 100%;
  padding-left: 0px;
  max-height: 200px;
  overflow-y: scroll;
  margin-top: 0px;
  box-shadow: 0 2px 4px -1px #0003;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dynamicForm .pageDetails .singleQuestion .autocompleteContainer .autocompleteResponse .itemList {
  padding-left: 0;
  list-style: none;
  font-family: "robotoregular";
  font-size: 16px;
  padding: 0 16px;
  line-height: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dynamicForm .pageDetails .singleQuestion .autocompleteContainer .autocompleteResponse .itemList:hover {
  background: rgba(0, 0, 0, 0.04);
}
.dynamicForm .pageDetails .singleQuestion .uploadValuation {
  background: #ffffff;
  height: 60px;
  border: 2px solid #C6C6C6;
  border-radius: 10px;
  position: relative;
}
.dynamicForm .pageDetails .singleQuestion .uploadValuation .uploadLabel {
  cursor: pointer;
  text-indent: 20px;
  color: #6c757d;
  font-family: "robotobold";
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
}
.dynamicForm .pageDetails .singleQuestion .uploadValuation .iconPosition {
  position: absolute;
  right: 18px;
  top: 50%;
  font-size: 25px;
  margin-top: -18.5px;
}
.dynamicForm .pageDetails .singleQuestion .uploadValuation input[type="file"] {
  display: none;
}
.dynamicForm .pageDetails .singleQuestion .inputCheckbox {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.dynamicForm .pageDetails .singleQuestion mat-slider {
  width: 510px;
}
.dynamicForm .pageDetails .singleQuestion input,
.dynamicForm .pageDetails .singleQuestion select,
.dynamicForm .pageDetails .singleQuestion textarea {
  border: 2px solid #C6C6C6;
  border-radius: 10px;
  height: 60px;
  background: #fff;
  margin: 0px;
  text-overflow: ellipsis;
}
.dynamicForm .pageDetails .singleQuestion input:focus,
.dynamicForm .pageDetails .singleQuestion select:focus,
.dynamicForm .pageDetails .singleQuestion textarea:focus {
  border-color: #333;
}
.dynamicForm .pageDetails .singleQuestion .locationInput input {
  border: none;
}
.dynamicForm .pageDetails .singleQuestion .locationInput input {
  padding-left: 10px;
}
.dynamicForm .pageDetails .singleQuestion .dateTimeInput {
  position: relative;
}
.dynamicForm .pageDetails .singleQuestion .dateTimeInput .iconPosition {
  position: absolute;
  right: 20px;
  top: 10px;
}
.dynamicForm .pageDetails .singleQuestion .conditionRow {
  flex-grow: 1;
  margin-right: 10px;
  margin-top: 10px;
}
.dynamicForm .accordion {
  width: 93%;
}

.modal {
  background: url("../_img/preloader/frost.png") center center no-repeat;
}
.modal .modalContainer {
  max-width: 670px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  margin-top: 10%;
}
.modal .modalContainer .closer {
  width: 50px;
  height: 50px;
  background-color: #FFC402;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.modal .modalContainer .closer .arrow {
  font-size: 22px;
  color: #ffffff;
}
.modal .modalContainer .modalContent {
  display: inline-block;
  width: 420px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: #ffffff;
  text-align: left;
  height: 470px;
  padding: 20px;
  padding-right: 55px;
  box-sizing: border-box;
  word-wrap: break-word;
}
.modal .modalContainer .modalContent h4 {
  font-size: 18px;
}
.modal .modalContainer .modalContent .readMoreYellow {
  margin-bottom: 10px;
}
.modal .modalContainer .modalImage {
  display: inline-block;
  position: absolute;
  right: -80px;
  top: 0px;
  width: 55%;
  bottom: 0px;
  overflow: hidden;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-bottomright: 30px;
  border-bottom-right-radius: 30px;
}
.modal .modalContainer .modalImage .tint {
  background: url(../_img/preloader/frost.png) center center no-repeat;
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: block;
  padding: 0px;
  margin: 0px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.modal .modalContainer .modalImage img {
  width: 100%;
}
.modal .modalContainer .modalImage article {
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 20px;
  z-index: 20;
}
.modal .modalContainer .modalImage article .headset {
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 20px;
  display: block;
}
.modal .modalContainer .modalImage article h5 {
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  margin-top: 0px;
  font-family: 'robotomedium';
}

.processor {
  text-align: center;
  clear: both;
}
.processor .mat-progress-spinner circle,
.processor .mat-spinner circle {
  stroke: #ffc401;
}
.processor .mat-progress-spinner {
  margin: 0 auto;
}

header {
  position: relative;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 40;
  background: #ffffff;
  border-bottom: 1px solid #CCCCCC;
}
header .headerWrapper {
  width: 90%;
  margin-left: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
}
header .headerLink {
  display: inline-block;
  max-width: 125px;
}
header .headerLink img {
  width: 100%;
}
header nav {
  margin-top: 0px;
  display: inline-block;
  vertical-align: top;
  float: right;
}
header nav .phoneNumber {
  font-size: 18px;
  color: #000000;
  position: relative;
  top: 0px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: "robotobold";
}
header nav.black ul li a {
  color: #000000;
}
header ul {
  display: inline-block;
  margin-right: 0px;
}
header ul li {
  display: inline-block;
}
header ul li a {
  color: #000000;
  font-size: 18px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px;
  padding-bottom: 5px;
  font-weight: bold;
}
header ul li a.active,
header ul li a:hover {
  color: #000000;
  border-bottom: 3px solid #FFC402;
}
header .userStatus {
  display: inline-block;
  position: relative;
}
header .userStatus .userIcon {
  font-size: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
}
header .userStatus .dropdown {
  position: absolute;
  width: 200px;
  padding: 20px 0px;
  right: 0px;
  top: 100%;
  background: #ffffff;
  min-height: 200px;
  display: none;
  border: 1px solid #ffc401;
}
header .userStatus .dropdown nav {
  display: block;
  float: none;
}
header .userStatus .dropdown a,
header .userStatus .dropdown button {
  color: #000000;
  display: block;
  text-align: left;
  height: 45px;
  line-height: 45px;
  width: 100%;
  background: none;
  font-size: 14px;
  font-family: 'robotomedium';
  text-indent: 15px;
  text-align: left;
  position: relative;
  padding-left: 0px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
header .userStatus .dropdown a .userIcon,
header .userStatus .dropdown button .userIcon {
  font-size: 18px;
  top: 0px;
  right: 15px;
}
header .userStatus .dropdown a:hover,
header .userStatus .dropdown button:hover {
  background: #FFC402;
  color: #000000;
  text-indent: 15px;
}
header .userStatus .dropdown a:hover .userIcon,
header .userStatus .dropdown button:hover .userIcon {
  font-size: 18px;
  top: 0px;
}
header .userStatus:hover .dropdown {
  display: block;
}

.authoverlay {
  position: fixed;
  top: 95px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 40;
  display: none;
}
.authoverlay fieldset {
  border: none;
}
.authoverlay .overlay {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 95px;
  background: url("../_img/mainoverlay.png");
  padding: 0px;
  margin: 0px;
  display: block !important;
}
.authoverlay .formContainer {
  width: 33%;
  background: #ffffff;
  position: absolute;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: 60;
  overflow-y: scroll;
}
.authoverlay .formContainer .returnLinks {
  margin-top: 80px;
  display: none;
}
.authoverlay .formContainer .closer {
  position: absolute;
  right: 30px;
  background: none;
  font-size: 12px;
  top: 60px;
}
.authoverlay .formContainer .closer .ng-fa-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #000000;
  display: inline-block;
  line-height: 30px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.authoverlay .formContainer .formWrapper {
  display: none;
}
.authoverlay .formContainer .formWrapper .authlinks {
  margin-top: 50px;
}
.authoverlay .formContainer .formWrapper .authlinks span {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  color: #000000;
  border-bottom: 2px solid #FFC402;
  font-family: "robotobold";
  padding-bottom: 10px;
}
.authoverlay .formContainer .formWrapper .authlinks span:hover {
  color: #FFC402;
  border-bottom: 2px solid #000000;
}
.authoverlay .formContainer form {
  padding: 40px;
}
.authoverlay .formContainer form fieldset {
  padding: 0px;
}
.authoverlay .formContainer form div {
  margin-bottom: 40px;
}
.authoverlay .formContainer form div input {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  height: 60px;
  text-indent: 20px;
  outline: none;
}
.authoverlay .formContainer form div input[type="radio"] {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.authoverlay .formContainer form div input[type="radio"]:after {
  position: relative;
  display: block;
  left: 1px;
  top: -1px;
  width: 14px;
  height: 14px;
  content: "";
}
.authoverlay .formContainer form div input[type="radio"]:checked:after {
  position: relative;
  display: block;
  left: 1px;
  top: -1px;
  width: 14px;
  height: 14px;
  border-width: 1px;
  border-style: solid;
  border-color: yellow;
  content: "";
}
.authoverlay .formContainer form div .form-check-label {
  display: inline-block;
}

.mat-select {
  font-size: 16px;
}

.banner h1 {
  font-family: 'robotobold';
  color: #1C355D;
}
.banner p {
  margin-bottom: 20px;
}

.snippets h2 {
  text-align: center;
  font-style: italic;
  color: #283583;
}
.snippets h3 {
  color: #283583;
}
.snippets .one_third img {
  width: 100%;
}

.motorBanner {
  position: relative;
  width: 100%;
  min-height: 85vh;
}
.motorBanner .imageContainer {
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
}
.motorBanner .imageContainer figure {
  padding: 0px;
  margin: 0px;
}
.motorBanner .imageContainer .overlay {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: url("../_img/home/skyline_overlay.png") left bottom repeat-x;
  z-index: 2;
  display: block;
}
.motorBanner .imageContainer .cityLandscape {
  position: absolute;
  margin: 0px;
  padding: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}
.motorBanner .imageContainer .cityLandscape img {
  width: 100%;
}
.motorBanner .imageContainer .accidentScene {
  position: absolute;
  right: 10%;
  bottom: 28px;
  width: 35%;
  margin: 0px;
  padding: 0px;
  z-index: 20;
}
.motorBanner .imageContainer .accidentScene img {
  width: 100%;
}
.motorBanner .imageContainer .road {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  padding: 0px;
  z-index: 10;
}
.motorBanner .imageContainer .road img {
  width: 100%;
}
.motorBanner .imageContainer .traffic {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 18%;
  z-index: 20;
}
.motorBanner .imageContainer .traffic img {
  width: 100%;
}
.motorBanner .introduction {
  position: relative;
  left: 5%;
  z-index: 30;
  top: 20px;
  width: 75%;
}
.motorBanner .introduction h1 {
  font-size: 40px;
}
.motorBanner .introduction h1 strong {
  background: #FFC402;
  padding-left: 10px;
  padding-right: 10px;
}
.motorBanner .introduction p {
  font-size: 26px;
  margin-bottom: 5px;
  margin-top: 0px;
  line-height: 32px;
  max-width: 85%;
}
.motorBanner .quoteOverlay {
  position: absolute;
  top: -60px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  display: none;
  z-index: 20;
  margin: 0px;
  background: url("../_img/mainoverlay.png") center center;
}
.motorBanner form {
  position: relative;
  margin-top: 60px;
}
.motorBanner form fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
.motorBanner form fieldset input,
.motorBanner form fieldset .input {
  width: 100%;
  background: #fff;
}
.motorBanner form fieldset .mat-form-field {
  line-height: 1;
}
.motorBanner form fieldset .selectStyling {
  position: absolute;
  right: 20px;
  top: 2px;
  color: #FFC402;
}
.motorBanner form fieldset label.white {
  color: #ffffff;
}
.motorBanner form fieldset .mat-form-field-wrapper {
  padding-bottom: 0px;
  height: 58px;
  -webkit-border-top-right-radius: 35px;
  -webkit-border-bottom-right-radius: 35px;
  -moz-border-radius-topright: 35px;
  -moz-border-radius-bottomright: 35px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}
.motorBanner form fieldset .mat-form-field-wrapper .mat-form-field-flex {
  background: none;
}
.motorBanner form fieldset .mat-form-field-wrapper .mat-form-field-flex {
  padding-left: 0px;
  border-radius: inherit;
  padding: 0px;
  height: 60px;
}
.motorBanner form fieldset .mat-form-field-wrapper .mat-select-trigger {
  width: 100%;
  position: relative;
}
.motorBanner form fieldset .mat-form-field-wrapper .mat-select-value {
  text-indent: 30px;
}
.motorBanner form fieldset .mat-form-field-wrapper .mat-select-arrow-wrapper {
  position: absolute;
  right: 15px;
  top: 13px;
}
.motorBanner form fieldset .mat-form-field-underline {
  display: none;
}
.motorBanner form .quoteSummary {
  background: #ffffff;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 85%;
  z-index: 30;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 25px 0px;
  display: block;
  margin-top: 70px;
  display: none;
  padding-bottom: 45px;
}
.motorBanner form .quoteSummary .tabNavigation {
  border-right: 1px solid #E4E4E4;
  width: 96%;
  margin-right: 2%;
  margin-left: 0%;
}
.motorBanner form .quoteSummary .tabNavigation button {
  background: #E8E8E8;
  margin-right: 2px;
  color: #000000;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 20px 60px;
}
.motorBanner form .quoteSummary .tabNavigation button:hover,
.motorBanner form .quoteSummary .tabNavigation button.selected {
  background: #FFFFFF;
  margin-right: 2px;
  color: #FFC402;
}
.motorBanner form .quoteSummary .two_third {
  margin-right: 0px;
  width: 66%;
}
.motorBanner form .quoteSummary .tabNavigation,
.motorBanner form .quoteSummary .tabContent {
  display: inline-block;
  vertical-align: middle;
}
.motorBanner form .quoteSummary .tabNavigation .readMoreYellow,
.motorBanner form .quoteSummary .tabContent .readMoreYellow {
  margin-bottom: 0px;
}
.motorBanner form .quoteSummary .tabNavigation .getgoing,
.motorBanner form .quoteSummary .tabContent .getgoing {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: left;
  border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.motorBanner form .quoteSummary .tabNavigation .getgoing:disabled,
.motorBanner form .quoteSummary .tabNavigation .getgoing[disabled],
.motorBanner form .quoteSummary .tabContent .getgoing:disabled,
.motorBanner form .quoteSummary .tabContent .getgoing[disabled] {
  border: 1px solid #E4E4E4;
  background-color: #E4E4E4;
  color: #B1B1B1;
  bottom: 0px;
  width: 100%;
  left: 0px;
  position: absolute;
}
.motorBanner form .quoteSummary .tabNavigation h4,
.motorBanner form .quoteSummary .tabContent h4 {
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 20px;
  font-family: 'robotomedium';
  letter-spacing: 0px;
  margin-top: 0px;
}
.motorBanner form .quoteSummary .tabNavigation .specifications p,
.motorBanner form .quoteSummary .tabContent .specifications p {
  font-family: "robotomedium";
}
.motorBanner form .quoteSummary .tabNavigation p,
.motorBanner form .quoteSummary .tabContent p {
  font-size: 16px;
  font-family: 'robotolight';
  line-height: 22px;
  max-width: 95%;
}
.motorBanner form .quoteSummary .tabNavigation h5,
.motorBanner form .quoteSummary .tabContent h5 {
  font-family: 'robotomedium';
  font-size: 21px;
  background: url("../_img/home/quote_underscore.png") left bottom no-repeat;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.motorBanner form .quoteSummary .tabNavigation h2,
.motorBanner form .quoteSummary .tabContent h2 {
  font-size: 36px;
  margin-top: 0px;
}
.motorBanner form .quoteSummary .tabNavigation h3,
.motorBanner form .quoteSummary .tabContent h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.motorBanner form .quoteSummary .tabNavigation .summaryCheckbox,
.motorBanner form .quoteSummary .tabContent .summaryCheckbox {
  margin-top: 20px;
}
.motorBanner form .quoteSummary .tabNavigation .termsCheckBox,
.motorBanner form .quoteSummary .tabContent .termsCheckBox {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 4px;
  position: absolute;
  left: 0px;
}
.motorBanner form .quoteSummary .tabNavigation .terms,
.motorBanner form .quoteSummary .tabContent .terms {
  color: #000;
  padding: 0px;
  padding-left: 25px;
  vertical-align: top;
  display: inline-block;
  font-family: 'robotomedium';
}
.motorBanner form .quoteSummary .tabNavigation .half,
.motorBanner form .quoteSummary .tabContent .half {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #E4E4E4;
  margin-right: 0px;
  padding-left: 2%;
  padding-right: 2%;
}
.motorBanner form .quoteSummary .tabNavigation {
  vertical-align: middle;
  top: -60px;
  position: absolute;
  left: 20px;
}
.motorBanner form .quoteSummary .desktop {
  display: inline-block;
}
.motorBanner form .quoteSummary .mobile {
  display: none;
}
.motorBanner form .quoteSummary .tabContent {
  background: #ffffff;
  width: 100%;
}
.motorBanner form .one_quarter {
  display: inline-block;
  margin-right: 0px;
  position: relative;
  vertical-align: top;
}
.motorBanner form .one_quarter input {
  border: 1px solid #DBDBDB;
  height: 60px;
  font-size: 16px;
}
.motorBanner form .one_quarter .make {
  -webkit-border-top-left-radius: 35px;
  -webkit-border-bottom-left-radius: 35px;
  -moz-border-radius-topleft: 35px;
  -moz-border-radius-bottomleft: 35px;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  text-indent: 30px;
  outline: none;
  background: url("../_img/home/carselectbg.png") 95% center no-repeat #ffffff;
  background-size: 24px;
}
.motorBanner form .one_quarter .year {
  border: 1px solid #DBDBDB;
}
.motorBanner form .one_quarter .year .mat-select-arrow {
  display: none;
}
.motorBanner form .one_quarter .readMoreYellow,
.motorBanner form .one_quarter .readMoreBlack {
  margin-top: 40px;
}
.motorBanner form .estimate {
  margin-right: 35px;
}
.motorBanner form .estimate span {
  position: absolute;
  background: #FFC402;
  display: inline-block;
  top: 52px;
  left: 15px;
  font-size: 20px;
  padding: 3px 12px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-family: 'robotobold';
  font-size: 18px;
  letter-spacing: 1px;
}
.motorBanner form .estimate input {
  text-indent: 80px;
  -webkit-border-top-right-radius: 35px;
  -webkit-border-bottom-right-radius: 35px;
  -moz-border-radius-topright: 35px;
  -moz-border-radius-bottomright: 35px;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  outline: none;
}
.motorBanner form .yom select {
  text-indent: 30px;
}
.motorBanner .coverSummary {
  width: 80%;
  margin-top: 30px;
}
.motorBanner .coverSummary p {
  font-size: 16px;
}

.claimSummary {
  display: inline-block;
  width: 21%;
  margin-right: 3%;
  vertical-align: top;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #FFC402;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.claimSummary .numberOfClaims {
  position: relative;
}
.claimSummary .numberOfClaims .claimIcon,
.claimSummary .numberOfClaims .yellowHover {
  width: 40%;
  min-width: 50px;
}
.claimSummary .numberOfClaims span {
  position: absolute;
  font-size: 32px;
  left: 0px;
  right: 0px;
  top: 15px;
  color: #ffffff;
}
.claimSummary h4 {
  color: #000000;
  font-size: 18px;
  padding: 0px 25px;
}
.claimSummary a.smallReadMore {
  color: #000000;
}
.claimSummary article {
  position: absolute;
  left: 95%;
  background-color: #ffffff;
  top: 0px;
  bottom: 0px;
  width: 300%;
  max-width: 300%;
  display: none;
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
  border-left: 1px solid #EBEBEB;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  padding-left: 30px;
  z-index: 31;
  padding-right: 30px;
  vertical-align: middle;
  height: 100%;
}
.claimSummary article p {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.heritage article {
  width: 250%;
  max-width: 250%;
}

.claimSummary:hover h4,
.claimSummary:hover a,
.claimSummary:hover p,
.claimSummary:hover span {
  color: #000000;
}
.claimSummary:hover article {
  z-index: 31;
}
.claimSummary:hover article p {
  color: #000;
}

.claimSummary.yellow:hover .claimIcon {
  display: none;
}
.claimSummary.yellow:hover .yellowHover {
  display: inline-block;
}

.claimSummary.translucent {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.claimSummary.translucent h4 {
  color: #ffffff;
  font-size: 18px;
}
.claimSummary.translucent a.smallReadMore {
  color: #ffffff;
}

.claimSummary.translucent:hover {
  background-color: white;
}
.claimSummary.translucent:hover h4 {
  color: #000000;
  font-size: 18px;
}
.claimSummary.translucent:hover a.smallReadMore,
.claimSummary.translucent:hover span {
  color: #000000;
}

.claimSummary.white {
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.fullWidthSlider {
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  overflow: hidden;
}
.fullWidthSlider .hiddenImages {
  position: fixed;
  z-index: -10;
}
.fullWidthSlider .singleSlide img {
  width: 100%;
  min-width: 1800px;
  top: 0px;
}
.fullWidthSlider .singleSlide article {
  position: absolute;
  left: 5%;
  top: 100px;
  z-index: 10;
  max-width: 50%;
}
.fullWidthSlider .singleSlide article h1 {
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 35px;
}
.fullWidthSlider .singleSlide article h3 {
  color: #fff;
}
.fullWidthSlider .singleSlide article p {
  font-size: 40px;
  color: #ffffff;
  font-family: 'robotolight';
  line-height: 52px;
}
.fullWidthSlider .singleSlide .coverSummary {
  width: 100%;
  position: relative;
}
.fullWidthSlider .singleSlide .overlay {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: url(../_img/home/slider_overlay.png);
  background-size: 100%;
}
.fullWidthSlider .coverDescription {
  position: absolute;
  left: 100%;
  width: 50%;
  top: 0px;
  bottom: 0px;
  background: #ffffff;
  border-left: 20px solid #FFC402;
  z-index: 60;
}
.fullWidthSlider .coverDescription article {
  padding: 60px;
}
.fullWidthSlider .coverDescription article h1 {
  margin-top: 0px;
}
.fullWidthSlider .coverDescription article p {
  font-size: 22px;
  font-family: "robotolight";
  margin-bottom: 40px;
}
.fullWidthSlider .coverDescription article ul {
  display: inline-block;
  width: 47%;
  margin-right: 3%;
  margin-left: 0px;
  box-sizing: border-box;
  vertical-align: top;
  padding-left: 20px;
}
.fullWidthSlider .coverDescription article ul h4 {
  font-family: 'robotoregular';
  font-size: 20px;
  margin-left: -20px;
}
.fullWidthSlider .coverDescription article ul li {
  font-size: 20px;
  margin-bottom: 20px;
  font-family: 'robotolight';
}

.fullWidthSlider.fixed {
  position: fixed;
}

.sidebar {
  position: fixed;
  min-height: 100vh;
  width: 10%;
  left: 5%;
  top: 160px;
  box-sizing: border-box;
  z-index: 10;
}
.sidebar .centerAligner {
  min-height: 380px;
  display: none;
}
.sidebar h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.sidebar h3 em {
  color: #fff;
  font-style: normal;
  font-family: "robotobold";
}
.sidebar h4 {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.sidebar img {
  width: 70%;
  margin-left: 5%;
  margin-top: 5%;
}
.sidebar article {
  margin-left: 5%;
  margin-right: 5%;
}
.sidebar ul {
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
}
.sidebar ul li {
  list-style: none;
  height: 120px;
  background: url("../_img/getcover/vertical_border_gray.png") center 50px no-repeat;
  cursor: pointer;
  font-size: 18px;
  font-family: "robotobold";
  color: #E4E4E4;
}
.sidebar ul li span {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../_img/getcover/highlight_gray.png") center center no-repeat;
  margin: 0 auto;
}
.sidebar ul li button {
  height: 60px;
  line-height: 60px;
  background-color: #FFC402;
  width: 100%;
  cursor: pointer;
  font-size: 17px;
  text-align: left;
  position: relative;
  text-indent: 30px;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.sidebar ul li button .userIcon {
  position: absolute;
  left: 10px;
  text-indent: 0px;
  font-size: 16px;
  text-align: center;
}
.sidebar ul li button .arrow {
  position: absolute;
  right: 15px;
  text-indent: 0px;
}
.sidebar ul li button.active,
.sidebar ul li button:hover {
  background-color: #ffffff;
}
.sidebar ul li:last-child,
.sidebar ul li:hover:last-child,
.sidebar ul li.selected:last-child,
.sidebar ul li.active:last-child {
  background: none;
}
.sidebar ul li:hover,
.sidebar ul li.selected,
.sidebar ul li.active {
  background: url("../_img/getcover/vertical_border.png") center 50px no-repeat;
  color: #FFC402;
}
.sidebar ul li:hover span,
.sidebar ul li.selected span,
.sidebar ul li.active span {
  background: url("../_img/getcover/highlight.png") center center no-repeat;
  margin: 0 auto;
}

.contactSummary {
  margin-top: 100px;
  margin-bottom: 100px;
  overflow: hidden;
}
.contactSummary .centerAligner {
  padding-left: 10px;
}
.contactSummary .half {
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  margin-top: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.contactSummary .half img {
  width: 40%;
  display: inline-block;
}
.contactSummary .half article {
  display: inline-block;
  width: 55%;
  vertical-align: top;
}
.contactSummary .polepole {
  background: #FFC402;
}

.accordionContainer .accordionTitle {
  cursor: pointer;
  background: #F2F2F2;
  padding: 30px;
  margin-bottom: 0px;
  margin-top: 0px;
  position: relative;
  font-family: "robotoregular";
  font-size: 22px;
  padding-right: 35px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.accordionContainer .accordionTitle .clickTarget {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  z-index: 20;
  cursor: pointer;
}
.accordionContainer .accordionTitle .arrow {
  position: absolute;
  right: 30px;
  top: 35px;
  font-size: 20px;
}
.accordionContainer .accordionTitle .closed {
  display: block;
}
.accordionContainer .accordionTitle .open {
  display: none;
}
.accordionContainer .accordionTitle:hover {
  background: #FFC402;
}
.accordionContainer .accordionTitle.open {
  background: #FFC402;
}
.accordionContainer .accordionTitle.open .closed {
  display: none;
}
.accordionContainer .accordionTitle.open .open {
  display: block;
}
.accordionContainer .accordion {
  display: none;
  background: #fff;
  padding: 20px 30px;
  margin-bottom: 20px;
}
.accordionContainer .accordion h6 {
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 0px;
}
.accordionContainer .accordion input {
  margin-top: 10px;
}

.claimProcess {
  padding-top: 60px;
}
.claimProcess .center h2 {
  margin-bottom: 20px;
}
.claimProcess .center p {
  background: url("../_img/home/yellow_border.png") center bottom no-repeat;
  padding-bottom: 40px;
  font-size: 20px;
  margin-bottom: 40px;
}
.claimProcess .one_third {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.claimProcess .one_third figure {
  background: #FFC402;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 auto;
}
.claimProcess .one_third img {
  width: 60%;
  margin: 0 auto;
  margin-top: 22%;
}

.loginBanner {
  background: #4A4A4A url("../_img/home/login_bg.png") center bottom no-repeat;
  background-size: 60%;
  margin-top: 70px;
  padding: 90px 0px;
}
.loginBanner .one_quarter,
.loginBanner .half,
.loginBanner .full_width {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.loginBanner .one_quarter p,
.loginBanner .half p,
.loginBanner .full_width p {
  font-size: 35px;
  text-align: center;
  color: #ffffff;
  line-height: 60px;
  margin-top: 0px;
  font-family: "robotobold";
}
.loginBanner .user {
  color: #ffffff;
  font-size: 130px;
}

.policySummary {
  position: absolute;
  right: 5%;
  width: 23%;
  top: 160px;
}
.policySummary h4 {
  color: #FFC402;
}

.termsModal {
  position: fixed;
  top: 95px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #ffffff;
  z-index: 40;
  overflow: scroll;
  display: none;
}
.termsModal .termsSummary {
  position: relative;
  margin: 0 auto;
  max-width: 1120px;
  padding: 40px;
  margin-top: 20px;
}
.termsModal .termsSummary h2 {
  font-size: 30px;
  font-family: "robotoregular";
  background: url();
}
.termsModal .termsSummary ol {
  counter-reset: item;
  margin-top: 0px;
  padding-inline-start: 20px;
}
.termsModal .termsSummary ol li {
  display: block;
  font-size: 16px;
  font-family: "robotolight";
  margin-bottom: 10px;
  line-height: 24px;
}
.termsModal .termsSummary ol li a {
  border-bottom: 3px solid #ffc401;
  color: #1b1b1b;
}
.termsModal .termsSummary ol li h4,
.termsModal .termsSummary ol li strong {
  display: inline-block;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "robotoregular";
}
.termsModal .termsSummary ol li ol li:before {
  font-size: 16px;
  font-family: "robotolight";
}
.termsModal .termsSummary ol li:before {
  content: counters(item,".") " ";
  counter-increment: item;
  font-size: 18px;
  font-family: "robotobold";
  display: inline-block;
  margin-right: 5px;
}
.termsModal .termsSummary .readMoreWhiteSolid {
  box-sizing: border-box;
}
.termsModal .termsSummary .back .arrow {
  color: #FFC900;
}
.termsModal .termsSummary .fr {
  text-align: right;
  margin-right: 0px;
}
.termsModal .termsSummary .fr .readMoreBlack {
  margin-right: 0px;
}
.termsModal .termsSummary .fr .readMoreBlack .arrow {
  color: #FFC900;
}
.termsModal .readTerms {
  margin-bottom: 40px;
}

.valuationOverlay {
  position: fixed;
  width: 640px;
  left: 50%;
  margin-left: -320px;
  top: 50px;
  z-index: 50;
  background: #ffffff;
  text-align: center;
  display: none;
  padding: 60px 0px;
}
.valuationOverlay .leftIcon {
  color: #FFC900;
  font-size: 18px;
}
.valuationOverlay .closer {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: #000000;
}
.valuationOverlay .closer .icon {
  color: #ffffff;
  font-size: 15px;
}
.valuationOverlay .row {
  position: relative;
}
.valuationOverlay .mat-datepicker-toggle {
  position: absolute;
  right: 20px;
  top: 10px;
}
.valuationOverlay .selection,
.valuationOverlay .valuationLocation,
.valuationOverlay .valuationDate {
  max-width: 400px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 30px;
}
.valuationOverlay .selection h3,
.valuationOverlay .valuationLocation h3,
.valuationOverlay .valuationDate h3 {
  background: url(../_img/home/yellow_border.png) center bottom no-repeat;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.valuationOverlay .selection img,
.valuationOverlay .valuationLocation img,
.valuationOverlay .valuationDate img {
  width: 40%;
  margin-bottom: 30px;
}
.valuationOverlay .selection button,
.valuationOverlay .valuationLocation button,
.valuationOverlay .valuationDate button {
  margin-bottom: 20px;
  width: 100%;
}
.valuationOverlay .selection .back,
.valuationOverlay .valuationLocation .back,
.valuationOverlay .valuationDate .back {
  width: auto;
  text-align: left;
}
.valuationOverlay .selection .highlight,
.valuationOverlay .valuationLocation .highlight,
.valuationOverlay .valuationDate .highlight {
  font-size: 100px;
  color: #FFCA06;
}
.valuationOverlay .valuationLocation,
.valuationOverlay .valuationDate {
  display: none;
}
.valuationOverlay .valuationLocation h4,
.valuationOverlay .valuationDate h4 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url(../_img/home/yellow_border.png) center bottom no-repeat;
}
.valuationOverlay .valuationLocation input,
.valuationOverlay .valuationDate input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #C4C4C4;
  outline: none;
  margin-bottom: 20px;
  text-indent: 20px;
}
.valuationOverlay .valuationLocation label.mat-form-field-label,
.valuationOverlay .valuationDate label.mat-form-field-label {
  color: #000000;
  margin-left: 30px;
  margin-top: 20px;
  display: none;
}

.mat-input-element {
  text-indent: 0px;
}

.mat-calendar-body-selected {
  background-color: #FFC402 !important;
}

.multistep,
.benefitsAccordion {
  margin-bottom: 20px;
  min-height: 65vh;
}
.multistep .valuationDetails,
.benefitsAccordion .valuationDetails {
  padding: 20px 30px;
}
.multistep .row,
.benefitsAccordion .row {
  position: relative;
}
.multistep .row .closer,
.benefitsAccordion .row .closer {
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.multistep .row .datepicker,
.benefitsAccordion .row .datepicker {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  height: 60px;
  text-indent: 30px;
  outilne: none;
}
.multistep .row .datePickerToggle,
.benefitsAccordion .row .datePickerToggle {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 20;
}
.multistep .row .left,
.benefitsAccordion .row .left {
  display: inline-block;
  width: 70%;
  font-family: "robotomedium";
}
.multistep .row .right,
.benefitsAccordion .row .right {
  display: inline-block;
  width: 28%;
  text-align: right;
  font-family: "robotomedium";
}
.multistep .kraPin,
.benefitsAccordion .kraPin {
  margin-top: 20px;
}
.multistep .toggle,
.benefitsAccordion .toggle {
  background: url("../_img/getcover/horizontaldashed.png") center bottom repeat-x;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 0px;
}
.multistep .toggle label,
.benefitsAccordion .toggle label {
  font-family: 'robotolight';
  display: inline-block;
  width: 70%;
  margin-bottom: 0px;
}
.multistep .toggle input,
.benefitsAccordion .toggle input {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #C6C6C6;
  height: 60px;
  outline: none;
  text-indent: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
}
.multistep .toggle .slideToggle,
.benefitsAccordion .toggle .slideToggle {
  position: absolute;
  right: 0px;
  top: 25px;
}
.multistep .endorsement,
.benefitsAccordion .endorsement {
  padding-top: 10px;
  padding-bottom: 10px;
}
.multistep .accordionTitle,
.benefitsAccordion .accordionTitle {
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px 30px;
  background: #F2F2F2;
  font-size: 18px;
  position: relative;
  z-index: 20;
  margin-bottom: 20px;
  border: 1px solid #4A4A4A;
}
.multistep .accordionTitle .arrow,
.benefitsAccordion .accordionTitle .arrow {
  top: 20px;
}
.multistep .accordion,
.benefitsAccordion .accordion {
  background: #ffffff;
  border: 1px solid #979797;
  position: relative;
  z-index: 5;
  margin-top: -40px;
  padding-top: 35px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.multistep .bookValuation,
.benefitsAccordion .bookValuation {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
  max-width: 80%;
  margin-left: 10%;
}

.benefitsAccordion {
  min-height: auto;
}

.formDetails {
  position: relative;
  margin-left: 16%;
  width: 54%;
  margin-top: 60px;
  z-index: 10;
  background-color: #ffffff;
}
.formDetails ol {
  padding-left: 20px;
}
.formDetails li {
  list-style: decimal;
  list-style-type: decimal;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
}
.formDetails form {
  padding: 35px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.formDetails .benefitsContainer .readMoreYellow {
  margin-top: 20px;
}
.formDetails .otherDetails .full_width input {
  margin-top: 20px;
}
.formDetails .summary {
  padding: 35px;
}
.formDetails .summary .accordionContainer {
  margin-top: 20px;
}
.formDetails .summary .readMoreBlack {
  width: 100%;
  margin-top: 10px;
  text-align: right;
}
.formDetails .summary .readMoreBlack .left {
  position: absolute;
  left: 20px;
}
.formDetails .summary .readMoreBlack span {
  font-family: 'robotobold';
}
.formDetails .summary .readMoreBlack .arrow {
  color: #FFC900;
  top: 50%;
  margin-top: -14px;
}
.formDetails .summary .back {
  width: auto;
}
.formDetails .addDependants,
.formDetails .addChild,
.formDetails .addSpouse,
.formDetails .childButton {
  display: none;
}
.formDetails .thankyousummary {
  text-align: left;
  background-color: #ffffff;
  margin-bottom: -55px;
  padding: 20px;
}
.formDetails .thankyousummary h1 {
  font-size: 36px;
  margin-bottom: 15px;
}
.formDetails .thankyousummary h3 {
  font-size: 26px;
  margin-top: 0px;
  margin-bottom: 30px;
}
.formDetails .thankyousummary p {
  font-size: 18px;
  margin-bottom: 60px;
}
.formDetails .thankyousummary .familyImage {
  width: 80%;
}
.formDetails .policysummary,
.formDetails .totalAmountPayable {
  background: #ffffff;
}
.formDetails .policysummary .row,
.formDetails .totalAmountPayable .row {
  background: url("../_img/getcover/horizontaldashed.png") bottom center repeat-x;
}
.formDetails .policysummary .row p,
.formDetails .policysummary .row strong,
.formDetails .totalAmountPayable .row p,
.formDetails .totalAmountPayable .row strong {
  font-size: 15px;
  vertical-align: top;
}
.formDetails .policysummary .row .left,
.formDetails .totalAmountPayable .row .left {
  text-align: left;
  display: inline-block;
  width: 50%;
  text-transform: capitalize;
}
.formDetails .policysummary .row .right,
.formDetails .totalAmountPayable .row .right {
  text-align: right;
  display: inline-block;
  width: 48%;
  font-family: 'robotomedium';
}
.formDetails .totalAmountPayable {
  border: 1px solid #707070;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 20px 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.formDetails .totalAmountPayable h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.formDetails .totalAmountPayable .row {
  background: none;
}
.formDetails .polePoleHighlight {
  background: #FFC402;
  padding: 20px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  overflow: hidden;
}
.formDetails .polePoleHighlight .one_quarter,
.formDetails .polePoleHighlight .three_quarter {
  display: inline-block;
  vertical-align: middle;
}
.formDetails .polePoleHighlight h5 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'robotomedium';
}
.formDetails .polePoleHighlight h6 {
  text-align: right;
  font-size: 20px;
}
.formDetails .paymentsubmission .phoneNumberField {
  position: relative;
}
.formDetails .paymentsubmission .paybutton {
  margin-top: 40px;
}
.formDetails .downloadDocuments {
  background: #4A4A4A;
  color: #ffffff;
  text-align: center;
  padding-top: 15px;
  min-height: 300px;
}
.formDetails .downloadDocuments h6 {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 20px;
}
.formDetails .downloadDocuments .readMoreYellow {
  width: 90%;
  margin-left: 0%;
  border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 40px;
  position: relative;
}
.formDetails .downloadDocuments .readMoreYellow .file,
.formDetails .downloadDocuments .readMoreYellow .download {
  position: absolute;
  top: 15px;
  font-size: 22px;
}
.formDetails .downloadDocuments .readMoreYellow .file {
  left: 30px;
}
.formDetails .downloadDocuments .readMoreYellow .download {
  right: 30px;
}
.formDetails .downloadDocuments .installment {
  width: 90%;
  display: inline-block;
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  margin-left: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #000000;
  line-height: 20px;
  vertical-align: middle;
}
.formDetails .downloadDocuments .installment .amount {
  margin-top: 20px;
  display: inline-block;
}
.formDetails .downloadDocuments .installment span.readMoreBlack {
  display: inline-block;
  float: right;
  background-color: #000000;
  padding-right: 25px;
}
.formDetails .downloadDocuments .installment .readMoreBlack:hover {
  color: #fff;
  border: 1px solid #ffffff;
}
.formDetails .policyAccounting {
  text-align: left;
  background: #4A4A4A;
  color: #ffffff;
  padding-top: 15px;
  padding: 20px;
}
.formDetails .policyAccounting .row {
  padding: 10px 0px;
}
.formDetails .policyAccounting .row strong,
.formDetails .policyAccounting .row p {
  font-size: 18px;
}
.formDetails .policyAccounting .row .left {
  text-align: left;
  display: inline-block;
  width: 68%;
}
.formDetails .policyAccounting .row .right {
  text-align: right;
  display: inline-block;
  width: 30%;
}
.formDetails .policyAccounting input[type="checkbox"] {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
}
.formDetails .policyAccounting label {
  display: inline-block;
}
.formDetails .policyAccounting .seperator {
  border: 1px dashed #9B9292;
  margin-top: 10px;
}
.formDetails .policyAccounting .readMoreYellow {
  padding-right: 25px;
}

.paymentButtons {
  margin-bottom: 30px;
}

.policysummary {
  background: #ffffff;
}
.policysummary .row {
  background: url("../_img/getcover/horizontaldashed.png") bottom center repeat-x;
}
.policysummary .row p,
.policysummary .row strong {
  font-size: 16px;
  vertical-align: top;
}
.policysummary .row .left {
  text-align: left;
  display: inline-block;
  width: 50%;
}
.policysummary .row .right {
  text-align: right;
  display: inline-block;
  width: 48%;
  font-family: 'robotomedium';
}

.padding {
  padding: 35px;
}

.mat-datepicker-popup .mat-stroked-button {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  background: #FFC402;
}
.mat-datepicker-popup .mat-stroked-button .mat-button-wrapper {
  height: 40px;
  line-height: 40px;
  display: block;
}
.mat-datepicker-popup .mat-stroked-button .mat-button-wrapper .mat-icon {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: 'robotobold';
}
.mat-datepicker-popup .mat-focus-indicator {
  line-height: 36px;
}
.mat-datepicker-popup .mat-focus-indicator .mat-button-wrapper {
  line-height: 36px;
  height: 36px;
}

.thankyousummary {
  width: 90%;
  margin: 40px auto;
  border: 1px solid #E4E4E4;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  max-width: 1100px;
  padding: 50px 50px;
}
.thankyousummary .description {
  width: 60%;
  display: inline-block;
  vertical-align: top;
}
.thankyousummary .description h3 {
  font-family: 'robotoregular';
  font-size: 30px;
  margin-top: 0px;
}
.thankyousummary .description h3 .icon {
  color: #FFC402;
}
.thankyousummary .description h3 strong {
  font-family: 'robotoregular';
  color: #FFC402;
}
.thankyousummary .description .confirmation {
  margin-left: 0px;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 40px;
  font-family: 'robotolight';
}
.thankyousummary .description .confirmation a {
  color: #FFC402;
  text-decoration: underline;
  font-family: 'robotobold';
}
.thankyousummary .description .pendingDocuments {
  margin-bottom: 40px;
}
.thankyousummary .description .valuerContainer {
  margin-top: 90px;
}
.thankyousummary .description .valuerContainer .valuertitle {
  width: 10%;
  display: inline-block;
  vertical-align: top;
}
.thankyousummary .description .valuerContainer .valuertitle h4 {
  font-size: 30px;
  margin-top: 0px;
}
.thankyousummary .description .valuerContainer .valuerprofile {
  width: 40%;
  margin-left: 5%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.thankyousummary .description .valuerContainer .valuerprofile img {
  width: 33%;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.thankyousummary .description .valuerContainer .dateDetails {
  width: 38%;
  margin-left: 3%;
  display: inline-block;
  vertical-align: top;
  background: #F4F4F4;
  padding: 2%;
  border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.thankyousummary .full_width {
  width: 100%;
}

.lipaPolePoleSchedule,
.lipaPolePoleScheduleFull {
  width: 37%;
  margin-left: 0%;
  display: inline-block;
  vertical-align: top;
}
.lipaPolePoleSchedule h5,
.lipaPolePoleScheduleFull h5 {
  font-size: 20px;
}
.lipaPolePoleSchedule .schedule,
.lipaPolePoleScheduleFull .schedule {
  background: #F4F4F4;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
}
.lipaPolePoleSchedule .row,
.lipaPolePoleSchedule .item,
.lipaPolePoleScheduleFull .row,
.lipaPolePoleScheduleFull .item {
  overflow: hidden;
  background: url(../_img/getcover/horizontaldashed.png) bottom center repeat-x;
  padding: 10px 0px;
  margin: 0 30px;
  vertical-align: top;
}
.lipaPolePoleSchedule .row .left,
.lipaPolePoleSchedule .item .left,
.lipaPolePoleScheduleFull .row .left,
.lipaPolePoleScheduleFull .item .left {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.lipaPolePoleSchedule .row .left .dated,
.lipaPolePoleSchedule .item .left .dated,
.lipaPolePoleScheduleFull .row .left .dated,
.lipaPolePoleScheduleFull .item .left .dated {
  font-size: 18px;
  font-family: 'robotobold';
  color: #000000;
  width: 100%;
  display: block;
  text-align: left;
}
.lipaPolePoleSchedule .row .left .month,
.lipaPolePoleSchedule .row .left .year,
.lipaPolePoleSchedule .item .left .month,
.lipaPolePoleSchedule .item .left .year,
.lipaPolePoleScheduleFull .row .left .month,
.lipaPolePoleScheduleFull .row .left .year,
.lipaPolePoleScheduleFull .item .left .month,
.lipaPolePoleScheduleFull .item .left .year {
  font-size: 12px;
  font-family: 'robotoregular';
  color: #4A4A4A;
  width: 100%;
  display: block;
  text-align: center;
}
.lipaPolePoleSchedule .row .left .date,
.lipaPolePoleSchedule .item .left .date,
.lipaPolePoleScheduleFull .row .left .date,
.lipaPolePoleScheduleFull .item .left .date {
  font-size: 30px;
  font-family: 'robotobold';
  color: #4A4A4A;
  width: 100%;
  display: block;
  text-align: center;
}
.lipaPolePoleSchedule .row .center,
.lipaPolePoleSchedule .item .center,
.lipaPolePoleScheduleFull .row .center,
.lipaPolePoleScheduleFull .item .center {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.lipaPolePoleSchedule .row .right,
.lipaPolePoleSchedule .item .right,
.lipaPolePoleScheduleFull .row .right,
.lipaPolePoleScheduleFull .item .right {
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.lipaPolePoleSchedule .row.active,
.lipaPolePoleScheduleFull .row.active {
  background: #FFC900 url(../_img/getcover/horizontaldashed.png) bottom center repeat-x;
  margin: 0px 0px;
  padding: 10px 30px;
}
.lipaPolePoleSchedule .row.active .left .date,
.lipaPolePoleScheduleFull .row.active .left .date {
  color: #ffffff;
}
.lipaPolePoleSchedule .item,
.lipaPolePoleSchedule .item.active,
.lipaPolePoleScheduleFull .item,
.lipaPolePoleScheduleFull .item.active {
  margin: 0px 0px;
}

.lipaPolePoleScheduleFull {
  width: 100%;
  background: #F4F4F4;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-left: 0px;
  overflow: hidden;
}
.lipaPolePoleScheduleFull .row .left {
  margin-left: 3%;
  width: 45% !important;
}
.lipaPolePoleScheduleFull .row .right {
  width: 50% !important;
}
.lipaPolePoleScheduleFull .item {
  padding: 15px 10px;
}
.lipaPolePoleScheduleFull .item .left {
  text-align: left;
  margin-left: 0%;
  width: 12%;
}
.lipaPolePoleScheduleFull .item .left .month,
.lipaPolePoleScheduleFull .item .left .date,
.lipaPolePoleScheduleFull .item .left .year {
  text-align: center;
}
.lipaPolePoleScheduleFull .item .center {
  text-align: center;
}
.lipaPolePoleScheduleFull .item .right {
  text-align: right;
  margin-right: 0%;
  width: 27%;
}
.lipaPolePoleScheduleFull .item.active,
.lipaPolePoleScheduleFull .item:first-child {
  background: #FFC900 url(../_img/getcover/horizontaldashed.png) bottom center repeat-x;
}
.lipaPolePoleScheduleFull .item.active .left .date,
.lipaPolePoleScheduleFull .item:first-child .left .date {
  color: #ffffff;
}

.formDetails.fullwidth {
  position: relative;
  margin-left: 15%;
  width: 45%;
  z-index: 10;
  background-color: #ffffff;
}

.valuationNotification {
  margin-top: 50px;
}
.valuationNotification .accordionContainer .accordionTitle {
  background: #FFC402;
  color: #000000;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 25px 20px;
  margin-bottom: 30px;
}
.valuationNotification .accordionContainer .accordionTitle .arrow {
  top: 25px;
}
.valuationNotification .accordionContainer .accordionTitle h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 22px;
  font-family: 'robotoregular';
  margin-left: 5px;
}
.valuationNotification .accordionContainer .accordionTitle.open {
  margin-bottom: 0px;
}
.valuationNotification .accordionContainer .accordion {
  background: #FFC402;
  border-right: #E4E4E4 1px solid;
  border-left: #E4E4E4 1px solid;
  border-bottom: #E4E4E4 1px solid;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  margin-top: -25px;
  padding-top: 25px;
}
.valuationNotification .accordionContainer .accordion .row {
  background: url(../_img/getcover/horizontaldashed.png) center bottom repeat-x;
}
.valuationNotification .accordionContainer .accordion .row .left,
.valuationNotification .accordionContainer .accordion .row .right {
  display: inline-block;
  width: 50%;
  text-align: left;
}
.valuationNotification .accordionContainer .accordion .row p {
  font-family: "robotomedium";
}
.valuationNotification .accordionContainer .accordion .row .right {
  text-align: right;
}
.valuationNotification .accordionContainer .accordion .noborder {
  background: none;
}
.valuationNotification .accordionContainer .accordion .buttons {
  margin-top: 20px;
}

.profileContainer {
  border: 1px solid #E4E4E4;
  margin-top: 50px;
  margin-bottom: 30px;
}
.profileContainer .myPolicies,
.profileContainer .myClaims {
  float: left;
  width: 44%;
  padding: 3%;
  margin-right: 0px;
  box-sizing: content-box;
  min-height: 60vh;
  position: relative;
}
.profileContainer .myPolicies h2,
.profileContainer .myClaims h2 {
  font-size: 30px;
  font-family: 'robotomedium';
  padding-bottom: 20px;
  margin-bottom: 30px;
  background: url("../_img/title_bg.png") left bottom no-repeat;
}
.profileContainer .myPolicies .policyGrid .singlePolicy {
  cursor: pointer;
  background: #E4E4E4;
  width: 30%;
  margin-right: 3%;
  text-align: center;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: inline-block;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  margin-top: 0px;
  border: none;
  margin-bottom: 3%;
}
.profileContainer .myPolicies .policyGrid .singlePolicy .car {
  font-size: 60px;
  color: #000;
  margin-top: 25px;
  display: block;
}
.profileContainer .myPolicies .policyGrid .singlePolicy h5 {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000000;
}
.profileContainer .myPolicies .policyGrid .singlePolicy:visited,
.profileContainer .myPolicies .policyGrid .singlePolicy:active {
  color: #000;
}
.profileContainer .myPolicies .policyGrid .singlePolicy:visited h5,
.profileContainer .myPolicies .policyGrid .singlePolicy:active h5 {
  color: #000000;
}
.profileContainer .myPolicies .policyGrid .singlePolicy:hover {
  background: #FFC402;
}
.profileContainer .myPolicies .purchaseHighlight {
  position: relative;
  margin-top: 60px;
  padding-top: 30px;
  width: 90%;
  background: url("../_img/getcover/horizontaldashed.png") center top repeat-x;
}
.profileContainer .myPolicies .purchaseHighlight h3 {
  font-family: 'robotomedium';
  font-size: 20px;
}
.profileContainer .myPolicies .purchaseHighlight p {
  font-size: 16px;
}
.profileContainer .myClaims {
  background: #F5F5F5;
}
.profileContainer .myClaims .singleClaim {
  position: relative;
  background: #FFFFFF;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  display: block;
  color: #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  margin-bottom: 15px;
}
.profileContainer .myClaims .singleClaim .car {
  display: inline-block;
  font-size: 40px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
}
.profileContainer .myClaims .singleClaim article {
  display: inline-block;
  margin-left: 75px;
}
.profileContainer .myClaims .singleClaim article h5 {
  margin-top: 10px;
  margin-bottom: 0px;
}
.profileContainer .myClaims .singleClaim article p {
  margin-top: 0px;
}
.profileContainer .myClaims .singleClaim .arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 35px;
  margin-top: -24px;
}
.profileContainer .myClaims .singleClaim:hover {
  background: #ffc400;
}
.profileContainer .myClaims .singleClaim:visited,
.profileContainer .myClaims .singleClaim:active {
  color: #000;
}
.profileContainer .myClaims .purchaseHighlight {
  position: relative;
  margin-top: 60px;
  padding-top: 30px;
  width: 90%;
  background: url("../_img/getcover/horizontaldashed.png") center top repeat-x;
}
.profileContainer .myClaims .purchaseHighlight h3 {
  font-family: 'robotomedium';
  font-size: 20px;
}
.profileContainer .myClaims .purchaseHighlight p {
  font-size: 16px;
}

.singlePolicy,
.yellowHighlight {
  position: relative;
  margin-top: 60px;
  margin-bottom: 40px;
  border: 1px solid #E4E4E4;
}
.singlePolicy .documentsContainer,
.yellowHighlight .documentsContainer {
  background: #F5F5F5;
  border: 1px solid #C4C4C4;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 30px;
  margin-top: 35px;
}
.singlePolicy .documentsContainer .row,
.yellowHighlight .documentsContainer .row {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.singlePolicy .documentsContainer .invalid-field,
.yellowHighlight .documentsContainer .invalid-field {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.singlePolicy .policySummary,
.yellowHighlight .policySummary {
  position: relative;
  top: 0px;
  width: 94%;
  padding: 0 3%;
  right: 0px;
  border: none;
  background-color: #ffffff;
}
.singlePolicy .policySummary .headerRow,
.yellowHighlight .policySummary .headerRow {
  margin-bottom: 30px;
  margin-top: 30px;
}
.singlePolicy .policySummary .headerRow .readMoreYellow,
.singlePolicy .policySummary .headerRow .readMoreGrey,
.yellowHighlight .policySummary .headerRow .readMoreYellow,
.yellowHighlight .policySummary .headerRow .readMoreGrey {
  margin-right: 0px;
  margin-left: 10px;
}
.singlePolicy .policySummary .headerRow .left,
.singlePolicy .policySummary .headerRow .full_width,
.yellowHighlight .policySummary .headerRow .left,
.yellowHighlight .policySummary .headerRow .full_width {
  text-align: left;
  display: inline-block;
  width: 40%;
  text-transform: capitalize;
  font-size: 18px;
  font-family: 'robotomedium';
}
.singlePolicy .policySummary .headerRow .left h2,
.singlePolicy .policySummary .headerRow .full_width h2,
.yellowHighlight .policySummary .headerRow .left h2,
.yellowHighlight .policySummary .headerRow .full_width h2 {
  margin-bottom: 0px;
  font-family: "robotoregular";
}
.singlePolicy .policySummary .headerRow .left .border,
.singlePolicy .policySummary .headerRow .full_width .border,
.yellowHighlight .policySummary .headerRow .left .border,
.yellowHighlight .policySummary .headerRow .full_width .border {
  height: 4px;
  width: 125px;
  background: #FFC900;
  display: block;
  margin-top: 15px;
}
.singlePolicy .policySummary .headerRow .full_width,
.yellowHighlight .policySummary .headerRow .full_width {
  width: 100%;
  clear: both;
  float: none;
}
.singlePolicy .policySummary .headerRow .right,
.yellowHighlight .policySummary .headerRow .right {
  text-align: right;
  display: inline-block;
  width: 60%;
  font-family: "robotomedium";
}
.singlePolicy .policySummary .headerRow .right p,
.yellowHighlight .policySummary .headerRow .right p {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-family: 'robotomedium';
}
.singlePolicy .policySummary .row,
.yellowHighlight .policySummary .row {
  background: url("../_img/getcover/horizontaldashed.png") bottom center repeat-x;
  position: relative;
}
.singlePolicy .policySummary .row p,
.yellowHighlight .policySummary .row p {
  line-height: 30px;
}
.singlePolicy .policySummary .row .left,
.yellowHighlight .policySummary .row .left {
  text-align: left;
  display: inline-block;
  width: 60%;
  text-transform: capitalize;
  font-size: 18px;
  font-family: 'robotomedium';
}
.singlePolicy .policySummary .row h3.left,
.yellowHighlight .policySummary .row h3.left {
  font-size: 24px;
}
.singlePolicy .policySummary .row p.left,
.yellowHighlight .policySummary .row p.left {
  font-size: 17px;
  font-family: 'robotoregular';
}
.singlePolicy .policySummary .row .right,
.yellowHighlight .policySummary .row .right {
  text-align: right;
  display: inline-block;
  width: 40%;
  font-family: "robotobold";
}
.singlePolicy .policySummary .row .right p,
.yellowHighlight .policySummary .row .right p {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-family: 'robotomedium';
}
.singlePolicy .policySummary .noborder,
.yellowHighlight .policySummary .noborder {
  background: none;
  border: none;
}
.singlePolicy .policySummary .col3 h3,
.yellowHighlight .policySummary .col3 h3 {
  font-size: 22px;
}
.singlePolicy .policySummary .col3 .left,
.singlePolicy .policySummary .col3 .center,
.singlePolicy .policySummary .col3 .right,
.yellowHighlight .policySummary .col3 .left,
.yellowHighlight .policySummary .col3 .center,
.yellowHighlight .policySummary .col3 .right {
  width: 30%;
  display: inline-block;
}
.singlePolicy .policySummary .col3 .left,
.yellowHighlight .policySummary .col3 .left {
  margin-right: 3%;
}
.singlePolicy .policySummary .col3 .center,
.yellowHighlight .policySummary .col3 .center {
  text-align: center;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
.singlePolicy .policySummary .col3 .right,
.yellowHighlight .policySummary .col3 .right {
  margin-left: 4%;
}
.singlePolicy .paymentNumber,
.yellowHighlight .paymentNumber {
  background: #F5F5F5;
  border: #707070;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px 30px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.singlePolicy .paymentNumber h3,
.yellowHighlight .paymentNumber h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
.singlePolicy .paymentNumber h3 span,
.yellowHighlight .paymentNumber h3 span {
  font-family: "robotobold";
}
.singlePolicy .paymentNumber form,
.yellowHighlight .paymentNumber form {
  max-width: 80%;
  margin: 0 auto;
}
.singlePolicy .paymentNumber label,
.yellowHighlight .paymentNumber label {
  text-align: center;
  display: block;
  font-size: 22px;
  font-family: 'robotoregular';
  margin-bottom: 25px;
}
.singlePolicy .paymentNumber label span,
.yellowHighlight .paymentNumber label span {
  font-family: "robotoregular";
}
.singlePolicy .paymentNumber .invalid-field,
.yellowHighlight .paymentNumber .invalid-field {
  font-size: 16px;
  font-family: 'robotolight';
}
.singlePolicy .paymentNumber .countryHighlight,
.yellowHighlight .paymentNumber .countryHighlight {
  position: absolute;
  width: 120px;
  height: 60px;
  background: #FFC402;
  line-height: 60px;
  text-align: center;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  font-family: "robotobold";
}
.singlePolicy .paymentNumber input,
.yellowHighlight .paymentNumber input {
  border: 1px solid #DBDBDB;
  height: 60px;
  font-size: 16px;
  text-align: left;
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-family: "robotobold";
  outline: none;
  text-indent: 140px;
}
.singlePolicy .paymentSchedule,
.yellowHighlight .paymentSchedule {
  background: #F5F5F5;
  border: 1px solid #C4C4C4;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  margin-bottom: 40px;
  padding: 0px;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
  padding-bottom: 0px;
  z-index: 2;
}
.singlePolicy .paymentSchedule .paymentHighlight,
.yellowHighlight .paymentSchedule .paymentHighlight {
  background: #FFC402;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.singlePolicy .paymentSchedule .paymentHighlight .wallet,
.yellowHighlight .paymentSchedule .paymentHighlight .wallet {
  display: inline-block;
  vertical-align: middle;
  font-size: 40px;
  margin-left: 0px;
}
.singlePolicy .paymentSchedule .paymentHighlight h2,
.yellowHighlight .paymentSchedule .paymentHighlight h2 {
  font-size: 28px;
  font-family: 'robotomedium';
  display: inline-block;
  margin-left: 20px;
}
.singlePolicy .paymentSchedule .paymentHighlight .buttons,
.yellowHighlight .paymentSchedule .paymentHighlight .buttons {
  margin-top: 15px;
}
.singlePolicy .paymentSchedule .row,
.yellowHighlight .paymentSchedule .row {
  padding: 20px 28px;
}
.singlePolicy .paymentSchedule .row p,
.yellowHighlight .paymentSchedule .row p {
  margin: 0px;
}
.singlePolicy .paymentSchedule .row .payment,
.yellowHighlight .paymentSchedule .row .payment {
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 1px solid transparent;
  padding-left: 15px;
  padding-right: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 14px;
  font-family: 'robotomedium';
}
.singlePolicy .paymentSchedule .row .payment .status,
.yellowHighlight .paymentSchedule .row .payment .status {
  position: absolute;
  right: 10px;
  font-size: 20px;
  top: 7px;
}
.singlePolicy .paymentSchedule .row .paid,
.yellowHighlight .paymentSchedule .row .paid {
  border: 1px solid #FFC402;
  background: #fff;
  cursor: default;
}
.singlePolicy .paymentSchedule .row .paid .status,
.yellowHighlight .paymentSchedule .row .paid .status {
  color: #FFC402;
}
.singlePolicy .paymentSchedule .row .paynow,
.yellowHighlight .paymentSchedule .row .paynow {
  background: #000000;
  color: #fff;
}
.singlePolicy .paymentSchedule .row .paynow .status,
.yellowHighlight .paymentSchedule .row .paynow .status {
  color: #FFC402;
}
.singlePolicy .paymentSchedule .row .pending,
.yellowHighlight .paymentSchedule .row .pending {
  border: 1px solid #4A4A4A;
  cursor: default;
}
.singlePolicy .paymentSchedule .row .pending .status,
.yellowHighlight .paymentSchedule .row .pending .status {
  color: #4A4A4A;
}
.singlePolicy .paymentSchedule .paymentFooter,
.yellowHighlight .paymentSchedule .paymentFooter {
  background: #000000;
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin-bottom: 0px;
  padding: 20px 2%;
  width: 96%;
  padding-top: 40px;
}
.singlePolicy .paymentSchedule .paymentFooter .wallet,
.yellowHighlight .paymentSchedule .paymentFooter .wallet {
  color: #ffffff;
}
.singlePolicy .paymentSchedule .paymentFooter h2,
.yellowHighlight .paymentSchedule .paymentFooter h2 {
  color: #ffffff;
  font-family: 'robotomedium';
  font-size: 25px;
}
.singlePolicy .paymentSchedule .paid p.left,
.singlePolicy .paymentSchedule .paid .right p,
.yellowHighlight .paymentSchedule .paid p.left,
.yellowHighlight .paymentSchedule .paid .right p {
  color: #FFC402;
}
.singlePolicy .paymentScheduleBlack,
.yellowHighlight .paymentScheduleBlack {
  border: none;
  min-height: 120px;
  margin-top: -50px;
  z-index: 1;
}
.singlePolicy .paymentHighlightBlack,
.yellowHighlight .paymentHighlightBlack {
  background: #FFC402;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  padding: 20px 30px;
}
.singlePolicy .paymentHighlightBlack .wallet,
.yellowHighlight .paymentHighlightBlack .wallet {
  display: inline-block;
  vertical-align: middle;
  font-size: 40px;
  margin-left: 0px;
}
.singlePolicy .paymentHighlightBlack h2,
.yellowHighlight .paymentHighlightBlack h2 {
  font-size: 28px;
  font-family: 'robotomedium';
  display: inline-block;
  margin-left: 20px;
}
.singlePolicy .paymentHighlightBlack .buttons,
.yellowHighlight .paymentHighlightBlack .buttons {
  margin-top: 15px;
}
.singlePolicy .paymentFooter,
.yellowHighlight .paymentFooter {
  background: #000000;
  position: relative;
  width: 95%;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0px;
}
.singlePolicy .paymentFooter .wallet,
.yellowHighlight .paymentFooter .wallet {
  color: #ffffff;
}
.singlePolicy .paymentFooter h2,
.yellowHighlight .paymentFooter h2 {
  color: #ffffff;
  font-family: 'robotomedium';
  font-size: 25px;
}
.singlePolicy .downloadDocuments,
.yellowHighlight .downloadDocuments {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  text-align: left;
}
.singlePolicy .downloadDocuments .arrow,
.yellowHighlight .downloadDocuments .arrow {
  right: 30px;
  font-size: 24px;
}
.singlePolicy .cancelDetails h4,
.yellowHighlight .cancelDetails h4 {
  font-size: 25px;
  color: #000000;
}
.singlePolicy .accordionContainer,
.yellowHighlight .accordionContainer {
  padding: 0 3%;
}
.singlePolicy .accordionContainer .accordionTitle,
.yellowHighlight .accordionContainer .accordionTitle {
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 20px 30px;
  background: #F2F2F2;
  font-size: 18px;
  position: relative;
  z-index: 20;
  margin-bottom: 20px;
  border: 1px solid #4A4A4A;
}
.singlePolicy .accordionContainer .accordionTitle .arrow,
.yellowHighlight .accordionContainer .accordionTitle .arrow {
  top: 20px;
}
.singlePolicy .accordionContainer .benefitsTitle,
.yellowHighlight .accordionContainer .benefitsTitle {
  background: #FFC402;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 35px 30px;
}
.singlePolicy .accordionContainer .benefitsTitle .arrow,
.yellowHighlight .accordionContainer .benefitsTitle .arrow {
  top: 35px;
}
.singlePolicy .accordionContainer .accordion,
.yellowHighlight .accordionContainer .accordion {
  background: #ffffff;
  border: 1px solid #979797;
  position: relative;
  z-index: 5;
  margin-top: -40px;
  padding-top: 35px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.singlePolicy .transactionDetails,
.yellowHighlight .transactionDetails {
  padding: 0%;
}

.yellowHighlight {
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
}
.yellowHighlight .paymentNumber {
  margin-top: 0px;
  margin-bottom: 30px;
  background: #FFC402;
}
.yellowHighlight .paymentNumber .countryHighlight {
  background: #000000;
  color: #ffffff;
}

.getStarted {
  position: absolute;
  width: 40%;
  z-index: 10;
  left: 5%;
  background: none;
  top: 120px;
  z-index: 60;
}
.getStarted .share {
  position: absolute;
  right: 0px;
  top: -65px;
  font-size: 20px;
  z-index: 40;
  padding-right: 25px;
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
.getStarted article {
  width: 60%;
  display: inline-block;
}
.getStarted img {
  width: 35%;
  display: inline-block;
  vertical-align: bottom;
}
.getStarted fieldset {
  border: none;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 40px;
}
.getStarted fieldset select {
  font-size: 18px;
  font-family: 'robotoregular';
  text-indent: 15px;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 15px;
}
.getStarted fieldset select::-ms-expand {
  display: none;
}
.getStarted fieldset .half,
.getStarted fieldset .full_width {
  position: relative;
}
.getStarted fieldset .half .selectIcon,
.getStarted fieldset .full_width .selectIcon {
  position: absolute;
  right: 25px;
  top: 53px;
}
.getStarted h2,
.getStarted h3,
.getStarted p,
.getStarted label {
  color: #ffffff;
  font-family: 'robotolight';
  font-size: 18px;
}
.getStarted p {
  line-height: 32px;
}
.getStarted h2 {
  font-size: 36px;
  font-family: 'robotomedium';
  margin-bottom: 15px;
}
.getStarted h3 {
  font-size: 28px;
  font-family: 'robotolight';
  margin-top: 0px;
}

.mainContent {
  background-color: #fff;
  position: relative;
  width: 50%;
  padding-left: 2%;
  padding-right: 2%;
  margin-left: 50%;
  min-height: 100vh;
  margin-top: 0px;
  padding-top: 100px;
  border-left: 20px solid #FFC402;
  box-sizing: border-box;
}

.extendedDescription {
  padding-top: 140px;
  border-left: 0px;
  padding-bottom: 30px;
}
.extendedDescription h2,
.extendedDescription h3,
.extendedDescription p,
.extendedDescription label {
  color: #4A4A4A;
  font-family: 'robotolight';
  font-size: 18px;
}
.extendedDescription p {
  line-height: 32px;
}
.extendedDescription h1,
.extendedDescription h2 {
  font-size: 36px;
  font-family: 'robotomedium';
  margin-bottom: 15px;
  margin-top: 0px;
}
.extendedDescription h1 {
  font-family: 'robotolight';
  margin-top: 0px;
  font-size: 36px;
  margin-bottom: 30px;
  color: #4A4A4A;
}
.extendedDescription h2 {
  color: #000000;
  margin-bottom: 25px;
}
.extendedDescription h3 {
  font-size: 28px;
  font-family: 'robotolight';
  margin-top: 0px;
  margin-bottom: 25px;
}
.extendedDescription article {
  display: inline-block;
  width: 50%;
}
.extendedDescription img {
  width: 45%;
  display: inline-block;
  vertical-align: bottom;
}
.extendedDescription .addParent {
  margin-top: 50px;
  width: 100%;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 30px;
  color: #000000;
  font-size: 18px;
  text-align: left;
  background: #FFC402;
}
.extendedDescription .chatbox {
  margin-top: 30px;
}

.chatbox {
  background: rgba(74, 74, 74, 0.1);
  padding: 40px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
}
.chatbox h3 {
  font-size: 30px;
  line-height: 36px;
}
.chatbox figure {
  background: #4a4a4a;
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-right: 0px;
  margin-bottom: 0px;
}
.chatbox figure img {
  width: 50%;
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}

.contactForm .row {
  margin-bottom: 20px;
}
.contactForm .phone {
  padding-top: 20px;
}
.contactForm .phone input {
  width: 97%;
}
.contactForm textarea {
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  outline: none;
  font-family: "robotolight";
  font-size: 16px;
}
.contactForm .errors {
  margin-top: 10px;
}

#mainSlider {
  position: relative;
  width: 100%;
}
#mainSlider .sp-arrows {
  position: absolute;
  right: 20px;
  bottom: 250px;
  height: 50px;
  z-index: 100;
  width: 135px;
  top: auto;
  left: auto;
  opacity: 1;
}
#mainSlider .sp-arrows .sp-previous-arrow {
  width: 67px;
  height: 50px;
  background: url("../_img/home/angle-left.png") center center no-repeat #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  left: 0px;
}
#mainSlider .sp-arrows .sp-next-arrow {
  width: 67px;
  height: 50px;
  background: url("../_img/home/angle-right.png") center center no-repeat #FFC402;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  right: 0px;
  transform: none;
}
#mainSlider .sp-arrows .sp-arrow:before {
  display: none;
}
#mainSlider .sp-arrows .sp-arrow:after {
  display: none;
}

.bannerImage {
  position: relative;
  width: 100%;
}
.bannerImage figure {
  position: relative;
  width: 100%;
}
.bannerImage figure img {
  width: 100%;
}
.bannerImage .bannerInfo {
  position: relative;
  width: 50%;
  z-index: 10;
}
.bannerImage .bannerInfo h1 {
  color: #ffffff;
  font-size: 50px;
}

.featureBanner {
  position: fixed;
  right: 0px;
  bottom: 0px;
  top: 0px;
  width: 40%;
}
.featureBanner .headset {
  color: #ffffff;
  font-size: 90px;
}
.featureBanner img {
  position: relative;
  width: 100%;
  min-width: 790px;
}
.featureBanner .overlay {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: url("/assets/_img/feature/article_overlay.png") left top repeat-y;
  top: 0px;
  display: block;
}
.featureBanner article {
  position: absolute;
  bottom: 75px;
  left: 50px;
  max-width: 70%;
}
.featureBanner article h3 {
  color: #ffffff;
  font-size: 28px;
  margin-bottom: 30px;
  line-height: 36px;
}
.featureBanner article p {
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
  font-family: 'robotolight';
}

.mobileBanner {
  display: none;
  background-color: #FFC402;
}

form fieldset {
  border: none;
  padding: 0px;
  margin-top: 20px;
}
form label {
  display: block;
  margin-bottom: 15px;
  font-family: 'robotomedium';
  font-size: 16px;
}
form label.invalid-field {
  color: #d80707;
  margin-top: 10px;
  display: block;
  font-family: 'robotolight';
}
form .krapin {
  text-transform: uppercase;
}
form .policydetails {
  background: #FEC302;
  width: 99%;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
  border: 1px solid #000000;
}
form .policydetails .one_third,
form .policydetails .two_third {
  position: relative;
}
form .policydetails .one_third {
  margin-right: 0px;
  width: 33%;
}
form .policydetails .arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
}
form .policydetails .two_third {
  border-right: 1px solid #000000;
}
form .policydetails h4,
form .policydetails p {
  margin-left: 25px;
  font-size: 16px;
}
form .uploadContainer {
  background: #ffffff;
  width: 99%;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  position: relative;
  border: 1px solid #C6C6C6;
}
form .uploadContainer .upload {
  position: absolute;
  right: 20px;
  top: 0px;
}
form .uploadContainer label {
  color: #000000;
  text-align: left;
  cursor: pointer;
  text-indent: 20px;
}
form .uploadContainer input[type="file"] {
  display: none;
}
form .phoneNumberField {
  position: relative;
}
form .phoneHighlight {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: none;
  background-color: #FFC402;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  font-family: 'robotomedium';
}
form .phoneHighlight img {
  width: 30px;
  margin-top: 10px;
  margin-left: 10px;
  display: none;
}
form .phoneHighlight span {
  font-family: 'robotomedium';
}
form input,
form select,
form textarea {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: 1px solid #C6C6C6;
  text-indent: 10px;
  box-sizing: border-box;
}
form .row .one_third {
  width: 33%;
  margin-right: 0px;
}
form .row .full_width input,
form .row .full_width select {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #C6C6C6;
  height: 60px;
  outline: none;
  text-indent: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
form .row .full_width select {
  background: url(../_img/select_bg.png) 97% center no-repeat #ffffff;
  cursor: pointer;
  background-size: 24px;
}
form .row .full_width select:hover {
  background: url(../_img/home/carselectbg.png) 97% center no-repeat #ffffff;
  background-size: 24px;
}
form .row .full_width select::-ms-expand {
  display: none;
}
form .row .one_third:first-child input {
  border-radius: 0px;
  -o-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 2px solid #C6C6C6;
  border-right: none;
}
form .row .one_third:last-child input {
  border-radius: 0px;
  -o-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 2px solid #C6C6C6;
  border-left: none;
}
form .row .half input,
form .row .half select {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #C6C6C6;
  height: 60px;
  outline: none;
  text-indent: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
form .row .half select {
  background: url(../_img/select_bg.png) 95% center no-repeat #ffffff;
  cursor: pointer;
  background-size: 24px;
}
form .row .half select:hover {
  background: url(../_img/home/carselectbg.png) 95% center no-repeat #ffffff;
  background-size: 24px;
}
form .row .half select::-ms-expand {
  display: none;
}
form .row .half .phoneNumber {
  text-indent: 30px;
}
form .row .half {
  width: 47%;
  margin-right: 3%;
}
form textarea {
  width: 96%;
  min-height: 100px;
}
form .row {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
form .row .half {
  position: relative;
}
form .row .datePickerToggle {
  position: absolute;
  right: 10px;
  top: 40px;
}
form .row form {
  padding: 0px;
  margin: 0px;
}
form button {
  background: #ffc402;
  border-radius: 5px;
  border: none;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 17px;
  margin-right: 10px;
  color: #000;
  cursor: pointer;
}
form .principalDetails {
  background: #f3f3f3;
  padding: 20px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}
form .removeMember {
  margin-bottom: 20px;
  text-align: right;
  position: absolute;
  right: 0px;
  top: 10px;
}
form .dependantInfo {
  padding-bottom: 20px;
  border-top: 2px dashed #FFC402;
  position: relative;
}
form .dependantInfo .closer {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #FFC402;
  width: 40px;
  height: 40px;
}
form .familyGroup {
  background: #d6d6d6;
  padding: 20px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  padding-top: 30px;
}
form .familyGroup .removeMember {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}
form .familyGroup .col-12,
form .familyGroup .col-4 {
  margin-bottom: 10px;
}
form .familyMemberReference {
  display: none;
}
form .preexistingconditions .row {
  position: relative;
  border-bottom: 1px solid #C6C6C6;
}
form .preexistingconditions .row .slideToggle {
  position: absolute;
  right: 0px;
  top: 0px;
}

.gecko form .row .full_width select {
  text-indent: 15px;
}
.gecko form .row .half select {
  text-indent: 15px;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background: #ffffff !important;
}

.mat-slide-toggle-bar {
  width: 30px !important;
}

.mat-slide-toggle-thumb {
  height: 15px !important;
  width: 15px !important;
  border-radius: 50%;
  margin-top: 2px;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background: #FFC402 !important;
}

section.footer_content {
  margin-top: 100px !important;
}

.mainfooter {
  position: relative;
}
.mainfooter p,
.mainfooter a {
  color: #000000;
  text-decoration: underline;
  display: inline-block;
}
.mainfooter P {
  text-decoration: none;
}
.mainfooter .socialNav {
  position: relative;
  margin-top: 0px;
  right: 0px;
  top: 0%;
  z-index: 10;
  width: auto;
  text-align: right;
}
.mainfooter .socialNav a {
  color: #4A4A4A;
  margin-left: 10px;
}
.mainfooter .socialNav a:hover {
  color: #FFC402;
  margin-left: 10px;
}

/*****  Terms and Conditions*******/
.termsContainer {
  margin-top: 80px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  margin-bottom: 80px;
}
.termsContainer h1 {
  margin-left: 30px;
}

.terms {
  padding: 2%;
}
.terms ol {
  counter-reset: item;
  margin-top: 10px;
  padding-inline-start: 10px;
}
.terms ol li {
  display: block;
  font-size: 16px;
  font-family: "robotolight";
  margin-bottom: 10px;
  line-height: 24px;
}
.terms ol li p {
  margin-left: 10px;
}
.terms ol li h4,
.terms ol li strong {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: "robotoregular";
}
.terms ol li ol li:before {
  font-size: 16px;
  font-family: "robotolight";
}
.terms ol li:before {
  content: counters(item,".") " ";
  counter-increment: item;
  font-family: "robotoregular";
  font-size: 17px;
}
.terms a {
  color: #000000;
  border-bottom: 4px #FFC402 solid;
}

.contactUs {
  margin-top: 80px;
  margin-bottom: 80px;
}
.contactUs a {
  color: #000000;
  border-bottom: 4px #FFC402 solid;
}
.contactUs fa-icon {
  margin-right: 10px;
}

/***** END Terms and Conditions *******/
/***** Claims Page ******/
.claimIntro,
.claimSection {
  padding: 35px;
}

.claimHeader h1 {
  font-family: 'robotomedium';
  font-size: 25px;
}
.claimHeader h1 .yellowLine {
  font-family: 'robotomedium';
  border-bottom: 4px solid #FFC900;
}

.claim-intro-content p {
  font-family: 'robotoregular';
  color: #4A4A4A;
  letter-spacing: 0px;
}

.claims {
  margin: 0 0px;
}
.claims p {
  font-family: "robotomedium";
}
.claims .singleClaim {
  display: inline-block;
  vertical-align: top;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border: 2px solid #979797;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 160px;
}
.claims .singleClaim:hover .activeIcon {
  display: inline-block;
}
.claims .singleClaim .clickArea {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 50;
}
.claims .singleClaim .claimIcon img {
  width: 40%;
}
.claims .singleClaim:hover {
  background-color: #FFC402;
  border: 1px solid transparent;
}
.claims .singleClaim:hover .currentIcon {
  display: none;
}
.claims .singleClaim .activeIcon {
  display: none;
}
.claims .singleClaim h5 {
  font-size: 14px;
  line-height: 20px;
  font-family: 'robotomedium';
  margin-bottom: 0px;
  letter-spacing: 1.25px;
}
.claims .active {
  background-color: #FFC402;
}

.claim-policy-content select {
  color: #4a4a4a;
}

.formModal {
  position: fixed;
  padding: 30px 40px;
  transform: translate(-50%, 0);
  max-width: 25%;
  left: 50%;
  text-align: left;
  top: 160px;
  z-index: 50;
  background: #ffffff;
  display: none;
  overflow-y: auto;
  height: 400px;
}
.formModal .close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: #fff;
  border: 4px solid #000;
}
.formModal .close-icon .icon {
  color: #000;
  font-size: 20px;
}
.formModal .modalHeader p {
  font-size: 18px;
  line-height: 22px;
  font-family: 'robotomedium';
  color: #4a4a4a;
}
.formModal .modalContent ul {
  padding-left: 0px;
}
.formModal .modalContent ul li {
  list-style: none;
  padding: 20px;
  border-top: 1px dashed #707070;
  color: #4a4a4a;
  letter-spacing: 0.25px;
}
.formModal .modalContent ul li em {
  font-size: 11px;
}
.formModal .modalContent ul li:last-child {
  border-bottom: 1px dashed #707070;
}
.formModal .modalFooter .readMoreYellow {
  padding-right: 130px;
}

.infoForm {
  position: relative;
  margin-left: 8%;
  width: 65%;
  margin-top: 60px;
  z-index: 10;
  background-color: #ffffff;
  float: left;
}
.infoForm .claimType {
  display: none;
}
.infoForm .claimType form {
  padding: 35px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.infoForm .claimType form label {
  font-size: 14px;
}
.infoForm .claimType form .width-50 {
  width: 50%;
}
.infoForm .claimType form .full_width {
  position: relative;
}
.infoForm .claimType form .full_width form {
  padding: 0px;
}
.infoForm .claimType form .full_width input,
.infoForm .claimType form .full_width textarea {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  position: relative;
  font-family: 'robotoregular';
  text-indent: 25px;
  font-size: 15px;
  outline: none;
}
.infoForm .claimType form .full_width .iconPosition {
  position: absolute;
  right: 2%;
  top: 50px;
  color: #4A4A4A;
  font-size: 20px;
}
.infoForm .claimType form .full_width .mat-datepicker-toggle {
  position: absolute;
  top: 45%;
  right: 2%;
  z-index: 20;
}
.infoForm .claimType form .full_width .mat-form-field {
  width: 100%;
}
.infoForm .claimType form .full_width .mat-form-field span {
  font-family: 'robotomedium' !important;
}
.infoForm .claimType form .full_width .location .mat-form-field-flex {
  border: none;
}
.infoForm .claimType form .full_width .location .mat-form-field-label-wrapper {
  display: none;
}
.infoForm .claimType form .halfLeft .mat-datepicker-toggle {
  position: absolute !important;
  right: 1% !important;
  top: 15% !important;
}
.infoForm .claimType form .halfRight .iconPosition {
  top: 35% !important;
}
.infoForm .claimType form .half .inputLeft {
  text-transform: uppercase;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.infoForm .claimType form .half .inputRight {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  position: relative;
}
.infoForm .claimType form .half .iconPosition {
  position: absolute;
  right: 20px;
  top: 50px;
  color: #4A4A4A;
  font-size: 20px;
}
.infoForm .claimType form .half .mat-datepicker-input {
  position: relative;
}
.infoForm .claimType form .half .mat-datepicker-toggle {
  position: absolute;
  right: 2%;
  top: 45px;
}
.infoForm .claimType form .half select {
  text-indent: 25px;
  color: #4A4A4A;
}
.infoForm .claimType form .half .mat-form-field {
  width: 100%;
}
.infoForm .claimType form .half .mat-form-field span {
  font-family: "robotoregular" !important;
}
.infoForm .claimType form .mr-0 {
  margin-right: 0%;
}
.infoForm .claimType form .mb-0 {
  margin-bottom: 0px;
}
.infoForm .claimType form .ml-0 {
  margin-left: 0px;
}
.infoForm .claimType form .ml-3 {
  margin-left: 3%;
}
.infoForm .claimType form .addButton {
  border: 2px solid #4A4A4A;
  background-color: #DCDCDC;
  border-style: dashed;
  border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  font-family: 'robotomedium';
  text-transform: capitalize;
  font-weight: lighter;
  padding: 16px 0px 16px 40px;
  position: relative;
  text-align: left;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.infoForm .claimType form .addButton:hover {
  background-color: #FFF;
  border: 2px dashed #FFC402;
  color: #FFC402;
}
.infoForm .claimType form .addButton:hover .iconPosition {
  color: #FFC402;
}
.infoForm .claimType .formHeader h4 {
  font-family: 'robotomedium';
  font-size: 22px;
}
.infoForm .claimType .formHeader .yellowLine {
  font-family: 'robotomedium';
  border-bottom: 4px solid #FFC900;
  padding-bottom: 10px;
}
.infoForm .claimType .marginTopBottom-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.infoForm .claimType .mat-radio-label-content {
  margin-right: 35px;
}
.infoForm .claimType .mat-radio-outer-circle {
  border-color: #000 !important;
}
.infoForm .claimType .mat-form-field-flex {
  background-color: #fff !important;
  border: 1px solid #C6C6C6;
  border-radius: 30px !important;
  -o-border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
}
.infoForm .mat-dialog-actions .mat-focus-indicator span {
  font-family: 'robotomedium';
  color: #000;
}
.infoForm .mat-form-field-underline {
  display: none;
}
.infoForm .mat-datepicker-toggle-active {
  color: #FFC402 !important;
}
.infoForm small {
  font-family: 'robotomedium';
}
.infoForm .mat-checkbox-layout .mat-checkbox-label {
  white-space: break-spaces;
  line-height: 20px;
}

.activeClaim {
  background-color: #FFC900;
}

.hideForm {
  display: none;
}

.showForm {
  display: block;
}

.timepicker .mat-primary {
  background: #FFC402 !important;
}
.timepicker input,
.timepicker .timepicker-period__btn {
  font-family: 'robotomedium';
}

.mt-30 {
  margin-top: 30px;
}

.mat-form-field {
  font-family: 'robotoregular' !important;
  color: #4A4A4A;
}

.mat-pseudo-checkbox {
  position: absolute !important;
  right: 0 !important;
  border-radius: 50% !important;
}

.mat-primary .mat-pseudo-checkbox-checked {
  background-color: #FFC402 !important;
}

.mat-option {
  margin: 10px;
  background-color: transparent !important;
}
.mat-option:last-child {
  border-bottom: none;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #FFC402 !important;
}

.mat-select-panel {
  background-color: #F5F5F5 !important;
  border-radius: 24px !important;
  position: absolute;
  z-index: 0;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
  border: 1px solid #f5f5f5;
}
.mat-select-panel .mat-option .mat-option-text {
  font-family: 'robotomedium' !important;
}

.cdk-overlay-pane {
  z-index: 0 !important;
}

.dashedLine {
  border-top: 1.5px dashed #707070;
  width: 100%;
}

.uploadFileContainer {
  border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  position: relative;
  border: 2px solid #C6C6C6;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 145px;
}
.uploadFileContainer form {
  padding: 0px !important;
}
.uploadFileContainer .invalid-field {
  position: absolute;
  left: 3%;
  bottom: 5px;
  right: 5px;
  text-align: center;
  width: 94%;
  overflow: visible;
}
.uploadFileContainer .invalid-field label {
  margin-bottom: 0px;
}
.uploadFileContainer .icon-section {
  text-align: center;
  padding-top: 15px;
  cursor: pointer;
  padding-bottom: 15px;
}
.uploadFileContainer .icon-section p {
  font-family: 'robotobold';
  line-height: 20px;
  font-size: 16px;
  margin-bottom: 0px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.uploadFileContainer input[type="file"] {
  display: none;
}
.uploadFileContainer:hover {
  border: 2px dashed #FFC402;
}
.uploadFileContainer:hover p {
  color: #FFC402;
}

.summaryDetails {
  position: absolute;
  right: -30%;
  top: 0%;
  width: 25%;
}
.summaryDetails .policyDetails h4 {
  color: #FFC402;
  margin-bottom: 0px;
  font-size: 17.5px;
}
.summaryDetails .singleDetail {
  border-top: 2px dashed #E4E4E4;
  padding-top: 0px;
  padding-bottom: 0px;
}
.summaryDetails .singleDetail .detailHeader {
  position: relative;
}
.summaryDetails .singleDetail .detailHeader h4 {
  color: #FFC402;
  margin-bottom: 0px;
  font-size: 17.5px;
}
.summaryDetails .singleDetail .detailHeader button .iconPosition {
  position: absolute;
  right: 5px;
  top: 0;
  color: #FFC402;
  font-size: 23px;
}
.summaryDetails .singleDetail .detailHeader .mat-icon-button {
  position: absolute;
  right: 0;
  top: -10px;
}
.summaryDetails .singleDetail .inactive {
  color: #4A4A4A;
  font-size: 17.5px;
}
.summaryDetails .singleDetail p {
  font-family: 'robotoregular';
  color: #4A4A4A;
  letter-spacing: 0px;
  line-height: 18px;
}

.mt-4 {
  margin-top: 4em;
}

.summaryContent .row {
  border-bottom: 2px dashed #E4E4E4;
  padding: 5px 0 5px 0;
}
.summaryContent .row p,
.summaryContent .row strong {
  font-size: 16px;
  vertical-align: top;
}
.summaryContent .row .left {
  text-align: left;
  display: inline-block;
  width: 50%;
}
.summaryContent .row .right {
  text-align: right;
  display: inline-block;
  width: 48%;
  font-family: 'robotomedium';
}

.btnFooter {
  margin-top: 60px;
}
.btnFooter .readMoreYellow {
  width: 25%;
  text-align: left;
}
.btnFooter .readMoreGrey {
  background-color: #E4E4E4;
  border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 55px 15px 25px;
  color: #000000;
  font-size: 16px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  display: inline-block;
  margin-left: 15px;
  font-family: 'robotobold';
}
.btnFooter .readMoreGrey:hover {
  background: #ffffff;
  border: 1px solid #7a7a7a;
  padding: 14px 55px 14px 25px;
}
.btnFooter .readMoreGrey .arrow {
  position: absolute;
  right: 20px;
  top: 11px;
}

.thankYouSection {
  padding: 35px;
}
.thankYouSection .introContent {
  position: relative;
}
.thankYouSection .introContent .arrow {
  font-size: 35px;
  position: absolute;
  color: #FFC402;
  left: 1.5%;
}
.thankYouSection .introContent h3 {
  margin-left: 65px;
  font-family: 'robotomedium';
}
.thankYouSection form {
  background: #F5F5F5;
  border: 1.5px solid #C4C4C4;
  border-radius: 25px;
  padding: 35px;
  margin-top: 60px;
}
.thankYouSection form h4 {
  font-family: 'robotomedium';
  font-size: 22px;
}
.thankYouSection form .uploadContainer {
  background-color: #fff;
}
.thankYouSection form .uploadContainer p {
  color: #4A4A4A;
}
.thankYouSection form .uploadContainer .arrow {
  color: #4A4A4A;
}

/***** END of Claims Page ******/
/***** MEDIA QUERY 1490PX *******/
/***** END MEDIA QUERY 1490PX *******/
/***** MEDIA QUERY 960PX *******/
@media screen and (max-width: 1370px) {
  .motorBanner .introduction {
    width: 82%;
  }
  .motorBanner form .quoteSummary {
    width: 100%;
  }
  .motorBanner form .quoteSummary .tabNavigation {
    left: 15px;
  }
  .motorBanner form .quoteSummary .tabNavigation button {
    padding: 20px 35px;
  }

  .welcomeClaim {
    padding: 0px;
  }

  .uploadFileContainer {
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  .uploadFileContainer .icon-section {
    padding-right: 5px;
    padding-left: 5px;
  }
  .uploadFileContainer .icon-section p {
    line-height: 18px;
    font-size: 14px;
  }

  form .smallText {
    width: 100%;
    margin: 0%;
  }

  .infoForm .formHeader .yellowLine {
    padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 1200px) {
  .termsModal {
    top: 90px;
  }

  header .headerLink,
  header.half .headerLink {
    max-width: 120px;
  }
  header .headerWrapper,
  header.half .headerWrapper {
    padding-top: 0px;
  }
  header nav ul,
  header.half nav ul {
    display: none;
    position: absolute;
  }
  header nav .phoneNumber,
  header.half nav .phoneNumber {
    font-size: 20px;
    top: 0px;
    margin-right: 10px;
  }
  header nav .menuToggle,
  header.half nav .menuToggle {
    display: inline-block;
    background: url("../_img/header/menuopener.png") center center no-repeat #FFC402;
    background-size: 15px;
    vertical-align: middle;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all linear 0.3s;
  }
  header nav .menuToggle:hover,
  header.half nav .menuToggle:hover {
    display: inline-block;
    background: url("../_img/header/menuopener.png") center center no-repeat #ffffff;
    background-size: 15px;
  }
  header nav .menuToggle.open,
  header.half nav .menuToggle.open {
    background: url("../_img/header/menucloser.png") center center no-repeat #ffffff;
    background-size: 15px;
  }

  header .headerWrapper {
    padding-top: 20px;
  }

  .socialNav {
    display: none;
  }

  .motorBanner .introduction {
    width: 95%;
  }
  .motorBanner .introduction .submitView {
    width: 100%;
    margin-top: 20px;
  }
  .motorBanner .introduction .submitView button {
    margin-top: 0px;
  }
  .motorBanner .introduction .one_quarter {
    width: 31%;
  }
  .motorBanner .coverSummary {
    display: none !important;
  }

  .mobileNav {
    position: fixed;
    left: -100%;
    top: 0px;
    bottom: 0px;
    width: 200px;
    z-index: 50;
    background-color: #FFC402;
  }
  .mobileNav .socialNav {
    display: block;
  }
  .mobileNav ul {
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 0px;
  }
  .mobileNav ul li {
    list-style: none;
    list-style-type: none;
    position: relative;
  }
  .mobileNav ul li .arrow {
    position: absolute;
    left: 5px;
    top: 20px;
    z-index: 10;
  }
  .mobileNav ul li a,
  .mobileNav ul li button {
    height: 60px;
    display: block;
    line-height: 60px;
    background-color: #FFC402;
    width: 100%;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    text-align: left;
    position: relative;
    text-indent: 30px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
  }
  .mobileNav ul li a:hover,
  .mobileNav ul li a.active,
  .mobileNav ul li button:hover,
  .mobileNav ul li button.active {
    background-color: #ffffff;
  }

  .authoverlay {
    top: 94px;
  }
  .authoverlay .overlay {
    top: 95px;
  }
  .authoverlay .formContainer {
    width: 100%;
  }

  .motorBanner .introduction {
    width: 95%;
    left: 3%;
  }

  .fullWidthSlider .coverDescription {
    width: 100%;
  }
  .fullWidthSlider .singleSlide article {
    max-width: 95%;
  }
  .fullWidthSlider .singleSlide .claimSummary {
    position: static;
  }
  .fullWidthSlider .singleSlide .claimSummary article {
    left: 0px;
    top: 96%;
    bottom: auto;
    border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 96%;
  }

  .mainContent,
  .getStarted {
    position: relative;
    width: 96%;
    left: 0px;
    padding: 2%;
    margin-left: 0px;
    min-height: auto;
    border-left: 0px;
    box-sizing: content-box;
    top: 0px;
    margin-top: 120px;
  }

  .getStarted {
    margin-top: 100px;
  }
  .getStarted .share {
    display: none;
  }

  .featureBanner {
    display: none;
  }

  .sidebar {
    width: 30%;
  }

  .contactUs {
    width: 90%;
    padding: 2%;
    box-sizing: border-box;
  }

  .formDetails,
  .formDetails.fullwidth {
    margin-left: 35%;
    width: 62%;
    margin-top: 100px;
  }

  .thankyousummary {
    max-width: 90%;
    padding: 20px 3%;
  }
  .thankyousummary .description {
    width: 100%;
  }
  .thankyousummary .lipaPolePoleSchedule {
    width: 100%;
    margin-left: 0px;
  }
  .thankyousummary .lipaPolePoleSchedule .row .left .date,
  .thankyousummary .lipaPolePoleSchedule .row .left strong,
  .thankyousummary .lipaPolePoleSchedule .row .left .dated,
  .thankyousummary .lipaPolePoleSchedule .row .right .date,
  .thankyousummary .lipaPolePoleSchedule .row .right strong,
  .thankyousummary .lipaPolePoleSchedule .row .right .dated {
    font-size: 16px;
  }

  .mainfooter {
    width: 90%;
    margin-left: 5%;
  }

  .welcomeClaim {
    padding: 0px;
  }

  .claims .singleClaim {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 1%;
  }
  .claims .singleClaim .claimIcon img {
    width: auto;
  }
  .claims .singleClaim:nth-last-child(1) {
    width: 97%;
  }

  .formModal {
    max-width: 55%;
  }

  .infoForm {
    margin-left: 4%;
    width: 60%;
    margin-top: 40px;
  }
  .infoForm form {
    padding-top: 10px !important;
  }
  .infoForm form .full_width textarea {
    font-size: 0.85em;
    width: 100%;
  }
  .infoForm form .half {
    width: 100%;
    margin-right: 0% !important;
    margin-left: 0% !important;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
  }
  .infoForm form .one_third {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .infoForm form label {
    line-height: 25px;
    margin-bottom: 5px;
  }
  .infoForm form .halfLeft,
  .infoForm form .halfRight {
    width: 100% !important;
  }
  .infoForm form .halfLeft .inputLeft,
  .infoForm form .halfRight .inputLeft {
    border-bottom-right-radius: 30px !important;
    border-top-right-radius: 30px !important;
  }
  .infoForm form .halfLeft .inputRight,
  .infoForm form .halfRight .inputRight {
    border-bottom-left-radius: 30px !important;
    border-top-left-radius: 30px !important;
  }
  .infoForm .marginTopBottom-40 {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }
  .infoForm .claimType .formHeader h4 {
    font-size: 16.5px !important;
    line-height: 25px;
  }

  .summaryDetails {
    right: -45%;
    width: 40%;
  }

  .uploadFileContainer {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
  }

  .dashedLine {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .btnFooter .readMoreYellow {
    width: auto;
    margin-top: 0px;
  }

  .thankYouSection .introContent h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .singlePolicy .paymentSchedule .paymentHighlight {
    padding: 10px 15px;
  }
  .singlePolicy .paymentSchedule .paymentHighlight .wallet {
    font-size: 24px;
  }
  .singlePolicy .paymentSchedule .paymentHighlight h2 {
    font-size: 18px;
  }
  .singlePolicy .paymentSchedule .paymentHighlight .buttons {
    margin-top: 0px;
  }
  .singlePolicy .paymentSchedule .paymentHighlight .buttons .readMoreBlack {
    margin-right: 0px;
  }
}
/***** 768px Media Query *******/
@media screen and (max-width: 768px) {
  .banner .half {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }

  .snippets .one_third {
    width: 96%;
    margin-left: 2%;
    margin-rigth: 2%;
  }
  .snippets .one_third img {
    width: 100%;
  }

  .authoverlay .formContainer .closer {
    top: 10px;
    right: 10px;
  }
  .authoverlay .formContainer form {
    padding: 20px;
  }

  .termsModal .termsSummary {
    padding: 10px;
    margin-top: 10px;
  }
  .termsModal .termsSummary ol {
    padding-inline-start: 5px;
  }
  .termsModal .termsSummary ol li strong {
    font-size: 18px;
    display: inline-block;
  }
  .termsModal .termsSummary h2 {
    font-size: 18px;
    line-height: 21px;
  }
  .termsModal .termsSummary h3 {
    font-size: 16px;
    line-height: 19px;
  }

  .mobileHide {
    display: none;
  }

  header.half {
    width: 95%;
    padding-right: 2%;
    margin-right: 0px;
  }
  header.half .headerWrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    width: 98%;
    margin-left: 0%;
  }

  header.black {
    background-color: #4A4A4A;
    background-image: url("../_img/header/insure_me_logo.png");
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 120px;
    width: 98%;
  }

  header nav .phoneNumber {
    display: none;
  }
  header .mobileHide {
    display: none;
  }
  header .userStatus {
    display: inline-block;
    font-size: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 0px;
    vertical-align: middle;
  }
  header .userStatus .userIcon {
    right: 11px;
    top: 8px;
  }

  .modal {
    background: url("../_img/preloader/frost.png") center center no-repeat;
    overflow-y: scroll;
  }
  .modal .modalContainer {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    margin-top: 10%;
  }
  .modal .modalContainer .modalContent {
    display: inline-block;
    width: 90%;
    border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #ffffff;
    text-align: left;
    padding: 5%;
    box-sizing: border-box;
    margin-left: 5%;
  }
  .modal .modalContainer .modalImage {
    display: none;
  }

  .centerAligner {
    width: 96%;
  }

  .mat-form-field-appearance-fill .mat-form-field-infix {
    margin-top: 4px;
  }

  .motorBanner {
    overflow: visible;
    min-height: auto;
    width: 94%;
    margin: 0 auto;
    display: block;
  }
  .motorBanner .quoteOverlay {
    display: none !important;
  }
  .motorBanner .introduction {
    position: relative;
    width: 94%;
    left: 2%;
  }
  .motorBanner .introduction h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .motorBanner .introduction p {
    font-size: 18px;
    line-height: 22px;
  }
  .motorBanner .introduction .one_quarter {
    width: 100%;
    margin-bottom: 10px;
  }
  .motorBanner .introduction .one_quarter .make,
  .motorBanner .introduction .one_quarter .value,
  .motorBanner .introduction .one_quarter .year {
    border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .motorBanner .introduction .one_quarter .make {
    background: url(../_img/home/carselectbg.png) 97% center no-repeat #ffffff;
    background-size: 24px;
  }
  .motorBanner .introduction .one_quarter button {
    width: 100%;
  }
  .motorBanner form {
    margin-top: 20px;
  }
  .motorBanner form fieldset label.white {
    color: #000;
  }
  .motorBanner form .shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .motorBanner form .quoteSummary {
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-top: 0px;
    padding-top: 0px;
  }
  .motorBanner form .quoteSummary .tabNavigation {
    width: 95%;
    backgorund: none;
    border: none;
    top: 10px;
    position: relative;
    margin-left: 2%;
    left: 0px;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow {
    width: 100%;
    text-align: left;
    padding: 13px 20px;
    border: transparent;
    background: #F5F5F5;
    color: #000000;
    margin-top: 0px;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow .icon {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 30px;
    height: 30px;
    margin: 0px;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow .icon .closer {
    display: none;
    font-size: 24px;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow .icon .opener {
    display: block;
    font-size: 24px;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow.selected,
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow:hover {
    background: #ffc400;
    color: #000000;
    border: none;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow.selected .icon .closer {
    display: block;
  }
  .motorBanner form .quoteSummary .tabNavigation .readMoreYellow.selected .icon .opener {
    display: none;
  }
  .motorBanner form .quoteSummary .desktop {
    display: none;
  }
  .motorBanner form .quoteSummary .mobile {
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 15px;
  }
  .motorBanner form .quoteSummary .tabContent {
    width: 100%;
    margin-left: 0px;
    margin-top: 30px;
    border: 1px solid #c4c4c4;
    border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding-top: 55px;
    margin-top: -25px;
    margin-bottom: 10px;
  }
  .motorBanner form .quoteSummary .tabContent .half {
    width: 92%;
    border: none;
    min-height: auto;
    padding-bottom: 25px;
    padding-left: 4%;
    padding-right: 4%;
  }
  .motorBanner form .quoteSummary .tabContent .half h5 {
    font-size: 18px;
    line-height: 21px;
  }
  .motorBanner form .quoteSummary .tabContent .half h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .motorBanner form .quoteSummary .tabContent .specifications {
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .motorBanner form .quoteSummary .tabContent .getgoing {
    display: block;
    width: 100%;
    position: relative;
    border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
  }
  .motorBanner .imageContainer {
    display: none;
  }

  .fullWidthSlider {
    overflow: hidden;
  }
  .fullWidthSlider .coverDescription {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
  }
  .fullWidthSlider .coverDescription h1 {
    font-size: 24px;
  }
  .fullWidthSlider .coverDescription article {
    padding: 30px;
  }
  .fullWidthSlider .coverDescription article p,
  .fullWidthSlider .coverDescription article li {
    font-size: 16px;
    line-height: 22px;
  }
  .fullWidthSlider .coverDescription article ul {
    width: 94%;
    margin-bottom: 20px;
    margin-top: 0px;
  }
  .fullWidthSlider .coverDescription article ul h4 {
    margin-top: 0px;
  }
  .fullWidthSlider .coverDescription article ul li {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .fullWidthSlider .singleSlide .mainImage {
    position: fixed;
  }
  .fullWidthSlider .singleSlide .claimSummary {
    width: 94%;
    margin-bottom: 10px;
  }
  .fullWidthSlider .singleSlide .claimSummary article {
    position: relative;
    display: none;
  }
  .fullWidthSlider .singleSlide .claimSummary:hover article {
    display: none;
  }
  .fullWidthSlider .singleSlide article {
    position: relative;
  }
  .fullWidthSlider .singleSlide article h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .fullWidthSlider .singleSlide article p {
    font-size: 24px;
    line-height: 28px;
  }
  .fullWidthSlider .singleSlide article .readMore,
  .fullWidthSlider .singleSlide article .readMoreWhite,
  .fullWidthSlider .singleSlide article .readMoreYellow {
    margin-bottom: 15px;
  }

  .sidebar {
    position: relative;
    width: 90%;
    left: 5%;
    top: 0px;
    min-height: 60px;
  }
  .sidebar ul {
    text-align: left;
  }
  .sidebar ul li {
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-right: 20px;
    background: none;
  }

  .mainfooter {
    margin-left: 5%;
    width: 90%;
  }

  .valuationOverlay {
    top: 120px;
    width: 90%;
    margin-left: 5%;
    left: 0px;
  }

  .singlePolicy .policySummary .col3 h3.left,
  .singlePolicy .policySummary .col3 h3.center,
  .singlePolicy .policySummary .col3 h3.right,
  .yellowHighlight .policySummary .col3 h3.left,
  .yellowHighlight .policySummary .col3 h3.center,
  .yellowHighlight .policySummary .col3 h3.right {
    font-size: 18px;
  }
  .singlePolicy .paymentNumber,
  .yellowHighlight .paymentNumber {
    padding: 20px 0%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .singlePolicy .paymentNumber form,
  .yellowHighlight .paymentNumber form {
    max-width: 96%;
  }
  .singlePolicy .paymentNumber form .three_quarter,
  .singlePolicy .paymentNumber form .one_quarter,
  .yellowHighlight .paymentNumber form .three_quarter,
  .yellowHighlight .paymentNumber form .one_quarter {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .thankyousummary .description .icon {
    display: none;
  }
  .thankyousummary .description h3 {
    font-size: 19px;
    line-height: 23px;
  }
  .thankyousummary .description .valuerContainer {
    margin-top: 30px;
    padding: 20px;
  }
  .thankyousummary .description .confirmation {
    margin-left: 0px;
    font-size: 15px;
    line-height: 22px;
  }

  .termsModal .readTerms {
    margin-bottom: 15px;
  }
  .termsModal .termsSummary .half {
    width: 100%;
  }
  .termsModal .termsSummary .half button {
    width: 100%;
    margin-bottom: 15px;
  }

  .policySummary {
    position: relative;
    display: block;
    top: 0px;
    right: 5%;
    left: 5%;
    width: 90%;
  }
  .policySummary .policydetails {
    display: block;
  }
  .policySummary .driverDetails,
  .policySummary .vehicleDetails {
    display: none;
  }

  .singlePolicy,
  .singleClaim {
    display: block;
    padding: 2%;
    width: 96%;
    margin-top: 30px;
  }
  .singlePolicy .policySummary,
  .singleClaim .policySummary {
    width: 96%;
    left: 0px;
    background: #ffffff !important;
  }
  .singlePolicy .policySummary .headerRow .left,
  .singleClaim .policySummary .headerRow .left {
    width: 96%;
    margin-bottom: 20px;
  }
  .singlePolicy .policySummary .headerRow .right,
  .singleClaim .policySummary .headerRow .right {
    width: 98%;
    text-align: left;
  }
  .singlePolicy .policySummary .headerRow .right .readMoreYellow,
  .singlePolicy .policySummary .headerRow .right .readMoreGrey,
  .singleClaim .policySummary .headerRow .right .readMoreYellow,
  .singleClaim .policySummary .headerRow .right .readMoreGrey {
    margin-left: 0px;
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 20px;
  }
  .singlePolicy .paymentSchedule .paymentHighlight,
  .singleClaim .paymentSchedule .paymentHighlight {
    display: block;
    background: url("../_img/getcover/horizontaldashed.png") bottom center repeat-x;
    margin-bottom: 5px;
    padding: 10px 15px;
  }
  .singlePolicy .paymentSchedule .paymentHighlight h2,
  .singleClaim .paymentSchedule .paymentHighlight h2 {
    width: 80%;
    text-align: center;
  }
  .singlePolicy .paymentSchedule .buttons,
  .singleClaim .paymentSchedule .buttons {
    margin-top: -7px;
    float: none;
  }
  .singlePolicy .paymentSchedule .buttons button,
  .singleClaim .paymentSchedule .buttons button {
    width: 100%;
  }
  .singlePolicy .paymentSchedule .row,
  .singleClaim .paymentSchedule .row {
    padding: 20px 15px;
  }
  .singlePolicy .paymentSchedule .row .payment,
  .singleClaim .paymentSchedule .row .payment {
    right: 10px;
  }
  .singlePolicy .paymentSchedule .row .right,
  .singleClaim .paymentSchedule .row .right {
    width: 50%;
  }
  .singlePolicy .paymentSchedule .row .right p,
  .singleClaim .paymentSchedule .row .right p {
    font-size: 16px;
    line-height: 20px;
  }
  .singlePolicy .paymentSchedule .row .left,
  .singleClaim .paymentSchedule .row .left {
    width: 45%;
    font-size: 16px;
    line-height: 20px;
  }
  .singlePolicy .paymentScheduleBlack,
  .singleClaim .paymentScheduleBlack {
    margin-top: 0px;
    padding-top: 0px;
  }
  .singlePolicy .paymentScheduleBlack .paymentHighlightBlack,
  .singleClaim .paymentScheduleBlack .paymentHighlightBlack {
    padding-top: 25px;
  }
  .singlePolicy .paymentScheduleBlack .buttons,
  .singleClaim .paymentScheduleBlack .buttons {
    margin-top: 20px;
  }

  .accordionContainer .accordionTitle {
    font-size: 18px;
    padding: 20px;
  }
  .accordionContainer .accordionTitle .arrow {
    top: 25px;
    right: 20px;
  }

  .thankyousummary .description .valuerContainer .valuertitle {
    width: 100%;
    font-size: 28px;
    text-align: center;
  }
  .thankyousummary .description .valuerContainer .valuerprofile {
    width: 100%;
    margin-bottom: 30px;
  }
  .thankyousummary .description .valuerContainer .dateDetails {
    width: 100%;
    margin-left: 0px;
  }
  .thankyousummary .lipaPolePoleSchedule {
    width: 100%;
    margin-left: 0px;
  }

  .mobileBanner {
    display: block;
    margin-top: 80px;
    padding: 4%;
  }
  .mobileBanner article {
    width: 60%;
    display: inline-block;
  }
  .mobileBanner img {
    width: 30%;
    vertical-align: bottom;
  }

  .claimProcess .one_third {
    width: 90%;
    margin-left: 5%;
  }

  .contactSummary {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contactSummary .half {
    width: 90%;
    margin-left: 3%;
  }

  .loginBanner {
    padding: 30px 0px;
  }
  .loginBanner .full_width p {
    font-size: 20px;
    line-height: 25px;
  }

  form .readMoreYellow {
    margin-top: 10px;
  }
  form .dependantInfo {
    border-top: none;
  }
  form .dependantInfo .closer {
    position: relative;
    left: 4%;
    margin-top: 20px;
  }
  form .policydetails .two_third,
  form .policydetails .one_third {
    width: 100%;
    margin-right: 0%;
  }
  form .policydetails .two_third {
    border-bottom: 1px solid #000000;
  }

  .formDetails,
  .formDetails.fullwidth {
    width: 94%;
    margin-left: 3%;
    margin-top: 20px;
  }
  .formDetails .form-group,
  .formDetails .formGroup,
  .formDetails.fullwidth .form-group,
  .formDetails.fullwidth .formGroup {
    margin-top: 20px;
  }
  .formDetails .benefitsContainer .readMoreYellow,
  .formDetails.fullwidth .benefitsContainer .readMoreYellow {
    width: 100%;
  }
  .formDetails .accordion .policysummary,
  .formDetails.fullwidth .accordion .policysummary {
    margin-top: 10px;
  }
  .formDetails .thankyousummary,
  .formDetails .policysummary,
  .formDetails.fullwidth .thankyousummary,
  .formDetails.fullwidth .policysummary {
    margin-top: 10px;
  }
  .formDetails .thankyousummary h1,
  .formDetails .policysummary h1,
  .formDetails.fullwidth .thankyousummary h1,
  .formDetails.fullwidth .policysummary h1 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 15px;
    margin-top: 0px;
  }
  .formDetails .thankyousummary h3,
  .formDetails .policysummary h3,
  .formDetails.fullwidth .thankyousummary h3,
  .formDetails.fullwidth .policysummary h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
    margin-top: 0px;
  }
  .formDetails .thankyousummary p,
  .formDetails .policysummary p,
  .formDetails.fullwidth .thankyousummary p,
  .formDetails.fullwidth .policysummary p {
    font-size: 16px;
    line-height: 24px;
  }
  .formDetails h2,
  .formDetails.fullwidth h2 {
    display: none;
  }
  .formDetails .addDependants,
  .formDetails .addChild,
  .formDetails .addSpouse,
  .formDetails .childButton,
  .formDetails.fullwidth .addDependants,
  .formDetails.fullwidth .addChild,
  .formDetails.fullwidth .addSpouse,
  .formDetails.fullwidth .childButton {
    display: block;
    width: 100%;
    height: 100px;
    background: #E0E4EB;
    text-align: left;
    border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-size: 20px;
  }
  .formDetails .addDependants .arrow,
  .formDetails .addChild .arrow,
  .formDetails .addSpouse .arrow,
  .formDetails .childButton .arrow,
  .formDetails.fullwidth .addDependants .arrow,
  .formDetails.fullwidth .addChild .arrow,
  .formDetails.fullwidth .addSpouse .arrow,
  .formDetails.fullwidth .childButton .arrow {
    position: absolute;
    right: 10px;
  }

  .welcomeClaim {
    margin-top: 0px;
  }

  .claims {
    margin-right: 10px;
    margin-left: 10px;
  }
  .claims .singleClaim {
    width: 97%;
  }

  .formModal {
    padding: 30px 30px;
  }
  .formModal .modalHeader p {
    font-size: 14px;
    line-height: 20px;
  }
  .formModal .modalContent ul li {
    font-size: 15px;
  }

  .infoForm {
    margin-left: 5%;
    width: 90%;
    margin-top: 20px;
    margin-right: 5%;
  }
  .infoForm form .addButton {
    margin-top: 2%;
  }
  .infoForm form .full_width .iconPosition {
    right: 4% !important;
    bottom: 30% !important;
  }

  .summaryDetails {
    display: none !important;
  }

  .thankYouSection {
    padding: 20px;
  }
  .thankYouSection .introContent h3 {
    font-size: 20px;
  }
  .thankYouSection form {
    margin-top: 30px;
  }
  .thankYouSection form h4 {
    font-size: 20px;
  }

  .profileContainer .myPolicies,
  .profileContainer .myClaims {
    width: 96%;
    min-height: auto;
    padding: 2%;
    margin: 0 auto;
  }
  .profileContainer .myPolicies .policyGrid .singlePolicy,
  .profileContainer .myClaims .policyGrid .singlePolicy {
    width: 43%;
    margin-left: 0px;
    margin-right: 3%;
    margin-bottom: 20px;
  }
  .profileContainer .myPolicies .purchaseHighlight,
  .profileContainer .myClaims .purchaseHighlight {
    margin-top: 20px;
    padding-top: 20px;
  }
}
/***** END 768px Media Query *******/
/***** 550px Media Query *******/
@media screen and (max-width: 550px) {
  h1 {
    font-size: 27px;
    line-height: 30px;
  }

  h2 {
    font-size: 24px;
    line-height: 27px;
  }

  h3 {
    font-size: 21px;
    line-height: 24px;
  }

  h4 {
    font-size: 18px;
    line-height: 21px;
  }

  h5 {
    font-size: 15px;
    line-height: 18px;
  }

  .formDetails .summary {
    padding: 20px;
  }
  .formDetails .summary .readMoreBlack {
    text-align: left;
  }
  .formDetails .summary .readMoreBlack .left {
    left: 0px;
    position: relative;
  }

  .multistep .accordionTitle {
    padding: 20px 15px;
  }
  .multistep .accordionTitle .arrow {
    right: 10px;
    top: 23px;
  }
  .multistep .bookValuation {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 90%;
    margin-left: 5%;
  }
  .multistep .accordion {
    padding: 10px 15px;
  }

  header nav .phoneNumber {
    display: none;
  }

  .sidebar {
    height: 20px;
    min-height: 20px;
  }
  .sidebar ul li {
    width: 17%;
    margin-right: 2%;
    text-align: left;
    margin-bottom: 0px;
    font-size: 0px;
  }
  .sidebar ul li span {
    margin-left: 0px;
  }
  .sidebar ul li.active,
  .sidebar ul li:hover {
    background: none;
  }
  .sidebar ul li.active span,
  .sidebar ul li:hover span {
    margin-left: 0px;
  }

  .valuationOverlay {
    top: 30px;
    width: 90%;
    margin-left: 5%;
    left: 0px;
  }
  .valuationOverlay .selection,
  .valuationOverlay .valuationDate,
  .valuationOverlay .valuationLocation {
    width: 94%;
    padding: 3%;
  }
  .valuationOverlay .selection .highlight,
  .valuationOverlay .valuationDate .highlight,
  .valuationOverlay .valuationLocation .highlight {
    font-size: 40px;
    margin-bottom: 20px;
    display: block;
  }
  .valuationOverlay .selection button,
  .valuationOverlay .valuationDate button,
  .valuationOverlay .valuationLocation button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }
  .valuationOverlay .selection button .leftIcon,
  .valuationOverlay .valuationDate button .leftIcon,
  .valuationOverlay .valuationLocation button .leftIcon {
    left: 10px;
    display: none;
  }

  .valuationNotification .accordionContainer .accordion .readMoreBlack {
    width: 100%;
    margin-top: 10px;
  }

  .formDetails form {
    padding: 10px;
  }
  .formDetails form .phoneHighlight {
    width: 40px;
  }
  .formDetails form .phoneHighlight span {
    font-size: 14px;
    line-height: 18px;
    font-family: 'roboto';
  }
  .formDetails form .half .phoneNumber {
    text-indent: 30px;
  }
  .formDetails form label {
    font-size: 14px;
    line-height: 18px;
    font-family: 'roboto';
  }
  .formDetails form .uploadContainer {
    overflow: hidden;
  }
  .formDetails form .uploadContainer label {
    overflow: hidden;
    width: 85%;
    height: 18px;
    margin-top: 20px;
  }
  .formDetails .form-group {
    margin-top: 15px;
  }
  .formDetails .form-group h4 {
    margin-top: 0px;
    font-size: 16px;
    line-height: 21px;
  }
  .formDetails .paymentsubmission .paybutton {
    margin-top: 0px;
  }
  .formDetails .polePoleHighlight .three_quarter,
  .formDetails .polePoleHighlight .one_quarter {
    width: 95%;
    text-align: left;
  }
  .formDetails .polePoleHighlight .three_quarter h6,
  .formDetails .polePoleHighlight .one_quarter h6 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .formDetails .totalAmountPayable .row .left,
  .formDetails .totalAmountPayable .row .right {
    width: 90%;
    font-size: 20px;
    text-align: left;
  }

  form .row .one_third,
  form .row .half,
  form .row .one_third:first-child,
  form .row .one_third:last-child,
  form .row .half:first-child,
  form .row .half:last-child {
    margin-bottom: 10px;
    width: 98%;
  }
  form .row .one_third input,
  form .row .one_third select,
  form .row .half input,
  form .row .half select,
  form .row .one_third:first-child input,
  form .row .one_third:first-child select,
  form .row .one_third:last-child input,
  form .row .one_third:last-child select,
  form .row .half:first-child input,
  form .row .half:first-child select,
  form .row .half:last-child input,
  form .row .half:last-child select {
    border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px solid #C6C6C6;
  }
  form .row .one_third .uploadContainer,
  form .row .half .uploadContainer,
  form .row .one_third:first-child .uploadContainer,
  form .row .one_third:last-child .uploadContainer,
  form .row .half:first-child .uploadContainer,
  form .row .half:last-child .uploadContainer {
    border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }

  .mobileBanner article,
  .getStarted article,
  .extendedDescription article {
    width: 94%;
    margin-left: 3%;
  }

  .singlePolicy .paymentSchedule .row .right,
  .singlePolicy .paymentSchedule .row .left {
    width: 100%;
  }
  .singlePolicy .paymentSchedule .row .payment {
    top: 20px;
  }
  .singlePolicy .paymentSchedule .paymentFooter {
    width: 92%;
  }

  .contactSummary .half img {
    width: 60%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
  }
  .contactSummary .half article {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .contactSummary .half article h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .formModal {
    padding: 20px;
  }
  .formModal .close-icon {
    width: 30px;
    height: 30px;
  }
  .formModal .close-icon .icon {
    font-size: 15px;
  }
  .formModal .modalContent ul li {
    font-size: 13px;
    padding: 15px;
  }
  .formModal .modalFooter .readMoreYellow {
    padding-right: 110px;
    font-size: 14px;
  }

  .infoForm {
    margin-top: 0px;
  }
  .infoForm .claimType .formHeader h4 {
    font-size: 14px !important;
    line-height: 20px;
  }
  .infoForm .claimType .formHeader .yellowLine {
    padding-bottom: 0px;
  }
  .infoForm .claimType form {
    padding: 20px;
  }
  .infoForm .claimType form .addButton {
    font-size: 14px;
  }
  .infoForm .claimType form label {
    font-size: 12.5px;
  }

  .claimSection {
    padding: 25px;
  }

  .btnFooter .readMoreYellow {
    width: 100%;
    margin-bottom: 5%;
    text-align: center;
  }
  .btnFooter .readMoreWhiteSolid {
    width: 100%;
  }
  .btnFooter .readMoreGrey {
    width: 100%;
    margin-left: 0px;
  }

  .mainfooter p,
  .mainfooter a {
    font-size: 13px;
  }

  .summaryContent {
    margin-top: 2em !important;
  }
  .summaryContent h4 {
    font-size: 15px !important;
  }
  .summaryContent p {
    font-size: 13px !important;
  }

  .thankYouSection {
    padding-top: 0px;
  }
  .thankYouSection .introContent h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .thankYouSection form {
    margin-top: 20px;
    padding: 15px;
  }
  .thankYouSection form h4 {
    font-size: 16px;
  }
  .thankYouSection form label {
    font-size: 14px;
  }
  .thankYouSection form .uploadContainer p {
    font-size: 14px;
  }
}
/***** END 550px Media Query *******/

/*# sourceMappingURL=main.css.map */