/* Color */
/* Background */
/* Button */
/* Border */
/* Label */
/* Tooltip */
/*@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700";*/

/* Google font Start */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/Google-Font/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/Google-Font/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/Google-Font/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Google font End */
@font-face {
  font-family: "HelveticaLight";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/HelveticaLight/HelveticaLight.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLight/HelveticaLight.woff") format("woff"), url("../fonts/HelveticaLight/HelveticaLight.ttf") format("truetype"), url("../fonts/HelveticaLight/HelveticaLight.svg#HelveticaLight") format("svg");
}
@font-face {
  font-family: "MyriadPro-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular/MyriadPro-Regular.woff") format("woff"), url("../fonts/MyriadPro-Regular/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
}
@font-face {
  font-family: "MyriadPro-Semibold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff") format("woff"), url("../fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf") format("truetype"), url("../fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
}
@font-face {
  font-family: "MyriadPro-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/MyriadPro-Bold/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Bold/MyriadPro-Bold.woff") format("woff"), url("../fonts/MyriadPro-Bold/MyriadPro-Bold.ttf") format("truetype"), url("../fonts/MyriadPro-Bold/MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/icon/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url("../fonts/icon/MaterialIcons-Regular.woff2") format('woff2'),
       url("../fonts/icon/MaterialIcons-Regular.woff") format('woff'),
       url("../fonts/icon/MaterialIcons-Regular.ttf") format('truetype');
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  background: #f8f8f8;
  color: #333;
}
body.hidden {
  overflow: hidden;
}

a {
  color: #0071b1;
  text-decoration: none;
}

.container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.block-form {
  border: 1px solid #e6e6e6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;
}

.icon {
  display: inline-block;
  background: url(../img/icon/icon.png) top left no-repeat;
}

.icon {
  /* Sidebar */
  /* End Sidebar */
}
.icon-edit {
  height: 17px;
  width: 17px;
  background-position: -46px -100px;
}
.icon-edit:hover {
  background-position: -64px -100px;
}
.icon-delete {
  height: 16px;
  width: 15px;
  background-position: -46px -119px;
}
.icon-delete:hover {
  background-position: -64px -119px;
}
.icon-facebook {
  height: 38px;
  width: 38px;
  background-position: 0 0;
}
.icon-facebook:hover {
  background-position: -38px 0;
}
.icon-instagram {
  height: 38px;
  width: 38px;
  background-position: 0 -39px;
}
.icon-instagram:hover {
  background-position: -38px -39px;
}
.icon-facebook-mobile {
  height: 38px;
  width: 38px;
  background-position: -76px 0;
}
.icon-facebook-mobile:hover {
  background-position: -38px 0;
}
.icon-instagram-mobile {
  height: 38px;
  width: 38px;
  background-position: -76px -39px;
}
.icon-instagram-mobile:hover {
  background-position: -38px -39px;
}
.icon-user {
  height: 16px;
  width: 16px;
  background-position: 0 -79px;
}
.icon-users {
  height: 17px;
  width: 26px;
  background-position: -17px -98px;
}
.icon-cart {
  height: 22px;
  width: 22px;
  background-position: 0 -119px;
}
.icon-cart:hover {
  background-position: -22px -119px;
}
.icon-calendar {
  height: 53px;
  width: 53px;
  background-position: 0 -143px;
}
.icon-secure {
  height: 53px;
  width: 53px;
  background-position: 0 -197px;
}
.icon-happy {
  height: 53px;
  width: 53px;
  background-position: 0 -250px;
}
.icon-close {
  height: 11px;
  width: 11px;
  background-position: -54px -79px;
}
.icon-close:hover {
  background-position: -65px -79px;
}
.icon-message {
  height: 35px;
  width: 35px;
  background-position: 0 -429px;
}
.icon-message:hover {
  background-position: -35px -429px;
}
.icon-message:active {
  background-position: -70px -429px;
}
.icon-policies {
  height: 17px;
  width: 19px;
  background-position: 0 -305px;
}
.icon-policies:hover {
  background-position: -22px -305px;
}
.icon-shop {
  height: 21px;
  width: 20px;
  background-position: 0 -324px;
}
.icon-shop:hover {
  background-position: -22px -324px;
}
.icon-clamim {
  height: 20px;
  width: 20px;
  background-position: 0 -347px;
}
.icon-clamim:hover {
  background-position: -22px -347px;
}
.icon-profile {
  height: 20px;
  width: 20px;
  background-position: 0 -368px;
}
.icon-profile:hover {
  background-position: -22px -368px;
}
.icon-help {
  height: 20px;
  width: 20px;
  background-position: 0 -388px;
}
.icon-help:hover {
  background-position: -22px -388px;
}
.icon-signout {
  height: 18px;
  width: 18px;
  background-position: 0 -408px;
}
.icon-signout:hover {
  background-position: -22px -408px;
}

/* Button */
.default-button {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.primary-button {
  background: #0071b1;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  font-size: 14px;
  padding: 10px 15px 11px;
  border: none;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  outline: 0;
}
.primary-button:hover {
  background: #00a3d9;
}
.primary-button:active {
  background: #20506b;
}
.primary-button.disabled, .primary-button.activebtn {
  background: #aaa;
  color: #dcdcdc;
}

.secondary-button {
  font-family: "Open Sans", sans-serif;
  color: #999999;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #b8c0bc;
  outline: 0;
}
.secondary-button:hover {
  border: 1px solid #00a3d9;
  color: #00a3d9;
}
.secondary-button:active {
  border: 1px solid #20506b;
  color: #20506b;
}

i.fa-question-circle {
  font-size: 18px;
}

/* End Button */
.info-tooltip {
  display: none;
  position: absolute;
  z-index: 999999;
  background-color: #e6eef2;
  bottom: 28px;
  right: -105px;
  width: 210px;
  padding: 20px;
  font-size: 14px;
  line-height: 16px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ced5d9;
  cursor: pointer;
}
.info-tooltip span {
  position: absolute;
  color: #0071b1;
  display: block;
  border-style: solid;
  border-width: 7px;
  width: 0px;
  height: 0px;
  content: '';
  bottom: -14px;
  left: 90px;
  border-color: #e6eef2 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.info-tooltip.left {
  right: 0;
}
.info-tooltip.left span {
  left: 188px;
}

/* Header */
.header {
  padding: 17px 0 0;
  background: #fff;
  height: 100px;
}
.header-menu-mobile {
  display: none;
}
.header-logo {
  margin: 0 0 0 16px;
  float: left;
}
.header-logo span{
color: #0088ce;
}
.header-nav {
  float: right;
  margin: 2px 0 0 0;
  padding: 0;
  text-align: right;
      white-space: nowrap;
}
/************************Logout button***************/	
.header-logout-span  {
	margin: 9px 6px;
	float: left;
}

.header-logout-i{ 
	float: left;
    margin: 7px 0px 0 13px !important;
    }
/*****************************************************/	
.header-nav li {
  display: inline-block;
}
.header-nav li a {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.header-nav li.header-search {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 4px 12px 0 0;
  margin-right: 18px;
}
.header-nav li.header-search:hover {
  border-color: #0071b1;
}
.header-nav li.header-search form {
  position: relative;
}
.header-nav li.header-search input.search-kurnia {
  background-color: transparent;
  color: #828282;
  border: none;
  margin: -6px 5px 0 -16px;
  padding-right: 17px;
}
.header-nav li.header-search button.search-button {
  position: absolute;
  top: 5px;
  right: 2px;
  width: 20px;
  height: 20px;
  border: none;
  outline: 0;
  background: url(../img/icon/search.png) center center no-repeat;
}
.header-nav li.header-search button.search-button.disabled {
  background: url(../img/icon/search_disable.png) center center no-repeat;
}
.header-nav li.header-register a {
  color: #0099ff;
}
.header-nav li.header-register a:hover {
  color: #0071b1;
}
.header-nav li.header-login {
  margin-right: 0px;
  position: relative;
}
.header-nav li.header-login .vertical-line {
  display: block;
  width: 2px;
  height: 130%;
  position: absolute;
  right: 0;
  top: -15%;
  background: #eeeeee;
}
.header-nav li.header-login a {
  height: 36px;
  min-width: 110px;
  display: inline-block;
  color: #fff;
  margin: 0 16px 0 20px;
  padding: 0;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.header-nav li.header-login a i {
  margin: 9px 7px 0 -8px;
  display: -webkit-inline-box;
}
.header-nav li.header-notification {
  float: left;
  margin: 9px 10px 0 0;
}
.header-nav li.header-notification .header-notifi {
  position: relative;
  padding: 0 20px 31px;
}
.header-nav li.header-notification .header-notifi .icon-message {
  cursor: pointer;
  position: relative;
  background: url(../img/icon/icon-message-mb.png) 0 0 no-repeat;
  height: 20px;
  width: 20px;
}
.header-nav li.header-notification .header-notifi .icon-message:hover {
  background-position: -20px 0px;
}
.header-nav li.header-notification .header-notifi .icon-message i {
  position: absolute;
  top: -7px;
  right: -7px;
  display: none;
  background: url(../img/icon/icon-notif-mbi.png) 0 0 no-repeat;
  height: 12px;
  width: 12px;
}
.header-nav li.header-notification .header-notifi .icon-message.icon-message-new i {
  display: inline-block;
}
.header-nav li.header-notification .header-notifi:hover .icon-message {
  background-position: -20px 0px;
}
.header-nav li.header-notification .header-notifi .header-notifi-box {
  position: absolute;
  top: 35px;
  right: -15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 99;
  width: 265px;
  display: none;
  background: #fff;
  border: 1px solid #c3c3c3;
  -webkit-box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 30px -4px rgba(0, 0, 0, 0.7);
}
.header-nav li.header-notification .header-notifi .header-notifi-box .no-notification {
  display: none;
  text-align: center;
  vertical-align: middle;
  position: relative;
  font-size: 20px;
  width: 100%;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .no-notification.show {
  display: inline-block;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message {
  text-align: left;
  padding: 7px 0 0;
  font-size: 14px;
  max-height: 212px;
  overflow: auto;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li {
  padding: 15px 10px 10px 20px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  cursor: pointer;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .icon-notifi-active {
  height: 21px;
  width: 21px;
  background: url(../img/icon/icon-notifi.png) 0 -42px no-repeat;
  display: inline-block;
  float: left;
  margin: 8px 10px 0 0px;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .fa-angle-right {
  float: right;
  margin-top: 12px;
  color: #cccccc;
  display: none;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li p {
  margin-bottom: 2px;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .notifi-title {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .notifi-desc {
  display: none;
  max-height: 41px;
  overflow: hidden;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .notifi-time {
  color: #666;
  font-family: "Open Sans", sans-serif;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li:hover {
  background: #eee;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi {
  padding: 14px 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin: 0;
  border-top: 1px solid #ccc;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span {
  cursor: pointer;
  padding: 5px 12px;
  font-size: 14px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  color: #0071b1;
  border: 1px solid #0071b1;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span:hover {
  color: #00a3d9;
  border: 1px solid #00a3d9;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span:active {
  color: #20506b;
  border: 1px solid #20506b;
}
.header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span.disable {
  color: #aaa;
  border: 1px solid #aaa;
  cursor: default;
}
.header-nav li.header-notification .header-notifi .header-notifi-box.new .btn-notifi-cancel, .header-nav li.header-notification .header-notifi .header-notifi-box.new .btn-notifi-delete {
  display: none;
}
.header-nav li.header-notification .header-notifi .header-notifi-box.new .active .icon-notifi-active {
  background-position: 0 0;
}
.header-nav li.header-notification .header-notifi .header-notifi-box.edit .btn-notifi-edit {
  display: none;
}
.header-nav li.header-notification .header-notifi .header-notifi-box.edit .btn-notifi-cancel {
  margin-right: 20px;
}
.header-nav li.header-notification .header-notifi .header-notifi-box.edit .icon-notifi-active {
  display: inline-block;
}
.header-nav li.header-notification .header-notifi .header-notifi-box.edit .this .icon-notifi-active {
  background-position: 0 -21px;
}
.header-nav li.header-notification .header-notifi .header-notifi-box:after, .header-nav li.header-notification .header-notifi .header-notifi-box:before {
  bottom: 100%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.header-nav li.header-notification .header-notifi .header-notifi-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 16px;
  margin-left: -19px;
}
.header-nav li.header-notification .header-notifi .header-notifi-box:before {
  border-color: rgba(194, 194, 194, 0);
  border-bottom-color: #c2c2c2;
  border-width: 17px;
  margin-left: -20px;
}
.header-nav li.header-notification .header-notifi:hover .header-notifi-box {
  display: inline-block;
}
.header-nav li.header-profile {
  min-width: 139px;
  float: left; 
  position: relative;
  margin-right: 19px;
}
.header-nav li.header-profile a {
  color: #333;
}
.header-nav li.header-profile a:hover {
  color: #0071b1;
}
.header-nav li.header-profile .img-profile {
  float: left;
  height: 32px;
  width: 32px;
  margin-right: 8px;
}
.header-nav li.header-profile .vertical-line {
  display: block;
  width: 2px;
  height: 47px;
  position: absolute;
  right: 0;
  top: -15%;
  background: #eeeeee;
}
.header-nav li.header-profile p {
  font-weight: normal;
  margin-bottom: 0;
  line-height: 18px;
   white-space: nowrap;
}
.header-nav li.header-cart {
  position: relative;
}
.header-nav li.header-cart .header-cart-number {
  height: 15px;
  width: 15px;
  background: #cc3300;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  color: #fff;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  line-height: 15px;
  text-align: center;
  position: absolute;
  top: -2px;
  right: -9px;
}
.header-nav li.header-cart.item-cart {
  margin: 8px 2px 0px;
}

/* End Header */
@media only screen and (max-width: 767px) {
  .header-nav li.header-cart.item-cart {
    margin: 3px -1px 0px;
  }
  .header-nav li.header-notification {
    margin: 4px 15px 0 0;
  }
  .header-nav li.header-notification .header-notifi {
    padding: 0 0px 20px;
  }
  .header-nav li.header-notification .header-notifi .icon-message {
    background: url(../img/icon/icon-message-mb.png) 0 0 no-repeat;
    height: 20px;
    width: 20px;
  }
  .header-nav li.header-notification .header-notifi .icon-message:hover {
    background-position: -20px 0px;
  }
  .header-nav li.header-notification .header-notifi .icon-message.notactive {
    background-position: 0px 0px;
  }
  .header-nav li.header-notification .header-notifi .icon-message.notactive:hover {
    background-position: 0px 0px;
  }
  .header-nav li.header-notification .header-notifi .icon-message.icon-active {
    background-position: -20px 0px;
  }
  .header-nav li.header-notification .header-notifi .icon-message i {
    font-size: 10px;
    background: url(../img/icon/icon-notif-mbi.png) 0 0 no-repeat;
    height: 12px;
    width: 12px;
    top: -7px;
    right: -7px;
  }
  .header-nav li.header-notification .header-notifi:hover .header-notifi-box {
    display: none;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box {
    position: fixed;
    top: 48px;
    right: 0px;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    overflow-y: auto;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box:after, .header-nav li.header-notification .header-notifi .header-notifi-box:before {
    display: none;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box.showmobile {
    display: block;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message {
    max-height: calc(100% - 106px);
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li {
    position: relative;
    display: inline-block;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .fa-angle-right {
    display: inline-block;
    font-size: 30px;
    width: 5%;
    margin-top: 25px;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .notifi-desc {
    display: inline-block;
    max-width: 92%;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .icon-notifi-active {
    margin-top: 0;
    display: none;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li .notifi-time {
    margin-top: 5px;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li.active .icon-notifi-active, .header-nav li.header-notification .header-notifi .header-notifi-box .notifi-message li.this .icon-notifi-active {
    position: absolute;
    top: 48px;
    left: 20px;
    margin: 0;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box.new .active {
    padding-left: 55px;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box.new .active .icon-notifi-active {
    display: inline-block;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box.edit li {
    padding-left: 55px;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box.edit li .icon-notifi-active {
    display: inline-block;
    position: absolute;
    top: 48px;
    left: 20px;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    margin: 0;
    text-align: center;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span {
    border: 1px solid #1273b0;
    color: #1273b0;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    padding: 10px 30px;
    line-height: 38px;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span:hover {
    border: 1px solid #00a3d9;
    color: #00a3d9;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span:active {
    border: 1px solid #20506b;
    color: #20506b;
  }
  .header-nav li.header-notification .header-notifi .header-notifi-box .btn-notifi span.disable {
    color: #aaa;
    border: 1px solid #aaa;
    cursor: default;
  }
}
nav {
  display: -webkit-box;
  background: #e6eef2;
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
}
nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  font-size: 14px;
  color: #333;
  list-style: none;
  float: left;
  margin-right: 18px;
}
nav ul li a {
  color: #333;
  font-weight: bold;
}
nav ul li a:hover {
  color: #0099ff;
}

@media only screen and (max-width: 767px) {
  /* NAV */
  nav {
    display: none;
    height: auto;
    padding: 49px 0 0;
    background: #fff;
    height: 675px;
    z-index: 999998;
    position: fixed;
    height: 100%;
    overflow-y: auto;
  }
  nav .container {
    display: inline-block;
    float: left;
  }
  nav ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
  nav ul li ul li {
    margin: 0;
  }
  nav ul li ul li a {
    font-size: 16px;
    font-weight: normal;
  }
  nav ul li a {
    line-height: 42px;
    font-size: 16px;
    color: #1f1f1f;
  }
  nav ul li.nav-social {
    margin-top: 17px;
    height: 71px;
    display: inline-block;
    margin-bottom: 25px;
  }
  nav ul li.nav-social p {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px;
  }
  nav ul li.nav-social a {
    margin: 0 5px;
  }
  nav ul .header-profile {
    background: #eee;
    min-width: 139px;
    float: left;
    position: relative;
    padding: 14px 39px 0px 34px;
    height: 63px;
    margin: 0;
  }
  nav ul .header-profile a {
    color: #333;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 12px;
  }
  nav ul .header-profile a:hover {
    color: #0071b1;
  }
  nav ul .header-profile .img-profile {
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 7px;
  }
  nav ul .header-profile .vertical-line {
    display: block;
    width: 2px;
    height: 47px;
    position: absolute;
    right: 0;
    top: -15%;
    background: #eeeeee;
  }
  nav ul .header-profile p {
    font-weight: normal;
    margin-bottom: 0;
    line-height: 18px;
  }
  nav ul .header-search {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 4px 12px 0 0;
    margin: 10px auto 0;
    max-width: 280px;
    float: none;
  }
  nav ul .header-search:hover {
    border-color: #0071b1;
  }
  nav ul .header-search form {
    position: relative;
  }
  nav ul .header-search input.search-kurnia {
    color: #828282;
    background-color: transparent;
    border: none;
    margin: -6px 0 0 -16px;
    padding-right: 17px;
    text-align: center;
    max-width: 170px;
  }
  nav ul .header-search button.search-button {
    position: absolute;
    top: 8px;
    right: 45px;
    width: 20px;
    height: 20px;
    border: none;
    outline: 0;
    background: url(../img/icon/search.png) center center no-repeat;
  }
  nav ul .header-search button.search-button.disabled {
    background: url(../img/icon/search_disable.png) center center no-repeat;
  }
  nav ul .header-login a {
    max-width: 145px;
    height: 40px;
    line-height: normal;
  }
  nav ul .header-login a i {
    margin-right: 9px;
  }
  nav ul .header-login a:hover {
    color: #fff;
  }
  nav ul .header-sidebar {
    background: #eee;
    margin-bottom: 9px;
  }
  nav ul .header-sidebar ul.menu-sidebar {
    display: inline-block;
    padding: 4px 0 8px;
    border-bottom: none;
    float: left;
  }
  nav ul .header-sidebar ul.menu-sidebar li {
    text-align: left;
    padding-left: 0;
  }
  nav ul .header-sidebar ul.menu-sidebar li a {
    padding-left: 39px;
  }
  nav ul .header-sidebar ul.menu-sidebar li i {
    margin-right: 17px;
  }

  /* END NAV */
}
section {
  padding: 20px 0 33px 0;
}
section.section-shopping-cart {
  padding-bottom: 19px;
}

.bnpm-steps {
  position: absolute;
  left: 0px;
  top: 0;
  right: 0px;
  width: 100%;
}
.bnpm-steps li {
  height: 48px;
  float: left;
  text-align: center;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #bbbbbb;
  line-height: 48px;
}
.bnpm-steps li i {
  display: inline-block;
  font-family: "HelveticaLight", sans-serif;
  position: relative;
  top: 6px;
  right: 12px;
}
.bnpm-steps li span {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  display: inline-block;
  margin: 0px;
}
.bnpm-steps li.bnpm-steps-one {
  width: 221px;
  color: #fff;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  background: #404040 url(../img/icon/step1.png) top right no-repeat;
  margin-right: -1px;
  position: relative;
}
.bnpm-steps li.bnpm-steps-one.step3, .bnpm-steps li.bnpm-steps-one.step2 {
  background: #3e94c4 url(../img/icon/step1.png) top right no-repeat;
}
.bnpm-steps li.bnpm-steps-one i {
  height: 21px;
  width: 8px;
  background: url(../img/icon/1.png) center center no-repeat;
}
.bnpm-steps li.bnpm-steps-two {
  width: 273px;
  background: #343434 url(../img/icon/step2.png) top right no-repeat;
  margin-right: -1px;
  position: relative;
}
.bnpm-steps li.bnpm-steps-two.step3 {
  background: #57b3e6 url(../img/icon/step2-active.png) top right no-repeat;
}
.bnpm-steps li.bnpm-steps-two.step3 span {
  color: #fff;
}
.bnpm-steps li.bnpm-steps-two.step2 {
  background: #333 url(../img/icon/step2-active.png) top right no-repeat;
}
.bnpm-steps li.bnpm-steps-two.step2 span {
  color: #fff;
}
.bnpm-steps li.bnpm-steps-two i {
  height: 21px;
  width: 15px;
  left: 9px;
  background: url(../img/icon/2.png) center center no-repeat;
}
.bnpm-steps li.bnpm-steps-two span {
  margin-left: 18px;
}
.bnpm-steps li.bnpm-steps-two.active i {
  background: url(../img/icon/2-active.png) center center no-repeat;
}
.bnpm-steps li.bnpm-steps-three {
  width: 233px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  background: #343434;
}
.bnpm-steps li.bnpm-steps-three.step3 {
  background: #57b3e6;
}
.bnpm-steps li.bnpm-steps-three.step3 span {
  color: #fff;
}
.bnpm-steps li.bnpm-steps-three i {
  left: -10px;
  height: 22px;
  width: 15px;
  background: url(../img/icon/3.png) center center no-repeat;
}
.bnpm-steps li.bnpm-steps-three.active i {
  background: url(../img/icon/3-active.png) center center no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .bnpm-steps li.bnpm-steps-one, .bnpm-steps li.bnpm-steps-two, .bnpm-steps li.bnpm-steps-three {
    width: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .bnpm-steps li {
    padding: 0;
  }
  .bnpm-steps li span {
    display: none;
  }
  .bnpm-steps li.bnpm-steps-one, .bnpm-steps li.bnpm-steps-two {
    padding-right: 12px;
  }
  .bnpm-steps li.bnpm-steps-one i, .bnpm-steps li.bnpm-steps-two i {
    left: 0;
  }
  .bnpm-steps li.bnpm-steps-three {
    padding-right: 0px;
  }
  .bnpm-steps li.bnpm-steps-three i {
    left: 0;
  }
  .bnpm-steps li.bnpm-steps-one, .bnpm-steps li.bnpm-steps-three {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .bnpm-steps li.step1.bnpm-steps-one {
    width: 48%;
  }
  .bnpm-steps li.step1.bnpm-steps-one span {
    margin-left: 12px;
    display: inline-block;
  }
  .bnpm-steps li.step1.bnpm-steps-two, .bnpm-steps li.step1.bnpm-steps-three {
    width: 26%;
  }
  .bnpm-steps li.step1.bnpm-steps-two span, .bnpm-steps li.step1.bnpm-steps-three span {
    color: #bbbbbb;
  }
  .bnpm-steps li.step2.bnpm-steps-two {
    width: 48%;
  }
  .bnpm-steps li.step2.bnpm-steps-two span {
    display: inline-block;
  }
  .bnpm-steps li.step2.bnpm-steps-one, .bnpm-steps li.step2.bnpm-steps-three {
    width: 26%;
  }
  .bnpm-steps li.step2.bnpm-steps-three span {
    color: #bbbbbb;
  }
  .bnpm-steps li.step3.bnpm-steps-three {
    width: 48%;
  }
  .bnpm-steps li.step3.bnpm-steps-three span {
    margin-left: 12px;
    display: inline-block;
  }
  .bnpm-steps li.step3.bnpm-steps-one, .bnpm-steps li.step3.bnpm-steps-two {
    width: 26%;
  }
}
.box-sticky {
  display: inline-block;
}

.section-right {
  padding: 19px 0 10px;
  background: #eeeeee;
  border: 1px solid #e8e8e8;
  border-top: none;
  margin-top: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
}
.section-right-details {
  padding: 0 15px;
}
.section-right-details h3 {
  margin: 0 0 11px;
  font-size: 12px;
}
.section-right-details ul {
  margin: 0 0 24px;
  display: inline-block;
  width: 100%;
}
.section-right-details ul li {
  float: left;
  width: 100%;
}
.section-right-details ul li label {
  color: #828282;
  width: 68%;
  float: left;
  padding-right: 10px;
  line-height: 20px;
}
.section-right-details ul li div {
  display: table;
  width: 32%;
  text-align: right;
}
.section-right-details ul li div.green {
  color: #00a651;
}
.section-right-total {
  border-top: 1px solid #ced5d9;
  margin: 4px 0 12px;
  padding: 6px 0 0;
}
.section-right-total label {
  color: #828282;
  font-weight: bold;
  width: calc(50% - 1px);
  float: left;
  padding: 17px 0 0 15px;
  color: #333;
}
.section-right-total div {
  width: calc(50% - 1px);
  display: table;
  font-size: 28px;
  font-weight: bold;
}

.section-right-button, .button-mobile {
  font-size: 14px;
}
.section-right-button p, .button-mobile p {
  text-align: center;
  margin-bottom: 11px;
}
.section-right-button button, .button-mobile button {
  height: 40px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  width: 202px;
  margin: 0 auto;
}
.section-right-button .button, .button-mobile .button {
  color: #00a651;
  border: 1px solid #00a651;
  position: relative;
  outline: 0;
  background-color: #eeeeee;
}
.section-right-button .button i.icon-buttoncart, .button-mobile .button i.icon-buttoncart {
  height: 22px;
  width: 22px;
  display: inline-block;
  position: absolute;
  left: 50px;
  top: 8px;
  background: url(../img/icon/button-cart.png) -1px 0 no-repeat;
}
.section-right-button .button span, .button-mobile .button span {
  position: absolute;
  left: 76px;
  top: 8px;
}
.section-right-button .button:hover, .button-mobile .button:hover {
  color: #00c473;
  border: 1px solid #00c473;
}
.section-right-button .button:hover i.icon-buttoncart, .button-mobile .button:hover i.icon-buttoncart {
  background-position: -24px 0;
}
.section-right-button .button:active, .button-mobile .button:active {
  color: #008a43;
  border: 1px solid #008a43;
}
.section-right-button .button:active i.icon-buttoncart, .button-mobile .button:active i.icon-buttoncart {
  background-position: -47px 0;
}
.section-right-button .button-submit, .button-mobile .button-submit {
  background: #00a651;
  color: #fff;
  border: none;
  font-weight: bold;
  outline: 0;
}
.section-right-button .button-submit:hover, .button-mobile .button-submit:hover {
  background: #00c473;
}
.section-right-button .button-submit:active, .button-mobile .button-submit:active {
  background: #008a43;
}

.box-total, .box-total-sp {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .box-total {
    float: left;
    padding: 0;
    display: inline-block;
    margin: 0 -30px 19px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .box-total .box-total-detais {
    height: 0;
    overflow: hidden;
  }
  .box-total .box-total-detais .section-right-details h3 {
    font-size: 14px;
    margin: 0 0 9px;
  }
  .box-total .box-total-detais .section-right-details ul label {
    font-size: 14px;
  }
  .box-total .box-total-detais .section-right-details ul.last {
    margin-bottom: 14px;
  }
  .box-total .box-total-detais .section-right-details.last ul {
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #ced5d9;
  }
  .box-total.show .box-total-detais {
    padding: 22px 0 0 12px;
    height: auto;
  }
  .box-total.show .section-right-total {
    padding: 5px 0 10px;
  }
  .box-total .section-right-total {
    cursor: pointer;
    margin: 0;
    padding: 2px 0 5px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .box-total .section-right-total label {
    padding: 18px 0 0 30px;
    font-size: 14px;
    color: #333;
  }
  .box-total .section-right-total div {
    font-size: 30px;
    text-align: right;
  }
  .box-total .section-right-total div i {
    font-size: 10px;
    cursor: pointer;
    text-align: center;
    margin: 16px 12px 0 9px;
    float: right;
  }

  .section-right-button .button, .button-mobile .button {
    background-color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .box-total, .box-total-sp {
    float: left;
    padding: 0;
    display: inline-block;
    margin: 0px 0px 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .box-total .box-total-detais, .box-total-sp .box-total-detais {
    height: 0;
    overflow: auto;
  }
  .box-total .box-total-detais .section-right-details h3, .box-total-sp .box-total-detais .section-right-details h3 {
    font-size: 14px;
    margin: 0 0 9px;
  }
  .box-total .box-total-detais .section-right-details ul label, .box-total-sp .box-total-detais .section-right-details ul label {
    font-size: 14px;
  }
  .box-total .box-total-detais .section-right-details ul.last, .box-total-sp .box-total-detais .section-right-details ul.last {
    margin-bottom: 14px;
  }
  .box-total .box-total-detais .section-right-details ul li div, .box-total-sp .box-total-detais .section-right-details ul li div {
    font-size: 14px;
  }
  .box-total .box-total-detais .section-right-details.last ul, .box-total-sp .box-total-detais .section-right-details.last ul {
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #ced5d9;
  }
  .box-total.show .box-total-detais, .box-total-sp.show .box-total-detais {
    padding: 22px 0 0 12px;
    height: auto;
  }
  .box-total.show .section-right-total, .box-total-sp.show .section-right-total {
    padding: 5px 0 10px;
  }

  .section-right-total {
    cursor: pointer;
    margin: 0;
    padding: 2px 0 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: none;
  }
  .section-right-total label {
    padding: 18px 0 0 30px;
    font-size: 14px;
    color: #333;
  }
  .section-right-total div {
    font-size: 30px;
    text-align: right;
  }
  .section-right-total div i {
    font-size: 10px;
    cursor: pointer;
    text-align: center;
    margin: 16px 12px 0 9px;
    float: right;
  }

  /* Fixed Steps Top */
  .fixed-steps {
    position: Fixed;
    min-height: 98px;
    width: 100%;
    top: 49px;
    left: 0;
    padding-top: 0px;
    background: #f8f8f8;
    z-index: 999997;
  }
  .fixed-steps .bnpm-steps {
    position: relative;
    width: 101%;
  }

  /* Fixed Steps Top */
  .section-right-button .button, .button-mobile .button {
    background-color: #fff;
  }
}
/* SIDE BAR */
.left-sidebar {
  width: 265px;
  margin-bottom: 27px;
}

.right-sidebar {
  width: 727px;
  margin-bottom: 27px;
}

/* END SIDE BAR */
ul {
  margin: 0;
  padding: 0px;
}
ul li {
  list-style: none;
}
ul.menu-sidebar {
  margin: 0;
  padding: 4px 0 5px;
  border-bottom: 1px solid #ced5d9;
  font-size: 16px;
}
ul.menu-sidebar li a {
  padding-left: 18px;
  height: 48px;
  line-height: 48px;
  color: #333;
  display: inline-block;
  width: 100%;
}
ul.menu-sidebar li i {
  margin: 13px 12px 0 0;
  float: left;
}
ul.menu-sidebar li:hover a {
  background: #00a3d9;
  color: #fff;
}
ul.menu-sidebar li.active a {
  background: #0071b1;
  color: #fff;
}
ul.menu-sidebar li:active a {
  background: #20506b;
  color: #fff;
}
ul.menu-sidebar li.active .icon-policies, ul.menu-sidebar li:hover .icon-policies {
  background-position: -22px -305px;
}
ul.menu-sidebar li.active .icon-shop, ul.menu-sidebar li:hover .icon-shop {
  background-position: -22px -324px;
}
ul.menu-sidebar li.active .icon-clamim, ul.menu-sidebar li:hover .icon-clamim {
  background-position: -22px -347px;
}
ul.menu-sidebar li.active .icon-profile, ul.menu-sidebar li:hover .icon-profile {
  background-position: -22px -368px;
}
ul.menu-sidebar li.active .icon-help, ul.menu-sidebar li:hover .icon-help {
  background-position: -22px -388px;
}
ul.menu-sidebar li.active .icon-signout, ul.menu-sidebar li:hover .icon-signout {
  background-position: -22px -408px;
}
ul.hotline-sidebar {
  font-size: 14px;
}
ul.hotline-sidebar li {
  margin-bottom: 16px;
  padding-left: 27px;
}
ul.hotline-sidebar li p {
  color: #828282;
  margin: 0;
  line-height: 16px;
}
ul.hotline-sidebar li p strong {
  color: #0071b1;
}
ul.hotline-sidebar li:first-child {
  margin-top: 23px;
}
ul.hotline-sidebar li:last-child {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  /* SIDE BAR */
  .left-sidebar {
    width: 30%;
  }

  .right-sidebar {
    width: 68%;
  }

  /* END SIDE BAR */
}
@media only screen and (max-width: 767px) {
  /* SIDE BAR */
  .left-sidebar {
    width: 100%;
  }

  .right-sidebar {
    width: 100%;
    margin-bottom: 17px;
  }

  /* END SIDE BAR */
}
/* Bottom */
.bottom {
  width: 100%;
  display: inline-block;
  background: #333;
  color: #ccc;
  padding: 19px 24px;
  font-size: 12px;
  float: left;
}
.bottom-block {
  margin-right: 35px;
}
.bottom-block h3 {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
.bottom-block h3 i {
  display: none;
}
.bottom-block h3 a {
  color: #fff;
}
.bottom-block h3 a:hover {
  color: #0071b1;
}
.bottom-block strong {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
.bottom-block strong:hover {
  color: #0071b1;
}
.bottom-block strong i {
  display: none;
}
.bottom-block ul {
  margin: 21px 0 0;
  padding: 0;
}
.bottom-block ul li {
  list-style: none;
  margin: 0 0 3px;
}
.bottom-block ul li a {
  color: #ccc;
  text-decoration: none;
}
.bottom-block ul li a:hover {
  color: #0071b1;
}
.bottom-block ul li .icon {
  margin: 1px 0 0 7px;
}
.bottom-block:last-child {
  font-size: 16px;
  margin-right: 0;
}
.bottom-block:last-child ul {
  margin: 2px 0 0;
}
.bottom-block:nth-child(1) {
  margin-right: 18px;
}
.bottom-block:nth-child(2) {
  margin-right: 24px;
}
.bottom-block:nth-child(3) {
  margin-right: 34px;
}
.bottom-block:nth-child(4) {
  margin-right: 31px;
}
.bottom-block:nth-child(5) ul {
  margin-top: 18px;
}

/* End Bottom */
/* Footer */
.footer {
  background: #222;
  height: 60px;
  line-height: 43px;
  font-size: 12px;
  color: #fff;
  padding: 0 24px;
  margin-top: 20px;
}

.footer-dir {
    background-color: #222;
	bottom: 0;
	color: #FFFFFF;
	font-size: 11px;
	height: 20px;
	left: 0;
	padding: 3px 0 0;
	position: fixed;
	text-align: center !important;
	width: 100%;
	z-index: 99999;
}

.footer p {
  margin: 0;
}
.footer p a {
  margin-left: 17px;
  color: #fff;
  border-bottom: 1px solid;
}
.footer p a:hover {
  color: #0071b1;
}

/* End Footer */
/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
}
html.remodal-is-locked.visibale-html {
  overflow: visible;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 999999999;
  top: 49px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

.hide-delete {
  display: none !important;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  font-size: 16px;
}
.remodal h5 {
  font-size: 20px;
  margin: 10px 0;
}
.remodal .action-link {
  font-weight: bold;
}
.remodal .action-link:hover {
  color: #00a3d9;
}
.remodal .action-link:active {
  color: #20506b;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.remodal-close-btn, .back-notification {
  display: none;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (max-width: 767px) {
  .remodal-wrapper {
    padding: 0;
    background: #fff;
  }
  .remodal-wrapper .remodal-close {
    display: none;
  }
  .remodal-wrapper .action-link {
    float: left;
    width: 100%;
    text-align: center;
  }
  .remodal-wrapper .back-notification {
    position: fixed;
    bottom: 15px;
    top: auto;
    text-align: center;
    width: 100%;
    right: 0;
    display: inline-block;
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    bottom: 0;
  }
  .remodal-wrapper .remodal-close-btn {
    padding: 0px 30px;
    line-height: 38px;
    position: initial;
    clear: both;
    display: inline-block;
    width: auto;
    border: 1px solid #1273b0;
    color: #1273b0;
    font-weight: bold;
    font-size: 14px;
    right: auto;
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
  }
  .remodal-wrapper .remodal-close-btn:hover {
    border: 1px solid #00a3d9;
    color: #00a3d9;
  }
  .remodal-wrapper .remodal-close-btn:before {
    display: none;
  }
}
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.circliful {
  overflow: visible !important;
}
.circliful .outer {
  fill: transparent;
  stroke: #333;
  stroke-width: 19.8;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
}
.circliful .inner {
  fill: transparent;
  stroke: orange;
  stroke-width: 20;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
  stroke-dashoffset: 0;
}
.circliful .timer {
  display: none;
}

/* for user experience changes -SR1526464 */
/* .svg-container {
  width: 120%;
  height: 120%;
  margin: 0 auto;
  overflow: visible;
  position: absolute;
  top: -15%;
  left: -11%;
  z-index: 1;
}
 */
 .svg-container {
    width: 130%;
    height: 135%;
    margin: 0 auto;
    overflow: visible;
    position: absolute;
    top: -21%;
    left: -17%;
    z-index: 1;
}
svg {
  height: 100%;
  width: 100%;
}
svg .icon {
  font-family: FontAwesome;
}

@media only screen and (max-width: 767px) {
  .svg-container {
    width: 230px;
    height: 120%;
    margin: 0 auto;
    overflow: visible;
    position: absolute;
    top: -15%;
    left: auto;
    z-index: 1;
    right: -9px;
  }
}
@media only screen and (min-width: 585px) and (max-width: 767px) {
  .svg-container {
    width: 230px;
    height: 120%;
    margin: 0 auto;
    overflow: visible;
    position: absolute;
    top: -18%;
    left: auto;
    z-index: 1;
    right: -9px;
  }
}
@media only screen and (max-width: 435px) {
  .svg-container {
    width: 195px;
    height: 120%;
    margin: 0 auto;
    overflow: visible;
    position: absolute;
    top: -20%;
    left: auto;
    z-index: 1;
    right: -9px;
  }
}
.signin-form {
  max-width: 575px;
  width: 100%;
  margin: 0 auto;
  padding: 37px 85px 47px;
  line-height: 20px;
  font-size: 14px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
}
.signin-form h2 {
  font: normal 32px "HelveticaLight", sans-serif;
  margin: 0 0 5px -2px;
}
.signin-form .input-group.error:after {
  top: 40%;
}
.signin-form .input-group.success:after {
  top: 40%;
}
.signin-form label {
  margin-bottom: 3px;
  display: block;
  color: #828282;
}
.signin-form label.label-password {
  margin-bottom: 0;
}
.signin-form input {
  margin-bottom: 34px;
/*   padding-left: 32px; */
}
.signin-form input.signin-username {
  background: url(../img/icon/user.png) left center no-repeat, url(../img/icon/user-active.png) left center no-repeat;
}
.signin-form input.signin-password {
  background: url(../img/icon/password.png) left center no-repeat, url(../img/icon/password-active.png) left center no-repeat;
}
.signin-form input:focus.signin-username {
  background: url(../img/icon/user-active.png) left center no-repeat;
}
.signin-form input:focus.signin-password {
  background: url(../img/icon/password-active.png) left center no-repeat;
}
.signin-form button {
  width: 220px;
  margin: 20px auto 0;
}
.signin-description {
  max-width: 365px;
  font-size: 16px;
  margin-bottom: 29px;
}
.signin-bottom {
  margin: 10px 0 0;
}
.signin-bottom a {
  font-weight: bold;
  color: #0099ff;
}
.signin-bottom a:hover {
  color: #0071b1;
}

/* Signup Selection */
.signuptype {
  display: inline-block;
  margin-bottom: 2px;
}
.signuptype-slider {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-bottom: 37px;
}
.signuptype-slider .block-info {
  color: #fff;
  height: auto;
  width: 380px;
  position: absolute;
  top: 88px;
  left: 577px;
  z-index: 9999;
}
.signuptype-slider .block-info-title {
  font: normal 28px "HelveticaLight", sans-serif;
  padding-left: 17px;
  line-height: 28px;
  margin-bottom: 9px;
}
.signuptype-slider .block-info-title a {
  color: #0099ff;
}
.signuptype-slider .block-info-note {
  color: #bfbfbf;
  margin: 0 0 17px 16px;
}
.signuptype-slider .block-info-icon {
  margin: 0;
  padding: 0;
}
.signuptype-slider .block-info-icon li {
  list-style: none;
  display: inline-block;
  max-width: 100px;
}
.signuptype-slider .block-info-icon li:nth-child(2) {
  margin: 0 25px;
}
.signuptype-slider .block-info-icon li p {
  width: 100%;
}
.signuptype-slider .navigator {
  font-size: 40px;
  color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 999;
}
.signuptype-slider .navigator .arrowleft {
  margin-left: 24px;
}
.signuptype-slider .navigator .arrowright {
  margin-right: 23px;
}
.signuptype-slider .navigator i {
  cursor: pointer;
}
.signuptype-slider .navigator i:hover {
  color: #0071b1;
}
.signuptype-form {
  text-align: center;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
}
.signuptype-form h2 {
  font: normal 32px "HelveticaLight", sans-serif;
  margin: 0 0 5px 0px;
  display: block;
  float: left;
  margin-top: -12px;
  width: 100%;
}
.signuptype-form .signuptype-description {
  max-width: 325px;
  margin: 0 auto;
  line-height: 15px;
}
.signuptype-form .signuptype-description a {
  font-weight: bold;
}
.signuptype-form .signuptype-description a:hover {
  color: #0099ff;
}
.signuptype-form-selection {
  max-width: 475px;
  width: 100%;
  margin: 21px auto 29px;
  display: inline-block;
}
.signuptype-form-selection a {
  width: 220px;
}
.signuptype-form-selection a i {
  margin-right: 8px;
}
.signuptype-form-selection a:first-child i {
  margin-right: 6px;
}
.signuptype-form-content {
  max-width: 475px;
  margin: 0 auto 28px;
  line-height: 15px;
  color: #828282;
  width: 100%;
}

/* Signup form */
.signup-selection {
  margin-bottom: 7px;
}
.signup-selection-description {
  font-size: 16px;
  margin-bottom: 40px;
}
.signup-selection-form {
  max-width: 575px;
  width: 100%;
  margin: 0 auto;
  padding: 18px 85px 47px;
  line-height: 20px;
  font-size: 14px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
}
.signup-selection-form .secondary-button {
  line-height: 31px;
  width: 78px;
  padding: 0;
}
.signup-selection-form h2 {
  font: normal 32px "HelveticaLight", sans-serif;
  margin: 12px 0 6px -3px;
}
.signup-selection-form label {
  color: #828282;
}
.signup-selection-form label.radio-label {
  color: #333;
}
.signup-selection-form input.signup-id {
  background: url(../img/icon/idnumber.png) left center no-repeat, url(../img/icon/idnumber-active.png) left center no-repeat;
}
.signup-selection-form input.signup-email {
  background: url(../img/icon/email.png) left center no-repeat, url(../img/icon/email-active.png) left center no-repeat;
}
.signup-selection-form input.signup-username {
  background: url(../img/icon/user.png) left center no-repeat, url(../img/icon/user-active.png) left center no-repeat;
}
.signup-selection-form input.signup-password {
  background: url(../img/icon/password.png) left center no-repeat, url(../img/icon/password-active.png) left center no-repeat;
}
.signup-selection-form input.signup-tel {
  background: url(../img/icon/tel.png) left center no-repeat, url(../img/icon/tel-active.png) left center no-repeat;
}
.signup-selection-form input.signup-tac {
  background: url(../img/icon/tac.png) left center no-repeat, url(../img/icon/tac-active.png) left center no-repeat;
}
.signup-selection-form input:focus.signup-id {
  background: url(../img/icon/idnumber-active.png) left center no-repeat;
}
.signup-selection-form input:focus.signup-email {
  background: url(../img/icon/email-active.png) left center no-repeat;
}
.signup-selection-form input:focus.signup-username {
  background: url(../img/icon/user-active.png) left center no-repeat;
}
.signup-selection-form input:focus.signup-password {
  background: url(../img/icon/password-active.png) left center no-repeat;
}
.signup-selection-form input:focus.signup-tel {
  background: url(../img/icon/tel-active.png) left center no-repeat;
}
.signup-selection-form input:focus.signup-tac {
  background: url(../img/icon/tac-active.png) left center no-repeat;
}
.signup-selection-form .signup-phone-box {
  display: inline-block;
  width: 100%;
}
.signup-selection-form .signup-phone-box-input {
  max-width: 255px;
}
.signup-selection-form .signup-phone-box-button {
  padding-top: 22px;
}
.signup-selection-form .signup-phone-box-button button {
  width: 130px;
  height: 40px;
}
.signup-selection-form .input-group {
  padding-top: 4px;
  margin-bottom: 18px;
}
.signup-selection-form .input-group input {
  padding: 11px 0 11px 32px;
}
.signup-selection-form .signup-label-phone {
  padding-top: 8px;
}
.signup-selection-form .radio-group {
  display: inline-table;
  position: relative;
  width: 100%;
  max-width: 202px;
}
.signup-selection-form .radio-group .check {
  display: block;
  position: absolute;
  top: 20px;
  left: 11px;
  border: 2px solid #b8c0bc;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  cursor: pointer;
  z-index: 5;
}
.signup-selection-form .radio-group .check::before {
  display: block;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.signup-selection-form .radio-group input[type=radio] {
  visibility: hidden;
  position: absolute;
  margin: 0;
}
.signup-selection-form .radio-group input[type=radio]:checked ~ label {
  border: 2px solid #0071b1;
}
.signup-selection-form .radio-group input[type=radio]:checked ~ label span.tick-checked {
  height: 11px;
  width: 18px;
  position: absolute;
  top: 23px;
  right: 9px;
  /* background: url(../img/icon/checked.png) left center no-repeat; */
  visibility: visible;
  margin: 0;
}
.signup-selection-form .radio-group input[type=radio]:checked ~ .check {
  border: 2px solid #0071b1;
}
.signup-selection-form .radio-group input[type=radio]:checked ~ .check::before {
  background: #0071b1;
}
.signup-selection-form .radio-group label {
  position: relative;
  left: -10px;
  line-height: 52px;
  display: block;
  margin-left: 10px;
  position: relative;
  z-index: 9;
  padding: 0px 0px 0px 35px;
  border: 2px solid #b8c0bc;
  border-radius: 10px;
  height: 58px;
}
.signup-selection-form .radio-group label span {
  max-width: 95px;
}
.signup-selection-form .radio-group.radio-passport {
  margin-right: -3px;
}
.signup-selection-form .radio-group.radio-passport label {
  line-height: 15px;
}
.signup-selection-form .radio-group.radio-passport label span {
  margin-top: 13px;
}
.signup-selection-form button.submit {
  width: 220px;
  max-width: 100%;
  margin: 28px auto 0;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* BUY NEW POLICY */
.bnp {
  padding: 37px 83px 3px;
  display: inline-block;
}
.bnp-h2 {
  font-family: "HelveticaLight", sans-serif;
  font-weight: normal;
  margin: 0 0 3px;
  letter-spacing: -1px;
}
.bnp-description {
  font-size: 16px;
  margin-bottom: 14px;
}
.bnp-notification {
  background: #ffffef;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 15px 50px 18px 25px;
  font-size: 14px;
  color: #828282;
  position: relative;
  margin-bottom: 34px;
  line-height: 20px;
}
.bnp-notification a {
  font-weight: bold;
}
.bnp-notification a:hover {
  color: #0099ff;
}
.bnp-notification i {
  position: absolute;
  top: 19px;
  right: 15px;
  cursor: pointer;
}
.bnp-lists {
  margin: 0;
  padding: 0;
}
.bnp-lists-item {
  list-style: none;
  width: 260px;
  margin-bottom: 17px;
  min-height: 267px;
  display: inline;
}
.bnp-lists-item-avatar {
  display: inline-block;
  width: 100%;
}
.bnp-lists-item-avatar img {
  max-width: 100%;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top: none;
  border-bottom: 1px solid #bcbcbc;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
}
.bnp-lists-item-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 17px;
  margin-left: 3px;
}
.bnp-lists-item-title:hover {
  color: #0071b1;
}
.bnp-lists-item-description {
  font-size: 14px;
  line-height: 18px;
  margin-left: 3px;
}
.bnp-lists-item:nth-child(odd) {
  float: left;
}
.bnp-lists-item:nth-child(even) {
  float: right;
}
.bnp-lists-item.disable {
  opacity: 0.2;
  cursor: not-allowed;
}
.bnp-lists-item.disable a {
  cursor: not-allowed;
}

/* END BUY NEW POLICY */
/* BUY NEW POLICY MANUAL*/
.bnpm {
  padding: 85px 84px 85px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.bnpm-h2 {
  font-family: "HelveticaLight", sans-serif;
  font-weight: normal;
  margin: 7px 0 5px 0;
  letter-spacing: -1px;
}
.bnpm-description {
  font-size: 16px;
  margin: 0 0 50px 0;
  line-height: 23px;
}
.bnpm-description p {
  margin-bottom: 0;
}
.bnpm-vehicle {
  font-size: 16px;
  margin-bottom: 4px;
  padding-bottom: 8px;
  line-height: 24px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #eeeeee;
}
.bnpm-vehicle p {
  margin-bottom: 0;
  position: relative;
}
.bnpm-vehicle strong.call {
  color: #0071b1;
}
.bnpm-notification {
  background: #ffe8e8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 12px 50px 13px 25px;
  font-size: 14px;
  color: #828282;
  position: relative;
  margin: 6px 0 11px;
  line-height: 20px;
  color: #a18787;
}
.bnpm-notification a {
  font-weight: bold;
}
.bnpm-notification a:hover {
  color: #0099ff;
}
.bnpm-notification i {
  position: absolute;
  top: 19px;
  right: 15px;
  cursor: pointer;
}
.bnpm div.bnbm-label {
  position: relative;
  display: inline-block;
}
.bnpm div.bnbm-label i:hover {
  color: #0071b1;
}
.bnpm-form .input-group {
  height: 43px;
  margin-bottom: 22px;
}
.bnpm-form .input-group .text-tooltip.res-tooltip {
  min-width: 212px;
}
.bnpm-form .input-group label {
  color: #828282;
  font-size: 14px;
  float: left;
  margin: 10px 0 0 2px;
  line-height: 16px;
}
.bnpm-form .input-group label.label-left {
  max-width: 160px;
}
.bnpm-form .input-group label.label-value {
  color: #333;
  margin-top: 9px;
  font-size: 16px;
}
.bnpm-form .input-group input {
  padding-top: 7px;
  padding-right: 25px;
  margin: 0;
  font-size: 16px;
}
.bnpm-form .input-group input, .bnpm-form .input-group .postcode-state, .bnpm-form .input-group label.label-value {
  width: 57.5%;
  padding-left: 0;
  float: right;
}
.bnpm-form .input-group input:disabled, .bnpm-form .input-group .postcode-state:disabled, .bnpm-form .input-group label.label-value:disabled {
  background: none;
  border: none;
}
.bnpm-form .input-group-postcode {
  width: 23%;
  float: left;
}
.bnpm-form .input-group-postcode > input {
  width: 100%;
}
.bnpm-form .input-group-state {
  width: 77%;
  float: right;
  clear: none;
}
.bnpm-form .input-group-state label {
  width: 30%;
  margin: 10px 0 0;
  text-align: center;
}
.bnpm-form .input-group-state input {
  width: 70%;
}
.bnpm-form .radio-vehicle {
  margin-bottom: 60px;
  display: inline-block;
  width: 100%;
}
.bnpm-form .radio-vehicle .radio-group {
  display: inline-table;
  position: relative;
  width: 32%;
}
.bnpm-form .radio-vehicle .radio-group.radio-no {
  margin: 0 2%;
}
.bnpm-form .radio-vehicle .radio-group label {
  width: calc(100% );
  position: relative;
  left: -10px;
  line-height: 54px;
  display: block;
  margin-left: 10px;
  position: relative;
  z-index: 9;
  padding: 0px 0px 0px 37px;
  border: 2px solid #b8c0bc;
  border-radius: 10px;
  height: 61px;
  font-size: 14px;
}
.bnpm-form .radio-vehicle .radio-group label span {
  max-width: 95px;
}
.bnpm-form .radio-vehicle .radio-group .check {
  display: block;
  position: absolute;
  top: 20px;
  left: 11px;
  border: 2px solid #b8c0bc;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  cursor: pointer;
  z-index: 5;
}
.bnpm-form .radio-vehicle .radio-group .check::before {
  display: block;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.bnpm-form .radio-vehicle .radio-group input {
  visibility: hidden;
  position: absolute;
  margin: 0;
}
.bnpm-form .radio-vehicle .radio-group input:checked ~ label {
  border: 2px solid #0071b1;
}
.bnpm-form .radio-vehicle .radio-group input:checked ~ label span.tick-checked {
  height: 11px;
  width: 18px;
  position: absolute;
  top: 23px;
  right: 9px;
  /* background: url(../img/icon/checked.png) left center no-repeat; */
  visibility: visible;
  margin: 0;
}
.bnpm-form .radio-vehicle .radio-group input:checked ~ .check {
  border: 2px solid #0071b1;
}
.bnpm-form .radio-vehicle .radio-group input:checked ~ .check::before {
  background: #0071b1;
}
.bnpm-form .bnpm-ncd-details {
  margin: 13px 0 6px;
}
.bnpm-form .bnpm-vehicle-location {
  margin: 17px 0 4px;
  padding-bottom: 9px;
}
.bnpm-form .bnpm-vehicle-security {
  margin: 25px 0 21px;
}
.bnpm-form .bnpm-vehicle-financing {
  margin: 28px 0 18px;
}
.bnpm-form .bnpm-vehicle-drivers {
  margin: 0px;
  border: none;
}
.bnpm-install {
  background: #f2f2f2;
  padding: 15px 64px 6px;
  font-size: 16px;
  clear: both;
  margin-bottom: 15px;
}
.bnpm-install a {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  font-size: 14px;
  max-width: 228px;
  margin: 0 auto;
}
.bnpm-button {
  font-size: 14px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 16px 19px 0 30px;
  height: 72px;
  border-top: 1px solid #eeeeee;
}
.bnpm-button-cancel {
  line-height: 40px;
  color: #0071b1;
}
.bnpm-button-cancel:hover {
  color: #00a3d9;
}
.bnpm-button-cancel:active {
  color: #20506b;
}
.bnpm-button button {
  font-weight: bold;
  width: 155px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.bnpm-button button.primary-button {
  margin-left: 12px;
}
.bnpm-equipments {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}
.bnpm-equipments .equipments-selected {
  position: absolute;
  bottom: 10px;
  left: 0px;
  display: none;
  padding-left: 24px;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #00a651;
  /* background: url(../img/icon/checked.png) left center no-repeat; */
}
.bnpm-equipments-items .equipments-item {
  width: 30%;
  margin-right: 5%;
  display: inline;
  float: left;
  font-size: 14px;
  padding-bottom: 29px;
  position: relative;
}
.bnpm-equipments-items .equipments-item a {
  color: #333;
  font-weight: bold;
}
.bnpm-equipments-items .equipments-item a:hover {
  color: #0071b1;
}
.bnpm-equipments-items .equipments-item:nth-child(3n+0) {
  margin-right: 0;
}
.bnpm-equipments-items .equipments-item-avatar img {
  margin-bottom: 3px;
  width: 100%;
  border-bottom: 1px solid #bcbcbc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 1px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 1px 0px rgba(192, 192, 192, 0.85);
}
.bnpm-equipments-items .equipments-item .equipments-desc {
  line-height: 16px;
  margin: -3px 0 7px;
}
.bnpm-equipments-items .equipments-item.selected .equipments-selected {
  display: block;
}
.bnpm-equipments-items .equipments-item.selected a {
  opacity: 0.5;
}
.bnpm-equipments-items .equipments-item.selected .equipments-desc {
  opacity: 0.5;
}
.bnpm-equipments .arrow {
  font-size: 25px;
  z-index: 9999;
  position: absolute;
  /* top: calc(50% - 12px); */
  top: 20%;
  cursor: pointer;
  color: #0071b1;
}
.bnpm-equipments .arrow:hover {
  color: #00a3d9;
}
.bnpm-equipments .arrow:active {
  color: #20506b;
}
.bnpm-equipments .arrow.arrowleft {
  left: -45px;
}
.bnpm-equipments .arrow.arrowright {
  right: -45px;
}
.bnpm-drivers-tr {
  width: 100%;
  float: left;
  line-height: 50px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 16px;
}
.bnpm-drivers-tr.th {
  font-weight: bold;
  font-size: 14px;
  color: #828282;
}
.bnpm-drivers-tr > div {
  float: left;
}
.bnpm-drivers-tr .drivers-no {
  width: 10%;
  padding-left: 13px;
}
.bnpm-drivers-tr .drivers-icno {
  width: 29%;
  padding-right: 20px;
}
.bnpm-drivers-tr .drivers-fullname {
  width: 45%;
  padding-left: 10px;
}
.bnpm-drivers-tr .drivers-icon {
  margin-top: 15px;
  line-height: 15px;
  float: right;
}
.bnpm-drivers-tr .drivers-icon i {
  cursor: pointer;
  text-align: right;
}
.bnpm-drivers-tr .drivers-icon i:last-child {
  margin-left: 15px;
}
.bnpm-drivers-tr.this-user .drivers-fullname label:after {
  content: '(You)';
  font-style: italic;
  color: #828282;
}
.bnpm-drivers-tr.last {
  border-bottom: none;
}
.bnpm-drivers-tr.this-user .drivers-icon, .bnpm-drivers-tr.add .drivers-icon, .bnpm-drivers-tr.edit .drivers-icon, .bnpm-drivers-tr.delete .drivers-icon {
  display: none;
}
.bnpm-drivers-tr .input-group {
  margin: 0;
}
.bnpm-drivers-tr .input-group input {
  width: 100%;
  display: none;
}
.bnpm-drivers-tr .input-group label {
  color: #333;
  font-size: 16px;
  margin-top: 17px;
}
.bnpm-drivers-tr .input-group.success:after {
  top: 0;
}
.bnpm-drivers-tr.edit label, .bnpm-drivers-tr.add label {
  display: none;
}
.bnpm-drivers-tr.edit input, .bnpm-drivers-tr.add input {
  display: block;
  margin-top: 6px;
  padding-right: 0;
}
.bnpm-drivers-tr.edit .drivers-fullname, .bnpm-drivers-tr.add .drivers-fullname {
  width: 61%;
}
.bnpm-drivers-tr.edit p.drivers-button, .bnpm-drivers-tr.add p.drivers-button {
  margin-top: 10px;
  clear: both;
  float: left;
}
.bnpm-drivers-tr.edit p.drivers-button, .bnpm-drivers-tr.add p.drivers-button, .bnpm-drivers-tr.delete p.drivers-button {
  display: block;
}
.bnpm-drivers-tr p.drivers-button {
  width: 100%;
  text-align: right;
  display: none;
  clear: both;
  margin-bottom: 8px;
}
.bnpm-drivers-tr p.drivers-button a {
  color: #0071b1;
  padding: 9px 0px 10px;
  font-size: 14px;
  text-align: center;
  line-height: 19px;
  width: auto;
  display: none;
}
.bnpm-drivers-tr p.drivers-button a.drivers-button-cancel {
  width: 100px;
}
.bnpm-drivers-tr p.drivers-button a:hover {
  color: #00a3d9;
}
.bnpm-drivers-tr p.drivers-button a:active {
  color: #20506b;
}
.bnpm-drivers-tr p.drivers-button a.drivers-button {
  font-weight: bold;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  border: 1px solid #0071b1;
}
.bnpm-drivers-tr p.drivers-button a.drivers-button:hover {
  color: #00a3d9;
  border: 1px solid #00a3d9;
}
.bnpm-drivers-tr p.drivers-button a.drivers-button:active {
  color: #20506b;
  border: 1px solid #20506b;
}
.bnpm-drivers-tr p.drivers-button .drivers-button-save, .bnpm-drivers-tr p.drivers-button .drivers-button-add {
  width: 147px;
}
.bnpm-drivers-tr p.drivers-button .drivers-button-remove {
  width: 158px;
}
.bnpm-drivers-tr.delete p.drivers-button {
  margin-top: 8px;
}
.bnpm-drivers-tr.delete p.drivers-button .drivers-button-cancel {
  display: inline-block;
}
.bnpm-drivers-tr.delete p.drivers-button .drivers-button-remove {
  display: inline-block;
}
.bnpm-drivers-tr.edit .drivers-button .drivers-button-cancel {
  display: inline-block;
}
.bnpm-drivers-tr.edit .drivers-button .drivers-button-save {
  display: inline-block;
}
.bnpm-drivers-tr.add .drivers-button .drivers-button-cancel {
  display: inline-block;
}
.bnpm-drivers-tr.add .drivers-button .drivers-button-add {
  display: inline-block;
}
.bnpm-drivers .drivers-list-desc {
  width: 90%;
  text-align: left;
  float: right;
  margin: 9px 0 19px;
  max-width: 502px;
  color: #828282;
}

/* END BUY NEW POLICY MANUAL*/
/* TABLET - BUY NEW POLICY */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .bnp {
    padding: 37px 30px 3px;
  }
  .bnp-lists-item {
    width: 48%;
  }
  .bnp-lists-item:nth-child(even) {
    margin-left: 4%;
  }

  /* BUY NEW POLICY MANUAL*/
  .bnpm {
    padding: 85px 30px 85px;
  }
  .bnpm .bnpm-form .error-single .text-tooltip.res-tooltip.threeline {
    left: -24px;
  }
  .bnpm .bnpm-equipments .arrow.arrowleft {
    left: -25px;
  }
  .bnpm .bnpm-equipments .arrow.arrowright {
    right: -25px;
  }

  /* END BUY NEW POLICY MANUAL*/
}
/* TABLET - BUY NEW POLICY */
@media only screen and (min-width: 768px) and (max-width: 820px) {
  .bnpm-drivers-tr .drivers-icno {
    padding-right: 0;
  }
  .bnpm-drivers-tr .drivers-fullname {
    padding-left: 20px;
  }
  .bnpm-drivers-tr input {
    padding-right: 20px;
  }
  .bnpm-drivers-tr.add input, .bnpm-drivers-tr.edit input, .bnpm-drivers-tr.delete input {
    padding-right: 18px;
  }
}
/* MOBILE - BUY NEW POLICY */
@media only screen and (max-width: 767px) {
  .bnp {
    padding: 13px 26px 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  /* BUY NEW POLICY MANUAL*/
  .bnpm {
    padding: 65px 29px 93px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .bnpm-h2 {
    margin-bottom: 8px;
    letter-spacing: 0;
  }
  .bnpm-description {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 48px;
  }
  .bnpm-notification {
    padding: 15px 27px 20px 25px;
    margin-bottom: 24px;
  }
  .bnpm-vehicle {
    font-size: 14px;
    line-height: 20px;
  }
  .bnpm-vehicle i.fa-question-circle {
    font-size: 18px;
  }
  .bnpm-form .input-group {
    margin-bottom: 37px;
  }
  .bnpm-form .input-group label {
    width: 100%;
    margin-left: 0;
  }
  .bnpm-form .input-group label.label-left {
    margin-top: 18px;
    max-width: 100%;
  }
  .bnpm-form .input-group label.label-value {
    width: 100%;
  }
  .bnpm-form .input-group.success:after, .bnpm-form .input-group.error:after, .bnpm-form .input-group.error-single:after {
    display: none;
  }
  .bnpm-form .input-group.success input {
    /* background: url(../img/icon/checked.png) center right no-repeat; */
  }
  .bnpm-form .input-group.error input, .bnpm-form .input-group.error-single input {
    background: url(../img/icon/error.png) center right no-repeat;
  }
  .bnpm-form .input-group input {
    width: 100%;
  }
  .bnpm-form .input-group.success:after, .bnpm-form .input-group.error:after, .bnpm-form .input-group.error-single:after {
    top: 50%;
  }
  .bnpm-form .input-group.label-group:after {
    display: none;
  }
  .bnpm-form .input-group .postcode-state {
    width: 100%;
  }
  .bnpm-form .input-group .postcode-state .input-group-postcode {
    width: 100%;
  }
  .bnpm-form .input-group .postcode-state .input-group-state {
    width: 100%;
  }
  .bnpm-form .input-group .postcode-state .input-group-state label {
    text-align: left;
  }
  .bnpm-form .input-group .postcode-state .input-group-state .ui-selectmenu-button {
    width: 100%;
  }
  .bnpm-form .bnpm-ncd-details {
    margin: 27px 0 4px;
  }
  .bnpm-form .bnpm-vehicle-location {
    margin: 30px 0 3px;
  }
  .bnpm-form .bnpm-vehicle-security {
    margin: 39px 0 21px;
    padding-bottom: 6px;
  }
  .bnpm-form .bnpm-vehicle-financing {
    margin: 38px 0 13px;
  }
  .bnpm-form .input-group-postcode {
    margin-bottom: 11px;
  }
  .bnpm-equipments .equipments-item {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0 0 29px;
  }
  .bnpm-equipments .equipments-item-avatar {
    margin: 0 auto;
    width: 70%;
    display: block;
  }
  .bnpm-equipments .equipments-item:last-child {
    display: inline-block;
  }
  .bnpm-equipments .arrow {
    top: 33%;
  }
  .bnpm-equipments .arrow.arrowleft {
    left: 0;
  }
  .bnpm-equipments .arrow.arrowright {
    right: 0;
  }
  .bnpm .radio-vehicle {
    margin-bottom: 36px;
  }
  .bnpm .radio-vehicle .radio-group {
    width: 100%;
    margin-bottom: 11px;
  }
  .bnpm .radio-vehicle .radio-group.radio-no {
    margin: 0 0 10px;
  }
  .bnpm-notification {
    padding: 14px 27px 13px 25px;
  }
  .bnpm-drivers-tr {
    line-height: 43px;
    padding-bottom: 20px;
    margin-bottom: 0px;
  }
  .bnpm-drivers-tr .drivers-icno {
    padding-right: 0;
  }
  .bnpm-drivers-tr.th {
    margin-bottom: 0px;
    padding: 0;
  }
  .bnpm-drivers-tr.th .drivers-fullname {
    width: auto;
    float: left;
  }
  .bnpm-drivers-tr.th .drivers-fullname {
    padding-left: 0;
  }
  .bnpm-drivers-tr.th .drivers-fullname:before {
    content: '/';
  }
  .bnpm-drivers-tr.th .drivers-no {
    padding-top: 0;
  }
  .bnpm-drivers-tr .input-group label {
    margin-top: 18px;
  }
  .bnpm-drivers-tr .drivers-no {
    padding-top: 4px;
    width: 15%;
  }
  .bnpm-drivers-tr .drivers-icno {
    width: 85%;
  }
  .bnpm-drivers-tr .drivers-fullname .input-group, .bnpm-drivers-tr .drivers-icon .input-group, .bnpm-drivers-tr .drivers-icno .input-group {
    margin: 0;
  }
  .bnpm-drivers-tr .drivers-fullname {
    float: left;
    padding-left: 55px;
  }
  .bnpm-drivers-tr .drivers-fullname .input-group {
    height: auto;
  }
  .bnpm-drivers-tr .drivers-fullname .input-group label {
    margin: 0;
  }
  .bnpm-drivers-tr .drivers-fullname, .bnpm-drivers-tr .drivers-icon, .bnpm-drivers-tr .drivers-fullname {
    width: 85%;
    float: right;
    text-align: left;
    padding-left: 0px;
  }
  .bnpm-drivers-tr .drivers-icon {
    padding: 0;
    height: 20px;
  }
  .bnpm-drivers-tr .drivers-button {
    text-align: center;
  }
  .bnpm-drivers-tr.th .drivers-icno {
    width: auto;
  }
  .bnpm-drivers-tr.edit .drivers-fullname, .bnpm-drivers-tr.add .drivers-fullname, .bnpm-drivers-tr.delete .drivers-fullname {
    width: 85%;
  }
  .bnpm-drivers-tr.delete p.drivers-button, .bnpm-drivers-tr.edit p.drivers-button, .bnpm-drivers-tr.add p.drivers-button {
    display: inline-block;
    margin: 10px 0 0;
  }
  .bnpm-drivers-tr p.drivers-button {
    text-align: center;
    display: none;
  }
  .bnpm-drivers-tr p.drivers-button a.drivers-button-cancel {
    width: 41px;
    margin-right: 12px;
  }
  .bnpm .drivers-list-desc {
    width: 100%;
    padding-left: 13px;
    line-height: 16px;
    margin: 2px 0 27px;
  }
  .bnpm-button {
    height: 77px;
  }
  .bnpm-button button {
    width: 95px;
  }
  .bnpm-button button.primary-button {
    margin-left: 4px;
  }
  .bnpm-button button.secondary-button {
    color: #b8c0bc;
  }
  .bnpm-button button.secondary-button:hover {
    color: #00a3d9;
  }
  .bnpm-button button.secondary-button:active {
    color: #20506b;
  }
  .bnpm-install {
    padding: 16px 40px 14px;
    margin: 0 -29px 7px;
    text-align: center;
  }
  .bnpm-install p {
    margin-bottom: 13px;
  }

  /* END BUY NEW POLICY MANUAL*/
}
/* MOBILE - BUY NEW POLICY - 610PX */
@media only screen and (max-width: 610px) {
  .bnp-h2 {
    margin-bottom: 8px;
    letter-spacing: 0;
  }
  .bnp-description {
    line-height: 20px;
  }
  .bnp-notification {
    padding: 15px 35px 20px 25px;
    margin-bottom: 24px;
  }
  .bnp-lists-item {
    width: 100%;
    margin-bottom: 14px;
  }
  .bnp-lists-item:last-child {
    margin-bottom: 14px;
  }
}
/* MOBILE - BUY NEW POLICY - 400PX */
@media only screen and (max-width: 400px) {
  .bnpm-drivers-tr .drivers-no {
    width: 20%;
  }
  .bnpm-drivers-tr .drivers-icno, .bnpm-drivers-tr .drivers-fullname, .bnpm-drivers-tr .drivers-icon {
    width: 80%;
  }
  .bnpm-drivers-tr.delete .drivers-fullname, .bnpm-drivers-tr.add .drivers-fullname, .bnpm-drivers-tr.edit .drivers-fullname {
    width: 80%;
  }
}
/* MOBILE - BUY NEW POLICY - 320px */
@media only screen and (max-width: 320px) {
  .bnpm-form .bnpm-vehicle-security .bnbm-label {
    width: 110%;
  }
}
.bnpm-vehicle {
  margin: 38px 0px 17px 0px;
}
.bnpm-vehicle .bnbm-label i.fa-question-circle {
  margin-left: 3px;
  cursor: pointer;
}

.vehicle-form {
  margin-bottom: 63px;
}
.vehicle-form p.message-search {
  margin: 66px 0px 20px 0px;
}
.vehicle-form p.message-search strong.enter-vehicle {
  color: #0071b1;
  cursor: pointer;
}
.vehicle-form p.message-search strong.enter-vehicle:hover {
  color: #00a3d9;
}
.vehicle-form p.message-search strong.enter-vehicle:active {
  color: #20506b;
}
.vehicle-form .group-button-search .text-search {
  width: calc(100% - 146px);
  padding: 0 0 3px 2px;
}
.vehicle-form .group-button-search .button-search {
  width: 136px;
  margin: 3px 0 0 0;
}
.vehicle-form .group-select .checkbox-group:last-child {
  border-bottom: none;
}
.vehicle-form .group-select .checkbox-group {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 16px;
  font-size: 14px;
}
.vehicle-form .group-select .checkbox-group .checkbox-text .name_car {
  font-weight: bold;
  margin-bottom: 2px;
}
.vehicle-form .group-select .checkbox-group .checkbox-text .parameter_car {
  color: #828282;
  margin-bottom: 20px;
  position: relative;
}
.vehicle-form .group-select .checkbox-group .checkbox-text .parameter_car span {
  margin: 0 6px 0 10px;
}
.vehicle-form .group-select .checkbox-group .checkbox-text .parameter_car span:first-child {
  margin-left: 0;
  margin-right: 6px;
}
.vehicle-form .group-select .checkbox-group .checkbox-text .parameter_car span:last-child {
  margin-left: 6px;
}
.vehicle-form .group-select .checkbox-group .checkbox-text .parameter_car i {
  position: absolute;
  top: -4px;
}
.vehicle-form .group-select .checkbox-group input[type="radio"] {
  visibility: hidden;
}
.vehicle-form .group-select .checkbox-group input[type=radio]:checked ~ label span.selected-button {
  display: inline-block;
}
.vehicle-form .group-select .checkbox-group input[type=radio]:checked ~ label span.select-button {
  display: none;
}
.vehicle-form .group-select .checkbox-group input[type=radio]:checked ~ .checkbox-text {
  color: #0071b1;
}
.vehicle-form .group-select .checkbox-group input[type=radio]:checked ~ .checkbox-text .parameter_car {
  color: #0071b1;
}
.vehicle-form .group-select .checkbox-group .select-button, .vehicle-form .group-select .checkbox-group .selected-button {
  border-radius: 17px;
  border: 1px solid #0071b1;
  padding: 10px 9px;
  width: 173px;
  display: block;
  text-align: center;
  cursor: pointer;
}
.vehicle-form .group-select .checkbox-group .select-button {
  color: #0071b1;
}
.vehicle-form .group-select .checkbox-group .select-button:hover {
  color: #00a3d9;
  border-color: #00a3d9;
}
.vehicle-form .group-select .checkbox-group .select-button:active {
  color: #20506b;
  border-color: #20506b;
}
.vehicle-form .group-select .checkbox-group .select-button.mobile {
  display: none;
}
.vehicle-form .group-select .checkbox-group .selected-button {
  color: #fff;
  background-color: #0071b1;
  font-weight: bold;
  display: none;
}
.vehicle-form .group-select .checkbox-group .selected-button:after {
  content: url(../img/icon/checked_white.png);
  position: relative;
  left: 22px;
}
.vehicle-form .group-select .checkbox-group .selected-button:hover {
  background-color: #00a3d9;
}
.vehicle-form .group-select .checkbox-group .selected-button:active {
  background-color: #20506b;
}

@media only screen and (max-width: 767px) {
  .bnpm-vehicle-search ul.bnpm-steps li {
    width: 32%;
  }
  .bnpm-vehicle-search ul.bnpm-steps li.bnpm-steps-one span {
    display: inline-block;
  }
  .bnpm-vehicle-search .bnpm-button {
    height: 72px;
  }
  .bnpm-vehicle-search .bnpm-button button.primary-button {
    margin-left: 6px;
  }

  .vehicle-form .group-button-search .text-search {
    min-height: 46px;
  }
  .vehicle-form p.message-search {
    margin: 45px 0px 20px 0px;
  }
  .vehicle-form .group-select .checkbox-group {
    margin-bottom: 8px;
  }
  .vehicle-form .group-select .checkbox-group .checkbox-text {
    width: 60%;
    margin-top: 5px;
  }
  .vehicle-form .group-select .checkbox-group .checkbox-text .name_car {
    padding-right: 10px;
  }
  .vehicle-form .group-select .checkbox-group .checkbox-text .parameter_car {
    margin-bottom: 13px;
  }
  .vehicle-form .group-select .checkbox-group label {
    display: inline-block;
    width: 40%;
    text-align: right;
  }
  .vehicle-form .group-select .checkbox-group .selected-button {
    width: 110px;
    margin-top: -10%;
  }
  .vehicle-form .group-select .checkbox-group .selected-button:after {
    left: 5px;
  }
  .vehicle-form .group-select .checkbox-group .select-button {
    width: 80px;
    display: none;
  }
  .vehicle-form .group-select .checkbox-group .select-button.mobile {
    display: inline-block;
    margin-top: -12%;
  }
}
.summary {
  padding: 92px 20px 91px 82px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.summary-h2 {
  font-family: "HelveticaLight", sans-serif;
  font-weight: lighter;
  margin: 0 0 3px;
  letter-spacing: -1px;
  clear: both;
}
.summary-description {
  font-size: 16px;
  margin-bottom: 33px;
}
.summary-description p {
  margin-bottom: 0px;
  line-height: 24px;
}
.summary-left {
  width: 59%;
  margin-top: 20px;
}
.summary-left-details h3 {
  font-size: 16px;
  line-height: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eeeeee;
  margin: 0 0 17px;
}
.summary-left-details h3 span {
  font-size: 12px;
  color: #0071b1;
  margin-left: 9px;
  cursor: pointer;
}
.summary-left-details h3 span:hover {
  color: #00a3d9;
}
.summary-left-details h3 span:active {
  color: #20506b;
}
.summary-left-details h4 {
  color: #828282;
  font-size: 12px;
  text-transform: uppercase;
}
.summary-left-details h4 i {
  float: right;
  margin: 6px 11px 0 0;
  cursor: pointer;
}
.summary-left-details ul {
  margin: 0 0 53px;
}
.summary-left-details ul li {
  margin: 0 0 15px;
}
.summary-left-details ul li label {
  width: 130px;
  float: left;
  color: #828282;
}
.summary-left-details ul li div {
  display: table;
}
.summary-left-details ul li div.green {
  color: #00a651;
}
.summary-left-details ul li div p {
  margin-bottom: 0;
  line-height: 16px;
}
.summary-left-details ul.motor-policy {
  display: none;
}
.summary-left-details ul.active-addon {
  margin: 0 0 17px;
  padding-bottom: 5px;
  display: none;
}
.summary-left-confirm {
  color: #828282;
  margin-top: 4px;
  clear: both;
  float: left;
  width: 100%;
  line-height: 16px;
}
.summary-left-important {
  color: #828282;
  clear: both;
  float: left;
  margin-top: 21px;
}
.summary-left-important p {
  margin: 0;
}
.summary-left-important p:last-child {
  margin-top: -1px;
  line-height: 16px;
}
.summary-left-important strong {
  text-transform: uppercase;
}
.summary-right {
  width: 38%;
}
.summary-button {
  clear: both;
  font-size: 14px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 16px 19px 0 30px;
  height: 72px;
  border-top: 1px solid #eeeeee;
}
.summary-button button {
  height: 40px;
  width: 155px;
  margin-right: 3px;
  font-weight: bold;
  color: #b8c0bc;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.summary-button-cancel {
  line-height: 40px;
}
.summary-button-cancel:hover {
  color: #00a3d9;
}
.summary-button-cancel:active {
  color: #20506b;
}
.summary .summary-total {
  display: none;
}
.summary .button-mobile {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .summary {
    padding: 48px 30px 120px;
  }
  .summary-left {
    width: 100%;
  }
  .summary-button {
    margin: 0 auto;
    height: 110px;
    text-align: center;
  }
  .summary-button button {
    width: 200px;
  }
  .summary-button .summary-button-cancel {
    display: none;
  }
  .summary-button .button-mobile {
    display: inline-block;
    width: 100%;
  }
  .summary-button .button-mobile p {
    width: 50%;
    float: left;
  }
  .summary-button .secondary-button {
    float: none;
    margin: 0 auto;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
  }
  .summary-right {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .summary {
    padding: 95px 30px 180px;
  }
  .summary-h2 {
    margin: 0 0 8px;
  }
  .summary-description {
    font-size: 14px;
    margin-bottom: 52px;
  }
  .summary-description p {
    line-height: 20px;
  }
  .summary-left {
    width: 100%;
  }
  .summary-left-details h3 {
    font-size: 14px;
    padding-bottom: 9px;
    margin: 0 0 10px;
  }
  .summary-left-details h4 {
    margin: 11px 0 21px;
  }
  .summary-left-details ul {
    margin: 0 0 32px;
    float: left;
    width: 100%;
  }
  .summary-left-details ul.active-mobile {
    border: none;
    margin-bottom: 22px;
  }
  .summary-left-details ul li {
    margin: 0 0 21px;
    float: left;
    width: 100%;
  }
  .summary-left-details ul li label {
    width: 42%;
    line-height: 19px;
  }
  .summary-left-details ul li div {
    font-size: 12px;
  }
  .summary-button {
    margin: 0 auto;
    height: 160px;
    text-align: center;
  }
  .summary-button button {
    width: 200px;
    font-weight: normal;
  }
  .summary-button .summary-button-cancel {
    display: none;
  }
  .summary-button .button-mobile {
    display: inline-block;
    width: 100%;
  }
  .summary-button .secondary-button {
    float: none;
    margin: 0 auto 6px;
    border: none;
    color: #0071b1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .summary-button .secondary-button:hover {
    color: #00a3d9;
  }
  .summary-button .secondary-button:active {
    color: #20506b;
  }
}
.addons {
  padding: 92px 20px 91px 82px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.addons-h2 {
  font-family: "HelveticaLight", sans-serif;
  font-weight: lighter;
  margin: 0 0 3px;
  letter-spacing: -1px;
  clear: both;
}
.addons-description {
  font-size: 16px;
  margin-bottom: 29px;
}
.addons-description p {
  margin-bottom: 0px;
  line-height: 24px;
}
.addons-h3 {
  position: relative;
  cursor:pointer;
  display: inline-block;
  margin: 0 0 12px 0;
}
.addons-h3 i.fa-question-circle {
  margin-left: 3px;
}
.addons-h3 i.fa-question-circle:hover {
  color: #0071b1;
}
.addons-h3 strong {
  font-size: 15px;
}
.addons-h3 .inner {
  position: relative;
  display: inline-block;
}
.addons-h3.got-desc {
  margin-bottom: 0;
}
.addons-h3-sub {
  font-size: 16px;
  color: #333;
  margin: 1px 0 0px 0;
}
.addons-h3-sub.got-bottom {
  margin-bottom: 10px;
}
.addons-h3-sub span {
  margin-right: 3px;
}
.addons-h3-sub span.amount-value {
  color: #00a651;
  display: inline-block;
}
.addons-info {
  display: inline-block;
  width: 100%;
  margin: 0 0 47px 0;
  border-top: 1px solid #eeeeee;
}
.addons-info input {
  padding-left: 0px;
  font-size: 28px;
}
.addons-info p {
  color: #828282;
}
.addons-info .note {
  font-weight: bold;
  margin: 0;
}
.addons-info .addons-market-label {
  font-size: 15px;
  margin: 12px 0 -2px 0;
}
.addons-info .addons-market-value {
  font-size: 28px;
  margin: 0;
  color: #333;
}
.addons-info.addons-insure {
  margin-bottom: 36px;
}
.addons-info.addons-insure .input-group.success::after {
  top: 40%;
}
.addons-info.addons-coverage {
  border: none;
  margin-bottom: 30px;
}
.addons-info.addons-coverage .cart.success::after {
  top: 15%;
  right: 25px;
}
.addons-info.addons-coverage .input-group:first-child {
  height: 85px;
}
.addons-info.addons-coverage .input-group {
  height: 71px;
  border-top: 1px solid #eeeeee;
  padding-top: 12px;
  font-size: 14px;
  color: #0071b1;
}
.addons-info.addons-coverage .input-group label {
  width: 36%;
  display: inline-block;
  font-weight: bold;
  float: left;
}
.addons-info.addons-coverage .input-group .ui-selectmenu-button {
  width: 59%;
  float: right;
  color: #333;
  padding: 0px 0px 8px 0px;
}
.addons-info.addons-coverage .input-group .ui-selectmenu-button .ui-icon {
  top: 8px;
  right: 6px;
}
.addons-info.addons-coverage .input-group button {
  float: right;
}
.addons-info.addons-coverage .input-group.buttons {
  padding-top: 15px;
}
.addons-info.addons-coverage .input-group.buttons button {
  width: 41%;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.addons-info.addons-coverage .input-group.buttons button span {
  font-weight: normal;
}
.addons-info.addons-coverage .input-group.buttons label {
  margin: 10px 0;
  line-height: 21px;
}
.addons-info.addons-coverage .input-group.buttons .primary-button {
  display: block;
}
.addons-info.addons-coverage .input-group.buttons .secondary-button {
  display: none;
}
.addons-info.addons-coverage .input-group.buttons.success-before button {
  width: 50%;
  height: 40px;
  padding-left: 10px;
  color: #0071b1;
  border: 1px solid #0071b1;
}
.addons-info.addons-coverage .input-group.buttons.success-before button i {
  margin-right: 5px;
}
.addons-info.addons-coverage .input-group.buttons.success-before button:hover {
  color: #00a3d9;
  border: 1px solid #00a3d9;
}
.addons-info.addons-coverage .input-group.buttons.success-before button:active {
  color: #20506b;
  border: 1px solid #20506b;
}
.addons-info.addons-coverage .input-group.buttons.success-before::before {
  /* content: url(../img/icon/checked.png); */
  position: absolute;
  top: 36%;
  left: 42%;
}
.addons-info.addons-coverage .input-group.buttons.success-before .primary-button {
  display: none;
}
.addons-info.addons-coverage .input-group.buttons.success-before .secondary-button {
  display: block;
}
.addons-info.addons-coverage .input-group.windscreen {
  height: 85px;
  margin-bottom: 11px;
}
.addons-info.addons-coverage .input-group.windscreen label {
  width: 38%;
  margin-top: 10px;
}
.addons-info.addons-coverage .input-group.windscreen label span {
  color: #828282;
  font-weight: normal;
  margin-left: 2px;
}
.addons-info.addons-coverage .input-group.windscreen input {
  width: 59%;
  font-size: 16px;
  padding-top: 5px;
  color: #333;
  float: right;
}
.addons-info.addons-coverage .input-group.windscreen.success::after {
  top: 25%;
}
.addons-info.addons-autoshield {
  margin-bottom: 32px;
}
.addons-info.addons-autoshield .shield-desc {
  margin: 18px 0 16px -1px;
  font-size: 16px;
  line-height: 23px;
  color: #000;
}
.addons-info.addons-autoshield .shield-desc a {
  font-weight: bold;
}
.addons-info.addons-autoshield .shield-desc a:hover {
  color: #00a3d9;
}
.addons-info.addons-autoshield .shield-desc a:active {
  color: #20506b;
}
.addons-info.addons-autoshield .ui-selectmenu-button {
  width: 100%;
  margin-bottom: 20px;
}
.addons-info.addons-autoshield .ui-selectmenu-button .ui-icon {
  right: 6px;
}
.addons-info.addons-autoshield .input-group:last-child .ui-selectmenu-button {
  opacity: 0.5;
}
.addons-info.addons-roadtax {
  font-size: 16px;
  padding-top: 20px;
  line-height: 23px;
  margin-bottom: 0;
}
.addons-info.addons-roadtax .roadtax-desc {
  margin-bottom: 28px;
  color: #333;
}
.addons-left {
  width: 59%;
  margin-top: 20px;
}
.addons-right {
  width: 38%;
}
.addons-button {
  clear: both;
  font-size: 14px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  padding: 16px 19px 0 30px;
  height: 72px;
  border-top: 1px solid #eeeeee;
}
.addons-button button {
  height: 40px;
  width: 155px;
  margin-right: 3px;
  font-weight: bold;
  color: #b8c0bc;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.addons-button-cancel {
  line-height: 40px;
}
.addons-button-cancel:hover {
  color: #00a3d9;
}
.addons-button-cancel:active {
  color: #20506b;
}
.addons .radio-vehicle {
  display: inline-block;
  width: 100%;
}
.addons .radio-vehicle .radio-group {
  display: inline-table;
  position: relative;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 15px;
}
.addons .radio-vehicle .radio-group.radio-no {
  margin: 0;
}
.addons .radio-vehicle .radio-group label {
  width: calc(100% + -2px);
  position: relative;
  left: -10px;
  line-height: 54px;
  display: block;
  margin-left: 10px;
  position: relative;
  padding: 0px 0px 0px 0px;
  border: 2px solid #b8c0bc;
  border-radius: 10px;
  height: 61px;
  font-size: 14px;
  background-color: #fff;
}
.addons .radio-vehicle .radio-group label span {
  line-height: 16px;
  padding: 10px 40px 0 0;
  width: 320px;
  margin-left: 20px;
  color: #333;
}
.addons .radio-vehicle .radio-group label span.single {
  padding-top: 20px;
}
.addons .radio-vehicle .radio-group .check {
  display: block;
  position: relative;
  display: inline-block;
  float: left;
  top: 20px;
  left: 11px;
  border: 2px solid #b8c0bc;
  border-radius: 100%;
  height: 16px;
  width: 16px;
}
.addons .radio-vehicle .radio-group .check::before {
  display: block;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 2px;
  left: 2px;
}
.addons .radio-vehicle .radio-group input {
  visibility: hidden;
  position: absolute;
  margin: 0;
}
.addons .radio-vehicle .radio-group input:checked ~ label {
  background-color: #0071b1;
  border: 2px solid #0071b1;
}
.addons .radio-vehicle .radio-group input:checked ~ label span {
  color: #fff;
}
.addons .radio-vehicle .radio-group input:checked ~ label .check {
  border: 2px solid #fff;
}
.addons .radio-vehicle .radio-group input:checked ~ label .check::before {
  background: #fff;
}
.addons .button-mobile {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .addons {
    padding: 48px 30px 110px;
  }
  .addons-left {
    width: 100%;
  }
  .addons-description {
    margin-bottom: 30px;
  }
  .addons-button {
    margin: 0 auto;
    height: 74px;
    text-align: center;
  }
  .addons-button button {
    width: 200px;
  }
  .addons-button .summary-button-cancel {
    display: none;
  }
  .addons-button .button-mobile {
    display: inline-block;
    width: 100%;
  }
  .addons-button .button-mobile p {
    width: 50%;
    float: right;
  }
  .addons-button .secondary-button {
    float: none;
    margin: 0 auto;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
  }
  .addons-right {
    display: none;
  }
  .addons .addons-button .addons-button-cancel {
    display: none;
  }
  .addons .addons-button .secondary-button {
    width: 30%;
    color: #0071b1;
  }
  .addons .addons-button .button-mobile {
    width: 70%;
    float: right;
  }
  .addons .addons-button .button-mobile .button-submit {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .addons {
    padding: 95px 30px 110px;
  }
  .addons-h2 {
    margin: 0 0 8px;
  }
  .addons-description {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .addons-description p {
    line-height: 20px;
  }
  .addons-left {
    width: 100%;
  }
  .addons-button {
    margin: 0 auto;
    height: 74px;
    text-align: center;
  }
  .addons-button button {
    width: 200px;
    font-weight: normal;
  }
  .addons-button .summary-button-cancel {
    display: none;
  }
  .addons-button .button-mobile {
    display: inline-block;
    width: 100%;
  }
  .addons-button .secondary-button {
    float: none;
    margin: 0 auto 6px;
    border: none;
    color: #0071b1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .addons-button .secondary-button:hover {
    color: #00a3d9;
  }
  .addons-button .secondary-button:active {
    color: #20506b;
  }
  .addons .addons-button .addons-button-cancel {
    display: none;
  }
  .addons .addons-button .secondary-button {
    width: 30%;
  }
  .addons .addons-button .button-mobile {
    width: 50%;
    float: right;
  }
  .addons .addons-button .button-mobile .button-submit {
    width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 440px) {
  .addons-h3 {
    margin-bottom: 5px;
  }
  .addons .addons-h3-sub span {
    display: inline-block;
    margin-left: 0;
  }
  .addons .addons-info .addons-market-value {
    font-size: 30px;
  }
  .addons .addons-info.addons-autoshield .shield-desc,
  .addons .addons-info.addons-roadtax .roadtax-desc {
    font-size: 14px;
    margin: 0px 0 14px 0;
  }
  .addons .addons-h3-sub {
    font-size: 14px;
  }
  .addons .addons-h3-sub span {
    font-size: 16px;
  }
  .addons .addons-info.addons-coverage .cart.success::after {
    top: 60%;
  }
  .addons .addons-info.addons-coverage .input-group {
    height: 105px;
  }
  .addons .addons-info.addons-coverage .input-group.buttons {
    padding-top: 0px;
  }
  .addons .addons-info.addons-coverage .input-group.buttons label {
    width: 100%;
    margin: 12px 0 16px 0;
  }
  .addons .addons-info.addons-coverage .input-group label {
    width: 100%;
    margin: 0 0 2px 0;
  }
  .addons .addons-info.addons-coverage .input-group button {
    float: none;
    margin: 0 auto;
    width: 60%;
  }
  .addons .addons-info.addons-coverage .input-group.success-before::before {
    top: 58%;
    right: 0;
    left: auto;
  }
  .addons .addons-info.addons-coverage .input-group.success-before button {
    width: 74%;
  }
  .addons .addons-info.addons-coverage .input-group.windscreen label {
    margin-bottom: 10px;
  }
  .addons .addons-info.addons-coverage .input-group.windscreen label span {
    display: block;
    margin-top: 0;
  }
  .addons .addons-info.addons-coverage .input-group.windscreen input {
    width: 100%;
  }
  .addons .addons-info.addons-coverage .input-group.windscreen.success::after {
    top: 60%;
  }
  .addons .addons-info.addons-coverage .ui-selectmenu-button {
    width: 100%;
    margin: 10px 0 20px 0;
  }
  .addons .addons-info.addons-roadtax {
    padding-top: 10px;
  }
  .addons .radio-vehicle .radio-group .check {
    top: 5px;
  }
  .addons .radio-vehicle .radio-group label span {
    margin-left: 11px;
    font-size: 12px;
    width: calc(100% - 11px);
    padding: 7px 11px 0 0;
  }
  .addons .radio-vehicle .radio-group label span.single {
    padding-top: 7px;
  }
  .addons .addons-button .addons-button-cancel {
    display: none;
  }
  .addons .addons-button .secondary-button {
    width: 30%;
  }
  .addons .addons-button .button-mobile {
    width: 70%;
    float: right;
  }
  .addons .addons-button .button-mobile .button-submit {
    width: 100%;
  }
}
@media only screen and (min-width: 398px) and (max-width: 439px) {
  .addons .addons-info.addons-coverage .cart.success::after {
    top: 44%;
  }
}
.addons-details {
  -webkit-box-shadow: 0px 1px 1px 0px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 1px 1px 0px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 1px 1px 0px rgba(192, 192, 192, 0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 17px 83px;
  font-size: 14px;
  background-color: #fff;
  /*PAGE HEADER*/
  /*PLAN TABLE*/
  /*PAGE FOOTER*/
}
.addons-details #dialog {
  display: none;
}
.addons-details .buttons button {
  color: #0071b1;
  padding: 6px 22px;
  border: 1px solid #0071b1;
  margin-bottom: 20px;
}
.addons-details .buttons button i {
  margin-right: 5px;
}
.addons-details .buttons button:hover {
  color: #00a3d9;
  border-color: #00a3d9;
}
.addons-details .buttons button:active {
  color: #20506b;
  border-color: #20506b;
}
.addons-details .page-header h2 {
  font-family: "HelveticaLight", sans-serif;
  font-weight: lighter;
  margin: 0 0 3px;
}
.addons-details .page-header p {
  font-size: 16px;
  color: #333;
}
.addons-details .plan-table {
  border-top: 1px solid #828282;
  border-bottom: 1px solid #828282;
  height: 475px;
  /*COLUMN IN TABLE*/
  /*TABLE HEADER*/
}
.addons-details .plan-table .column-label {
  width: 284px;
  float: left;
}
.addons-details .plan-table .column-label ul li {
  padding: 14px 0px 8px 0px;
  color: #0071b1;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.addons-details .plan-table .column-label ul li:hover {
  color: #00a3d9;
}
.addons-details .plan-table .column-label ul li:active {
  color: #20506b;
}
.addons-details .plan-table .column-label ul li.table-header {
  padding: 0;
  text-align: left;
  cursor: default;
}
.addons-details .plan-table .column-label ul li.table-header h5 {
  margin: 16px 0 0 0;
  color: #828282;
}
.addons-details .plan-table .column-label ul li.table-header p {
  font-weight: normal;
  color: #828282;
}
.addons-details .plan-table .table-info {
  float: right;
  width: calc(100% - 284px);
  font-size: 14px;
}
.addons-details .plan-table .column-info {
  width: 33.33%;
  float: left;
  /*TABLE SELECTED COLUMN*/
}
.addons-details .plan-table .column-info ul li {
  padding: 14px 0px 8px 60px;
  line-height: 18px;
}
.addons-details .plan-table .column-info ul li:last-child {
  padding-bottom: 20px;
}
.addons-details .plan-table .column-info ul li.table-header {
  padding: 0 10px;
}
.addons-details .plan-table .column-info ul li.table-header h5 {
  margin: 16px 0 2px 0;
}
.addons-details .plan-table .column-info ul li.table-header p {
  width: 50px;
  margin: 3px auto 14px;
}
.addons-details .plan-table .column-info button {
  padding: 10px;
  border-radius: 16px;
  color: #0071b1;
  border-color: #0071b1;
}
.addons-details .plan-table .column-info button:hover {
  color: #00a3d9;
  border-color: #00a3d9;
}
.addons-details .plan-table .column-info button:active {
  color: #20506b;
  border-color: #20506b;
}
.addons-details .plan-table .column-info .primary-button {
  display: none;
}
.addons-details .plan-table .column-info.selected {
  background-color: #e6eef2;
}
.addons-details .plan-table .column-info.selected .table-header {
  border-bottom: none;
}
.addons-details .plan-table .column-info.selected .table-header button {
  position: relative;
  padding: 10px 36px 10px 24px;
  color: #fff;
}
.addons-details .plan-table .column-info.selected .table-header .secondary-button {
  display: none;
}
.addons-details .plan-table .column-info.selected .table-header .primary-button {
  display: block;
}
.addons-details .plan-table .column-info.selected .table-header button:after {
  content: url(../img/icon/checked_white.png);
  position: absolute;
  top: 10px;
  right: 10px;
}
.addons-details .plan-table .column-info.selected ul li:last-child {
  padding-bottom: 20px;
}
.addons-details .plan-table .table-header {
  border-bottom: 1px solid #eeeeee;
  height: 125px;
  font-size: 14px;
  text-align: center;
}
.addons-details .plan-table .table-header h5 {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.addons-details .page-footer {
  color: #828282;
}
.addons-details .page-footer h4 {
  margin: 29px 0 0 0;
}
.addons-details .page-footer p {
  margin-bottom: 26px;
}

@media only screen and (max-width: 1000px) {
  .addons-details {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
    -moz-box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
    box-shadow: 0px 1px 0px 0px rgba(192, 192, 192, 0.85);
    padding: 17px 0 17px 15px;
    font-size: 12px;
  }
  .addons-details .buttons {
    padding-left: 16px;
  }
  .addons-details .page-header {
    padding-left: 16px;
    position: relative;
  }
  .addons-details .page-header p {
    margin: 6px 0 4px 0;
    font-size: 14px;
  }
  .addons-details .page-header .header-left {
    width: 124px;
    display: inline-block;
  }
  .addons-details .page-header .slider-nav {
    width: calc(100% - 144px);
    display: inline-block;
  }
  .addons-details .page-header .slider-nav .arrowleft {
    font-size: 24px;
    margin-left: 20%;
  }
  .addons-details .page-header .slider-nav .arrowright {
    font-size: 24px;
    margin-right: 20%;
  }
  .addons-details .page-header .slider-nav ul {
    position: absolute;
    left: calc(50% - 20px);
    top: 25px;
  }
  .addons-details .page-header .slider-nav ul li {
    display: inline-block;
  }
  .addons-details .plan-table {
    margin-left: -15px;
    padding-left: 15px;
    height: 498px;
  }
  .addons-details .plan-table .owl-controls {
    position: absolute;
    top: -52px;
    height: 60px;
    width: 100%;
  }
  .addons-details .plan-table .owl-controls .owl-pagination {
    margin-top: 18px;
  }
  .addons-details .plan-table .owl-controls .owl-pagination .owl-page span {
    width: 8px;
    height: 8px;
    margin: 5px 4px;
  }
  .addons-details .plan-table .owl-controls .owl-prev {
    background: url(../img/icon/back_normal.png) center center no-repeat;
    width: 20px;
    height: 25px;
    position: absolute;
    left: 20%;
    top: -20px;
    opacity: 1;
  }
  .addons-details .plan-table .owl-controls .owl-prev:hover {
    background: url(../img/icon/back_hover.png) center center no-repeat;
  }
  .addons-details .plan-table .owl-controls .owl-prev:active {
    background: url(../img/icon/back_active.png) center center no-repeat;
  }
  .addons-details .plan-table .owl-controls .owl-prev.disabled {
    background: url(../img/icon/back.png) center center no-repeat;
    cursor: not-allowed;
  }
  .addons-details .plan-table .owl-controls .owl-next {
    background: url(../img/icon/next_normal.png) center center no-repeat;
    width: 20px;
    height: 25px;
    position: absolute;
    right: 20%;
    top: -20px;
    opacity: 1;
  }
  .addons-details .plan-table .owl-controls .owl-next:hover {
    background: url(../img/icon/next_hover.png) center center no-repeat;
  }
  .addons-details .plan-table .owl-controls .owl-next:active {
    background: url(../img/icon/next_active.png) center center no-repeat;
  }
  .addons-details .plan-table .owl-controls .owl-next.disabled {
    background: url(../img/icon/next_disable.png) center center no-repeat;
    cursor: not-allowed;
  }
  .addons-details .plan-table .column-label {
    width: 140px;
  }
  .addons-details .plan-table .column-label ul li {
    font-size: 12px;
  }
  .addons-details .plan-table .column-label ul li.table-header {
    height: 130px;
    margin-left: -15px;
    padding-left: 15px;
  }
  .addons-details .plan-table .column-label ul li.table-header h5 {
    margin: 16px 0 4px 0;
    font-size: 12px;
  }
  .addons-details .plan-table .table-info {
    width: calc(100% - 140px);
  }
  .addons-details .plan-table .table-info .column-info {
    display: block;
    width: 100%;
    height: auto;
  }
  .addons-details .plan-table .table-info .column-info ul li {
    font-size: 12px;
    text-align: center;
    padding: 14px 0px 8px 0px;
  }
  .addons-details .plan-table .table-info .column-info ul li.table-header {
    height: 130px;
    padding-top: 0;
  }
  .addons-details .plan-table .table-info .column-info ul li:nth-child(3) {
    margin-bottom: 18px;
  }
  .addons-details .page-footer {
    margin-left: 18px;
    font-size: 14px;
  }
  .addons-details .page-footer p {
    line-height: 18px;
    margin: 2px 11px 30px 0px;
  }
  .addons-details .buttons button.btn-end {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .addons-details .plan-table {
    height: 480px;
  }
  .addons-details .plan-table .column-label {
    width: 300px;
  }
  .addons-details .plan-table .table-info {
    width: calc(100% - 300px);
  }
  .addons-details .plan-table .table-info .column-info ul li:nth-child(3) {
    margin-bottom: 0;
  }
}
/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  border: 1px solid #888;
  width: 43%;
  /* Could be more or less, depending on screen size */
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Modal Header */
.modal-header {
  width: 100%;
  height: 44px;
  background-color: #eeeeee;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.modal-header i {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 20px;
  height: 11px;
  width: 11px;
  color: #999999;
  background: url(../img/icon/icon-close.png) 0px 0 no-repeat;
}
.modal-header i:hover {
  background: url(../img/icon/icon-close.png) -11px 0 no-repeat;
}
.modal-header i:active {
  background: url(../img/icon/icon-close.png) -22px 0 no-repeat;
}

.modal-body {
  font-size: 14px;
  padding: 24px 38px;
}
.modal-body label {
  font-size: 32px;
  font-family: "HelveticaLight", sans-serif;
}
.modal-body p {
  margin: 1px 0 17px 0;
  color: #333;
}

.modal-footer {
  border-top: 1px solid #d9d9d9;
  background-color: #eeeeee;
  height: 70px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.modal-footer button {
  float: right;
  margin: 16px 12px 16px 0;
  padding: 10px 31px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  .modal-content {
    width: 90%;
  }

  .modal-body label {
    font-size: 24px;
  }
  .modal-body p {
    font-size: 14px;
  }
  .modal-body p.label-desc {
    font-size: 16px;
  }

  .modal-footer button {
    margin: 16px auto;
    float: none;
  }
}
/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  border: 1px solid #888;
  width: 43%;
  /* Could be more or less, depending on screen size */
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Modal Header */
.modal-header {
  width: 100%;
  height: 44px;
  background-color: #eeeeee;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.modal-header i {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 20px;
  height: 11px;
  width: 11px;
  color: #999999;
  background: url(../img/icon/icon-close.png) 0px 0 no-repeat;
}
.modal-header i:hover {
  background: url(../img/icon/icon-close.png) -11px 0 no-repeat;
}
.modal-header i:active {
  background: url(../img/icon/icon-close.png) -22px 0 no-repeat;
}

.modal-body {
  font-size: 14px;
  padding: 24px 38px;
}
.modal-body label {
  font-size: 32px;
  font-family: "HelveticaLight", sans-serif;
}
.modal-body p {
  margin: 1px 0 17px 0;
  color: #333;
}

.modal-footer {
  border-top: 1px solid #d9d9d9;
  background-color: #eeeeee;
  height: 70px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.modal-footer button {
  float: right;
  margin: 16px 12px 16px 0;
  padding: 10px 31px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  .modal-content {
    width: 90%;
  }

  .modal-body label {
    font-size: 24px;
  }
  .modal-body p {
    font-size: 14px;
  }
  .modal-body p.label-desc {
    font-size: 16px;
  }

  .modal-footer button {
    margin: 16px auto;
    float: none;
  }
}
/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  border: 1px solid #888;
  width: 43%;
  /* Could be more or less, depending on screen size */
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Modal Header */
.modal-header {
  width: 100%;
  height: 44px;
  background-color: #eeeeee;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
.modal-header i {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 20px;
  height: 11px;
  width: 11px;
  color: #999999;
  background: url(../img/icon/icon-close.png) 0px 0 no-repeat;
}
.modal-header i:hover {
  background: url(../img/icon/icon-close.png) -11px 0 no-repeat;
}
.modal-header i:active {
  background: url(../img/icon/icon-close.png) -22px 0 no-repeat;
}

.modal-body {
  font-size: 14px;
  padding: 24px 38px;
}
.modal-body label {
  font-size: 32px;
  font-family: "HelveticaLight", sans-serif;
}
.modal-body p {
  margin: 1px 0 17px 0;
  color: #333;
}

.modal-footer {
  border-top: 1px solid #d9d9d9;
  background-color: #eeeeee;
  height: 70px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}
.modal-footer button {
  float: right;
  margin: 16px 12px 16px 0;
  padding: 10px 31px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  .modal-content {
    width: 90%;
  }

  .modal-body label {
    font-size: 24px;
  }
  .modal-body p {
    font-size: 14px;
  }
  .modal-body p.label-desc {
    font-size: 16px;
  }

  .modal-footer button {
    margin: 16px auto;
    float: none;
  }
}
.shopping-cart {
  padding: 41px 82px 34px;
  display: inline-block;
  position: relative;
  width: 100%;
}
.shopping-cart .alert-box {
  background: #ffffef;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  padding: 15px 50px 13px 25px;
  font-size: 14px;
  color: #828282;
  position: relative;
  margin-bottom: 15px;
  line-height: 20px;
  display: inline-block;
  float: left;
  width: 100%;
}
.shopping-cart .alert-box.hide {
  display: none;
}
.shopping-cart .alert-box p {
  float: left;
  margin-bottom: 0;
}
.shopping-cart .alert-box a {
  font-weight: bold;
  color: #0071b1;
}
.shopping-cart .alert-box a:hover {
  color: #00a3d9;
}
.shopping-cart .alert-box a:active {
  color: #20506b;
}
.shopping-cart .alert-box i {
  position: absolute;
  top: 19px;
  right: 15px;
  cursor: pointer;
}
.shopping-cart .alert-box.alert-info p {
  float: none;
}
.shopping-cart .alert-box.alert-warning {
  background: #ffe8e8;
  color: #a18787;
}
.shopping-cart-h2 {
  font-family: "HelveticaLight", sans-serif;
  font-weight: lighter;
  margin: 0 0 12px;
  clear: both;
  font-size: 32px;
}
.shopping-cart-left {
  width: 69%;
  margin-top: 0px;
}
.shopping-cart-left h3 {
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid #eeeeee;
  padding: 0 0 6px 0;
  margin-bottom: 6px;
}
.shopping-cart-left ul li {
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
  float: left;
  font-size: 16px;
  padding-bottom: 3px;
  margin-bottom: 6px;
}
.shopping-cart-left ul li a {
  color: #333;
  font-weight: bold;
}
.shopping-cart-left ul li a:hover {
  color: #0071b1;
}
.shopping-cart-left ul li a:active {
  color: #0099ff;
}
.shopping-cart-left ul li p {
  margin-bottom: 4px;
}
.shopping-cart-left ul li i {
  cursor: pointer;
}
.shopping-cart-left ul li .remove-price {
  display: none;
}
.shopping-cart-left ul li .item-avatar {
  max-width: 64px;
  margin-right: 14px;
}
.shopping-cart-left ul li .item-info {
  padding: 9px 0 0;
}
.shopping-cart-left ul li .item-info .item-title {
  margin: 0 0 0;
}
.shopping-cart-left ul li .item-price {
  margin: 8px 0 0 0;
  width: 124px;
}
.shopping-cart-left ul li .item-price label {
  font-weight: bold;
  float: left;
}
.shopping-cart-left ul li .item-price a {
  display: block;
  width: 100%;
  float: right;
}
.shopping-cart-left ul li .item-price a i {
  margin: -16px 0 0;
  float: right;
  background: url(../img/icon/icon-close.png) 0px 0 no-repeat;
}
.shopping-cart-left ul li .item-price a label.remove-price {
  color: #0071b1;
}
.shopping-cart-left ul li .item-price a:hover i {
  background-position: -11px 0px;
}
.shopping-cart-left ul li .item-price a:hover label.remove-price {
  color: #00a3d9;
}
.shopping-cart-left ul li .item-price a:active i {
  background-position: -22px 0px;
}
.shopping-cart-left ul li .item-price a:active label.remove-price {
  color: #20506b;
}
.shopping-cart-left .ordered-block {
  display: inline-block;
  width: 100%;
  margin-bottom: 48px;
}
.shopping-cart-left .ordered-block .box-tooltip {
  display: none;
}
.shopping-cart-left .removed-block {
  display: inline-block;
  width: 100%;
}
.shopping-cart-left .removed-block li {
  padding-bottom: 12px;
}
.shopping-cart-left .removed-block li i {
  margin-left: 5px;
}
.shopping-cart-left .removed-block .item-avatar, .shopping-cart-left .removed-block .item-title, .shopping-cart-left .removed-block .item-info > p, .shopping-cart-left .removed-block .item-price, .shopping-cart-left .removed-block .title-tooltip, .shopping-cart-left .removed-block .price-mobile {
  opacity: 0.5;
}
.shopping-cart-left .removed-block .item-price .price {
  text-decoration: line-through;
}
.shopping-cart-left .removed-block .icon-close {
  display: none;
}
.shopping-cart-left .box-tooltip {
  position: relative;
}
.shopping-cart-left .box-tooltip .info-tooltip {
  width: 265px;
  padding: 15px 20px;
}
.shopping-cart-left .box-tooltip .title-tooltip {
  font-style: italic;
}
.shopping-cart-left .box-tooltip i:hover {
  color: #0071b1;
}
.shopping-cart-right {
  width: 28%;
}
.shopping-cart-right .cart-desc {
  font-size: 12px;
  color: #828282;
  padding-left: 13px;
  margin-bottom: 0;
}
.shopping-cart-right .section-right-total {
  border: none;
  margin: -2px 0 12px;
}
.shopping-cart-right .section-right-total label {
  padding: 15px 0 0 13px;
}
.shopping-cart-right .section-right-total > div {
  text-align: right;
  padding-right: 10px;
}
.shopping-cart-right .section-right-button button {
  line-height: 6px;
  position: relative;
}
.shopping-cart-right .section-right-button button i {
  display: none;
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 10px;
  background: url(../img/icon/loading.gif);
  height: 16px;
  width: 16px;
}
.shopping-cart-right .section-right-button button i:before {
  display: none;
}
.shopping-cart-right .section-right-button button span {
  font-weight: normal;
}
.shopping-cart-right .section-right-button button:active i, .shopping-cart-right .section-right-button button.activebtn i {
  display: block;
}
.shopping-cart-right .section-right-button button.disabled:active i {
  display: none;
}
.shopping-cart .question-block {
  width: 100%;
  clear: both;
  margin-top: 48px;
  float: left;
}
.shopping-cart .question-block h3 {
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid #eeeeee;
  padding: 0 0 6px 0;
  margin-bottom: 9px;
}
.shopping-cart .question-block a {
  color: #333;
}
.shopping-cart .question-block a h4 {
  font-size: 14px;
  margin: 0;
}
.shopping-cart .question-block a:hover {
  color: #0071b1;
}
.shopping-cart .question-block a:active {
  color: #0099ff;
}
.shopping-cart .question-block ul {
  font-size: 14px;
}
.shopping-cart .question-block ul li {
  float: left;
  width: 30%;
  margin-right: 5%;
}
.shopping-cart .question-block ul li:last-child {
  margin-right: 0;
}
.shopping-cart .question-block ul li p {
  line-height: 18px;
}

@media only screen and (min-width: 1000px) {
  .shopping-cart .price-mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .shopping-cart {
    padding: 25px 20px 30px;
  }
  .shopping-cart .price-mobile {
    display: none;
  }
  .shopping-cart .fixed-steps {
    display: none;
  }
  .shopping-cart-left {
    width: 62%;
  }
  .shopping-cart-right {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .shopping-cart {
    padding: 50px 28px 5px;
  }
  .shopping-cart-h2 {
    font-size: 24px;
  }
  .shopping-cart .fixed-steps {
    min-height: 49px;
    background: #fff;
  }
  .shopping-cart .fixed-steps.nopadding {
    padding-top: 0;
  }
  .shopping-cart .fixed-steps .box-total-sp {
    width: 100%;
  }
  .shopping-cart-left {
    width: 100%;
  }
  .shopping-cart-left h3 {
    margin-bottom: 14px;
  }
  .shopping-cart-left .info-tooltip {
    z-index: 99;
  }
  .shopping-cart .box-cart .ordered-block {
    margin-bottom: 26px;
  }
  .shopping-cart .box-cart .ordered-block ul li {
    margin-bottom: 14px;
    padding-bottom: 15px;
  }
  .shopping-cart .box-cart .removed-block ul li {
    padding-bottom: 30px;
  }
  .shopping-cart .box-cart .removed-block ul li .item-price {
    display: none;
  }
  .shopping-cart .box-cart .removed-block ul li .box-tooltip {
    line-height: 20px;
  }
  .shopping-cart .box-cart .removed-block ul li .box-tooltip .title-tooltip {
    float: left;
    width: 100%;
  }
  .shopping-cart .box-cart .removed-block ul li .box-tooltip .price-mobile {
    clear: both;
    float: left;
    text-decoration: line-through;
  }
  .shopping-cart .box-cart ul li {
    margin-bottom: 25px;
    font-size: 14px;
  }
  .shopping-cart .box-cart ul li .item-info {
    padding-top: 0;
    line-height: 22px;
  }
  .shopping-cart .box-cart ul li .item-info .item-title {
    float: left;
    line-height: 16px;
    width: 100%;
  }
  .shopping-cart .box-cart ul li .item-info p {
    margin-bottom: 0;
  }
  .shopping-cart .box-cart ul li .item-price {
    clear: both;
    cursor: pointer;
    margin: 3px 0 0;
  }
  .shopping-cart .box-cart ul li .item-price .price {
    display: none;
  }
  .shopping-cart .box-cart ul li .item-price .remove-price {
    display: block;
  }
  .shopping-cart .box-cart ul li .item-price .price-mobile {
    float: left;
  }
  .shopping-cart .box-cart ul li .item-price i {
    margin: 5px 10px 0;
  }
  .shopping-cart .box-cart ul li .item-price label {
    float: right;
    color: #0071b1;
    cursor: pointer;
  }
  .shopping-cart .alert-box {
    padding: 15px 35px 19px 25px;
    margin-bottom: 21px;
  }
  .shopping-cart .alert-box.alert-info p {
    float: left;
  }
  .shopping-cart .alert-box.alert-warning {
    padding-bottom: 14px;
    margin-bottom: 9px;
  }
  .shopping-cart .alert-box.alert-warning a {
    margin-left: 0;
  }
  .shopping-cart .question-block {
    margin-top: 6px;
  }
  .shopping-cart .question-block h3 {
    border-bottom: 0;
    margin-bottom: 13px;
  }
  .shopping-cart .question-block ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .shopping-cart .question-block ul li p {
    line-height: 20px;
  }
  .shopping-cart .question-block ul li:last-child {
    margin-bottom: 8px;
  }
  .shopping-cart-button {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 65px;
    border-top: 1px solid #eeeeee;
    padding-top: 12px;
    background: #fff;
  }
  .shopping-cart-button button {
    height: 40px;
    width: 202px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
  }
  .shopping-cart-button button i {
    display: none;
    font-size: 16px;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url(../img/icon/loading.gif);
    height: 16px;
    width: 16px;
  }
  .shopping-cart-button button i:before {
    display: none;
  }
  .shopping-cart-button button span {
    font-weight: normal;
  }
  .shopping-cart-button button:active i, .shopping-cart-button button.activebtn i {
    display: block;
  }
  .shopping-cart-button button.disabled:active i {
    display: none;
  }
  .shopping-cart .section-right-total div {
    padding-right: 30px;
    cursor: default;
  }
}
@media only screen and (max-width: 390px) {
  .shopping-cart .info-tooltip {
    max-width: 205px;
  }
}
.my-policy {
  padding: 25px 33px 23px 39px;
  display: inline-block;
  width : 100%;
}
.my-policy-h2 {
  font-family: "HelveticaLight", sans-serif;
  letter-spacing: -1px;
  clear: both;
  margin: 0px 0 10px;
  font-weight: normal;
}
.my-policy-notification {
  background: #ffffef;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  padding: 15px 60px 18px 25px;
  font-size: 14px;
  color: #828282;
  position: relative;
  margin-bottom: 6px;
  line-height: 20px;
}
.my-policy-notification a {
  font-weight: bold;
}
.my-policy-notification a:hover {
  color: #0099ff;
}
.my-policy-notification i {
  position: absolute;
  top: 19px;
  right: 15px;
  cursor: pointer;
}
.my-policy-lists {
  margin: 25px 0 0;
  display: inline-block;
  width: 100%;
}
.my-policy-lists .mpi {
  width: 302px;
  max-width: 48%;
  margin-right: 4%;
  min-height: 445px;
  float: left;
  border: 1px solid #ececec;
  position: relative;
  -webkit-box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  -moz-box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
  box-shadow: 0px 2px 0px -1px rgba(192, 192, 192, 0.85);
}
.my-policy-lists .mpi:nth-child(even) {
  margin-right: 0;
}
.my-policy-lists .mpi a.mpi-avatar-title:hover, .my-policy-lists .mpi a.link-addnew:hover {
  color: #0099ff;
}

.mpi-avatar-title{ font-size: 12px;}

.my-policy-lists .mpi-avatar {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
}
.my-policy-lists .mpi-avatar img {
  float: left;
  min-height: 200px;
  width: 100%;
}
.my-policy-lists .mpi-avatar-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  cursor: pointer;
}

/* for user experience changes -SR1526464 */
.my-policy-lists .mpi-avatar-bg:hover p.mpi-button a, .my-policy-lists .mpi-avatar-details:hover p.mpi-button a {
  /*  background-color: #00a651;  */
}
.my-policy-lists .mpi-avatar-bg.disable, .my-policy-lists .mpi-avatar-details.disable {
  cursor: not-allowed;
}
.my-policy-lists .mpi-avatar-details {
  position: absolute;
  top: 23px;
  right: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  text-align: center;
  color: #ccc;
  padding-top: 0px;
  /* cursor: pointer; */
}
/* .my-policy-lists .mpi-avatar-details p {
  font-size: 14px;
} */

/* for user experience changes -SR1526464 */
.my-policy-lists .mpi-avatar-details p.mpi-count {
    line-height: 15px;
}
.my-policy-lists .mpi-avatar-details p.mpi-label-date {
  margin: 24px 0 0;
}
.my-policy-lists .mpi-avatar-details p.mpi-value-date {
  color: #ffff66;
  margin: 0;
}

/* for user experience changes -SR1526464 */
.my-policy-lists .mpi-avatar-details p.mpi-count {
  /* line-height: 28px; */
}
.my-policy-lists .mpi-avatar-details p.mpi-count span {
  font-weight: bold;
  font-size: 30px;
  position: relative;
  top: 0px;
  color: #fff;
}
.my-policy-lists .mpi-avatar-details p.mpi-button a {
  padding: 1px 10px;
  color: #fff;
  background: #d53a20;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 12px;
}

/* for user experience changes -SR1526464 */
.my-policy-lists .mpi-avatar-details p.mpi-button a:hover {
  background: #e2001c;
}

.my-policy-lists .mpi-avatar-details p.mpi-button a:active {
  /* background: #008a43; */
    background: #e2001c;
}
.my-policy-lists .mpi-avatar-details p.mpi-button a.disable {
  background: #aaa;
  color: #dcdcdc;
  cursor: not-allowed;
}
.my-policy-lists .mpi-avatar-details p.mpi-button a.disable:hover {
  background: #aaa;
}
.my-policy-lists .mpi-avatar-details p.mpi-button a.disable:active {
  background: #aaa;
}
.my-policy-lists .mpi-info {
  padding: 16px 10px 20px 20px;
  font-size: 14px;
  color: #999;
  font-family: "Open Sans", sans-serif;
  clear: both;
}
.my-policy-lists .mpi-info h3 {
  margin: 0 0 10px 0;
}
.my-policy-lists .mpi-info .mpi-avatar-img {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.my-policy-lists .mpi-info .mpi-details-date {
  text-transform: uppercase;
}
.my-policy-lists .mpi-info .mpi-details label {
  text-transform: none;
  color: #333;
  float: left;
  width: 110px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.my-policy-lists .mpi-info .mpi-details a {
  float: left;
  margin-right: 10px;
  font-family: "Open Sans", sans-serif;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 22px;
}
.my-policy-lists .mpi-info .mpi-details a.secondary-button {
  padding: 9px 22px;
  font-weight: bold;
  color: #0071b1;
  border: 1px solid #0071b1;
}
.my-policy-lists .mpi-info .mpi-details a.secondary-button:hover {
  color: #00a3d9;
  border: 1px solid #00a3d9;
}
.my-policy-lists .mpi-info .mpi-details a.secondary-button:active {
  color: #20506b;
  border: 1px solid #20506b;
}
.my-policy-lists .mpi-info .mpi-details li {
  margin-bottom: 8px;
  width: 100%;
}
.my-policy-lists .mpi-info .mpi-details li:last-child {
  margin: 9px 0 0;
  display: inline-block;
}
.my-policy-lists .mpi.li-blocked {
  font-size: 14px;
      min-height: 445px;
}
.my-policy-lists .mpi.li-blocked .box-blocked {
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  padding: 60px 10px 0;
  z-index: 3;
  
}
.my-policy-lists .mpi.li-blocked .box-blocked .icon-blocked {
  background: url(../img/icon/icon-blocked.png) center center no-repeat;
  height: 82px;
  width: 82px;
}
.my-policy-lists .mpi.li-blocked .box-blocked h4 {
  font-size: 21px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin: 60px 0 4px 0;
  line-height: 20px;
}
.my-policy-lists .mpi.li-blocked .box-blocked span {
  color: #006699;
}
.my-policy-lists .mpi.li-blocked .box-blocked p {
  line-height: 25px;
  margin: 0 auto;
}
.my-policy-lists .mpi.li-blocked .box-blocked p.box-blocked-desc {
  max-width: 180px;
}
.my-policy-lists .mpi.li-blocked .box-blocked p.box-blocked-phone {
  max-width: 300px;
}
.my-policy-lists .mpi.li-addnew {
  border: 2px dashed #ccc;
  box-shadow: none;
  font-size: 14px;
}
.my-policy-lists .mpi.li-addnew:hover {
  border-color: #0071b1;
}
.my-policy-lists .mpi.li-addnew:active {
  border-color: #20506b;
}
.my-policy-lists .mpi.li-addnew .box-addnew {
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  padding: 93px 10px 0;
  z-index: 3;
  color: #333;
}
.my-policy-lists .mpi.li-addnew .box-addnew:hover .link-addnew {
  color: #00a3d9;
}
.my-policy-lists .mpi.li-addnew .box-addnew h4 {
  margin: 27px auto 2px;
  font-size: 21px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: #999999;
}
.my-policy-lists .mpi.li-addnew .box-addnew p.box-addnew-desc {
  margin-bottom: 15px;
  color: #999999;
}
.my-policy-lists .mpi.li-addnew .box-addnew p.link-addnew {
  color: #0071b1;
}
.my-policy-lists .mpi.li-addnew .box-addnew p.link-addnew:hover {
  color: #00a3d9;
}
.my-policy-lists .mpi.li-addnew .box-addnew p.link-addnew:active {
  color: #20506b;
}
.my-policy-lists .mpi.li-addnew .box-addnew .icon-addnew {
  background: url(../img/icon/icon-addnew.png) 0 0 no-repeat;
  height: 80px;
  width: 80px;
}

@media only screen and (min-width: 870px) and (max-width: 1000px) {
  .my-policy {
    padding: 25px 12px 23px;
  }
  .my-policy-lists .mpi a.mpi-avatar-title:hover, .my-policy-lists .mpi a.link-addnew:hover {
    color: #0099ff;
  }
  
  
  .my-policy-lists .mpi-info {
    font-size: 14px;
  }
  .my-policy-lists .mpi-info .mpi-details a {
    padding: 11px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 869px) {
  .my-policy {
    padding: 25px 33px 23px 39px;
  }
  .my-policy-lists .mpi {
    width: 100%;
    max-width: 100%;
    margin: 0 0 25px;
  }
  .my-policy-lists .mpi a.mpi-avatar-title:hover, .my-policy-lists .mpi a.link-addnew:hover {
    color: #0099ff;
  }
  .my-policy-lists .mpi-avatar-details {
    top: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .my-policy {
    padding: 15px 25px 23px;
  }
  .my-policy-notification {
    padding: 15px 30px 18px 25px;
  }
  .my-policy-lists .mpi {
    width: 100%;
    max-width: 100%;
    margin: 0 0 25px;
    min-height: 250px;
  }
  .my-policy-lists .mpi a.mpi-avatar-title:hover, .my-policy-lists .mpi a.link-addnew:hover {
    color: #0099ff;
  }
  .my-policy-lists .mpi-avatar-details {
    top: 0;
    background: none;
  }
  .my-policy-lists .mpi-avatar-details p {
    padding: 0 25px;
    text-align: left;
    font-size: 20px;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-label-date {
    margin: 35px 0 10px;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-value-date {
    margin-bottom: 13px;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-count span {
    top: 0;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-button {
    height: 155px;
    width: 155px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 23px;
    right: 25px;
    line-height: 155px;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-button a {
    padding: 5px 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
   /*  background: #00cc66; */
    color: #fff;
    font-size: 14px;
  }
  .my-policy-lists .mpi-info .mpi-details a {
    float: none;
    display: inline-block;
  }
  .my-policy-lists .mpi-info .mpi-details li:last-child {
    text-align: right;
    padding-right: 20px;
  }
  .my-policy-lists .mpi.li-addnew {
    min-height: 190px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew {
    padding: 35px 20px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew-icon {
    float: right;
    margin-top: 20px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew-info {
    float: left;
    text-align: left;
    max-width: 235px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew h4 {
    margin-top: 0;
  }
  .my-policy .my-policy-lists-disable {
    margin-top: 0;
  }
}
@media only screen and (max-width: 435px) {
  .my-policy {
    padding: 25px 15px 23px;
  }
  .my-policy-lists .mpi-avatar-details p {
    font-size: 15px;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-button {
    height: 125px;
    width: 125px;
    background-size: contain;
  }
  .my-policy-lists .mpi-avatar-details p.mpi-button a {
    padding: 3px 17px 5px;
    position: relative;
    top: -15px;
  }
  .my-policy-lists .mpi-info .mpi-details a {
    padding: 11px 18px;
  }
  .my-policy-lists .mpi-info .mpi-details li:last-child {
    padding-right: 0px;
  }
  .my-policy-lists .mpi.li-addnew {
    min-height: 190px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew {
    padding: 35px 15px;
    font-size: 14px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew-icon {
    float: right;
    margin-top: 20px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew-info {
    font-size: 13px;
    max-width: 170px;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew h4 {
    margin-top: 0;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew p.box-addnew-desc {
    padding: 0;
  }
  .my-policy-lists .mpi.li-addnew .box-addnew .icon-addnew {
    height: 65px;
    width: 65px;
    background-size: contain;
  }
  .my-policy .my-policy-lists-disable {
    margin-top: 0;
  }
}

.green-tick{ color: #41ad49;}
.red-minius {color: #990000;}


/*****************************popup product start********************************/


.cd-popup-trigger {
    
}
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 0em auto;
  }
}

/* -------------------------------- 

xpopup 

-------------------------------- */

@media only screen and (max-width: 767px) {
.cd-popup-container {
 position: relative;
    width: 90%;
    max-width: 580px;
     margin: 5em auto;
    background: #FFF;
	padding: 5px 15px;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
     height: 80%;
         overflow: auto;
}

.cd-popup-container2 {
 position: relative;
     width: 90%;
    max-width: 580px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
       /*  min-height: 535px;
         max-height: 400px; */
	 height: 80%;
         overflow: auto;
}

  }

 @media only screen and (min-width: 320px) {.cd-popup-container {
 position: relative;
     width: 90%;
    max-width: 760px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
       /*  min-height: 535px;
         max-height: 400px; */
    padding: 10px;
         
         
}
.cd-popup-container2 {
 position: relative;
     width: 90%;
    max-width: 480px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
       /*  min-height: 535px;
         max-height: 400px; */

}



/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.82);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  
    z-index: 9;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup2 {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.82);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9;
}
.cd-popup2.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;

}

.is-visible .cd-popup-container2 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.cd-popup-container p {
  /* padding: 1em 1em; */
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.cd-popup-container2 .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}

.cd-popup-container2 .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}


.cd-popup-container2 .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}

.cd-popup-container2 .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}


.cd-popup-container2 .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}

.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.cd-popup-container2 .cd-popup-close::before, .cd-popup-container2 .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.cd-popup-container2 .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.cd-popup-container2 .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.is-visible .cd-popup-container2 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}



@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 5em auto;
	padding: 15px 10px;
  }
  
  .cd-popup-container2 {
    margin: 5em auto;
	padding: 15px 10px;
  }
}
 


/*****************************popup product end********************************/


.leave-agent-selection {
     max-width: 100%;
  width: 100%;
  margin: 21px auto 29px;
  display: inline-block;
     width: 430px;
  /* float: left; */
}
.leave-agent-selection a {
  width: 205px;
  float: left;
  font-size: 12px;
}

.leave-agent-selection div {
  width: 225px;
  /* float: right; */
  float: right;
  padding-top: 14px;
      font-size: 13px;
}
.leave-agent-selection a i {
  margin-right: 8px;
}
.leave-agent-selection a:first-child i {
  margin-right: 6px;
}

@media only screen and (max-width: 767px){
.leave-agent-selection {
    margin: 45px 0;
  }
  .leave-agent-selection a {
    width: 220px;
    float: none;
    margin: 0 auto;
  }
  
   .leave-agent-selection div {
    width: 220px;
    float: none;
    margin: 0 auto;
  }
  .leave-agent-selection a:first-child {
    margin-bottom: 16px;
  }
}
  
.header-lang{ 
	/* float:left; */  
    margin-left: 0px;
    margin-top: 5px;
    /* width: 100%; */
    /* border-bottom: 1px solid #ced5d9; */
 }
        
.header-lang ul li{ display: inline;
    height: 12px;
    float: left;
	
} 

.header-lang span {
    margin-top: 0px;
    color: #000;
    font-size: 10px;
   font-size: 13px;
    padding: 0px 5px;
    font-weight: bold;
}

.header-lang a {
   /*  margin-right: 5px; */
    float: left;
    background: #ffffff;
    /* color: #333; */
     /* border-right: 1px solid #080808; */
}
.header-lang a:last-child {  border-right: none;}

.header-lang a:hover span {
/* border-radius: 100%;
background: #0071b1; */
color: #0088ce;
}
.lang-active{background: #0071b1;
color: #fff;
}

/********************Language Preferance pop-up Start********************** */

.lp-popup-container {
 position: relative;
    width: 30%;
    max-width: 670px;
     margin: 5em auto;
    background: #FFF;
	padding: 5px 15px;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
     height: auto;
}
  }
 @media only screen and (min-width: 767px) {.lp-popup-container {
 position: relative;
    width: 80%;
    max-width: 370px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 115px;
}}

/* -------------------------------- 

xpopup 

-------------------------------- */
.lp-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.82);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 9999;
   overflow: auto; 
  
}
.lp-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;

}


.lp-popup-container p {
  padding: 0em 0em;
}
.lp-popup-container .lp-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.lp-popup-container .lp-buttons li {
  float: left;
  width: 50%;
}
.lp-popup-container .lp-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.lp-popup-container .lp-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .lp-popup-container .lp-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.lp-popup-container .lp-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .lp-popup-container .lp-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.lp-popup-container .lp-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.lp-popup-container .lp-popup-close::before, .lp-popup-container .lp-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.lp-popup-container .lp-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.lp-popup-container .lp-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .lp-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
  .lp-popup-container {
    margin: 10em auto;
	padding: 15px 10px;
  }
}


.primary-button-lp {
  width:131px;
  background: #0071b1;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 13px;
  border: none;
  text-align: center;
  border-radius:16px;
  height:25px;
}
.primary-button-lp:hover {
  background: #00a3d9;
}
.primary-button-lp:active {
  background: #20506b;
}
.primary-button-lp.disabled, .primary-button-lp.activebtn {
  background: #aaa;
  color: #dcdcdc;
}

@media only screen and (min-width: 1170px) {
  .lp-popup-trigger {
    margin: 0em auto;
  }
}

/******************************Language Preferance pop-up End***************************************************/
ul.lang-sidebar {
    margin: 0;
    padding: 0px 0 27px;
    border-bottom: 1px solid #ced5d9;
    font-size: 16px;
	/*background: #E6EEF2;*/
}
.lang-sidebar li.header-lang {
  position: relative;
  color: red;
  padding:0px 0px 8px 0px;
}

.lang-sidebar li.header-lang img {
	width:22px;
	height:22px;
	float: left;
	margin-right: 5px;
}


.lang-sidebar li.header-lang a {
	margin-right: 5px;
	float: left;
	background: #ffffff;
	border-radius: 100%;
	/* color: #333; */
	border:1px solid #929292;
}

 .lang-active{background: #333;}

.lang-sidebar li.header-lang a:hover span {
border-radius: 100%;
background: #0071b1;

color: #fff;
}
.lang-sidebar li.header-lang a:active span {
border-radius: 100%;
background: #0071b1;
color: #fff;
}
ul.lang-sidebar li p {
    color: #FFF;
    margin: 0;
    line-height: 36px;
    font-size: 16px;
    padding: 7px 27px;
    background: #0071B1;
    margin-bottom: 10px;
}

.lang-sidebar li.header-lang span{float: left;margin-top: 0px;font-size: 10px;padding: 8px;font-weight: 600;}

 .lang-sidebar li.header-lang .text-center{text-align: center;
    width: auto;
    margin: 0px auto;
    padding-left: 27%;
 }
 /************************Common Popup*******************************************************/

.common-popup-trigger {
     display: block;
    /* width: 170px; */
    /* height: 50px; */
     /*line-height: 50px;
    margin: 3em auto;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50em;
    background: #35a785;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);*/
}
@media only screen and (min-width: 1170px) {
  .common-popup-trigger {
    margin: 0em auto;
    overflow:auto;
  }
}
 .common-popup-container {
 position: relative;
    max-width: 30%;
    min-width: 23%;
    margin: 10em auto;
    background: #FFF;
	padding: 5px 15px;
    /* border-radius: .25em .25em .4em .4em; */
    border-radius: 1em 1em 1em 1em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: auto;
    text-align: center;
}
  }
 @media only screen and (min-width: 767px) {
 
 .common-popup-container {
 position: relative;
    width: 90%;
    max-width: 720px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 380px;
}}

.common-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.82);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 999999;
}
.common-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;

}


.common-popup-container p {
  padding: 0em 0em;
  text-align: center; 
  padding: 10px 10px;
}
.common-popup-container .common-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.common-popup-container .common-buttons li {
  float: left;
  width: 50%;
}
.common-popup-container .common-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.common-popup-container .common-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .common-popup-container .common-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.common-popup-container .common-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .common-popup-container .common-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.common-popup-container .common-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.common-popup-container .common-popup-close::before, .common-popup-container .common-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.common-popup-container .common-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.common-popup-container .common-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .common-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
  .common-popup-container {
    margin: 10em auto;
	padding: 15px 10px;
  }
}

/* .common-popup-ok{
    width: 200px;
    margin: 0px auto 0;
}
.common-popup-cancel{
    width: 200px;
    margin: 10px auto 0;
    margin-left: 40px;
} */
#commonTxt {
    word-wrap: break-word;
}
@media only screen and (min-width: 160px) {
.primary-button-common {
  width:131px;
  background: #0071b1;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 13px;
  border: none;
  text-align: center;
  border-radius:16px;
  height:25px;
  margin-left: 6px;
  margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
	 .primary-button-common {
    width: 120px;
    background: #0071b1;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 13px;
    border: none;
    text-align: center;
    border-radius: 16px;
    height: 25px;
    margin-left: 6px;
    margin-bottom: 20px;
}

.common-popup-container {
 max-width: 50%;
 min-width: 90%;

}
	
}

@media only screen and (min-width: 768px) and (max-width: 1000px) { 
	.common-popup-container {
 min-width: 40%;
}
	
}
/************************Common Popup End*******************************************************/
 
@media only screen and (min-height : 900px){
	.Expfooter-fixed {
	position: fixed !important; 
	bottom: 0 !important; 
	width: 100% !important; 
} 
	} 
	
	@media only screen and (min-height : 600px){
	.claimfooter-fixed {
	position: fixed !important; 
	bottom: 0 !important; 
	width: 100% !important; 
}
	}

	/********************Aps pop-up Start********************** */

.aps-popup-container {
 position: relative;
    width: 30%;
    max-width: 670px;
     margin: 5em auto;
    background: #FFF;
	padding: 5px 15px;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
     height: auto;
}
  }
 @media only screen and (max-width: 767px) {
 .aps-popup-container {
 position: relative;
    width: 80%;
    max-width: 370px;
    margin: 5em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    /* text-align: center; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height : 300px;
    overflow: auto;
}
}

/* -------------------------------- 

xpopup 

-------------------------------- */
.aps-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.82);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 9999;
  
}
.aps-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;

}


.aps-popup-container p {
  padding: 0em 0em;
}
.aps-popup-container .aps-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.aps-popup-container .aps-buttons li {
  float: left;
  width: 50%;
}
.aps-popup-container .aps-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.aps-popup-container .aps-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .aps-popup-container .aps-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.aps-popup-container .aps-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .aps-popup-container .aps-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.aps-popup-container .aps-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.aps-popup-container .aps-popup-close::before, .aps-popup-container .aps-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.aps-popup-container .aps-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.aps-popup-container .aps-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .aps-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
  .aps-popup-container {
    margin: 7em auto;
	padding: 15px 10px;
  }
}


.primary-button-aps {
  width:131px;
  background: #0071b1;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 13px;
  border: none;
  text-align: center;
  border-radius:16px;
  height:25px;
}
.primary-button-aps:hover {
  background: #00a3d9;
}
.primary-button-aps:active {
  background: #20506b;
}
.primary-button-aps.disabled, .primary-button-aps.activebtn {
  background: #aaa;
  color: #dcdcdc;
}

@media only screen and (min-width: 1170px) {
  .aps-popup-trigger {
    margin: 0em auto;
  }
}

/******************************Aps pop-up End***************************************************/

/******************* For new renew button added in manage policy page starts*******************/
.left-btn{
	float:left;
}
.renew-btn-new{
	float:right;
}
.renew-btn-new a{
	background: #ff6666;
	color: #fff;
	border: none;
}

.renew-btn-new:hover a{
  background: #cc0000;
  color: #fff;
}
  
 
 .active-btn{
  background: #00a651 !important;
  color: #fff; 
 }
  .active-btn:hover{
  background: #00a651 !important;
  color: #fff; 
 }
 .lang_selection_dashboard{
	float: right;
margin: -14px 5px 10px 0px;
font-weight: bold;
}
.langNotselected{
	color:#898C8F !important;
}
/******************* For new renew button added in manage policy page ends*******************/