/******************************************************
 * CSS override for CloudCraze.
 * Override any CSS provided by OOTB CloudCraze below
*******************************************************/
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,500");
html {
  font-family: "Fira Sans", sans-serif; }

body {
  font-family: "Fira Sans", sans-serif;
  background-color: #efefef;
  font-size: 18px;
  color: #474747;
  font-weight: 300; }

/* ----- COLORS */
.bg-color-1 {background: #e5202e;} /* red */
.bg-color-2 {background: #007ac3;} /* blue */
.bg-color-3 {background: #85bc20;} /* green */
.bg-color-4 {background: #474747;} /* gray */
.bg-color-5 {background: #009881;} /* dark green */
.bg-color-6 {background: #ea8f00;} /* orange */
.bg-color-7 {background: #940c72;} /* purple */
.bg-color-8 {background: #241866;} /* dark blue */
  
h1, .h1, h2, .h2, h3, .h3 {
  font-family: "FranziskaWebPro", sans-serif; }

p {
  font-size: 18px; }

strong {font-weight: 500;}
ul.multi-line li {margin-bottom: 0.7em;}
ul.multi-line li:last-child {margin-bottom: 0;}

.dropdown-menu li a {
  font-size: 18px;
  font-weight: 300; }

label {
  font-weight: 400; }

.form-control {
  font-size: 16px; }

.panel-default .panel-heading {
  font-size: 20px;
  font-weight: 100;
  font-family: "FranziskaWebPro", sans-serif; }

.table th {
  font-weight: 500; }

.table td .btn {
  font-size: 16px;
  padding: 5px 12px; }

.breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  padding-left: 4px; }

header .navbar-inverse {
  background-color: #fff; }
  header .navbar-inverse .navbar-nav li a:hover {
    color: #717171; }
  @media (max-width: 767px) {
    header .navbar-inverse .navbar-nav li a i {
      min-width: 30px;
      margin-left: 10px; } }
  header .navbar-inverse .navbar-myinfo ul li {
    font-size: 16px;
    color: #717171;
    text-decoration: none;
    font-weight: 300;
    padding-bottom: 2px; }
    @media (min-width: 1200px) {
      header .navbar-inverse .navbar-myinfo ul li {
        font-size: 20px;
        margin-right: 15px; } }
    @media (min-width: 1025px) {
      header .navbar-inverse .navbar-myinfo ul li {
        font-size: 18px;
        margin-right: 10px; } }
    @media (max-width: 767px) {
      header .navbar-inverse .navbar-myinfo ul li {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 5px;
        padding: 0 10px;
        font-size: 18px; } }
    header .navbar-inverse .navbar-myinfo ul li:hover {
      border-bottom: solid 2px #717171;
      margin-top: 2px; }
      @media (max-width: 767px) {
        header .navbar-inverse .navbar-myinfo ul li:hover {
          border-bottom: 0;
          margin-top: 0; } }
    header .navbar-inverse .navbar-myinfo ul li:last-child {
      margin-right: 0; }
      header .navbar-inverse .navbar-myinfo ul li:last-child:hover {
        border-bottom: solid 2px transparent;
        text-decoration: none; }
    header .navbar-inverse .navbar-myinfo ul li a:hover {
      text-decoration: none; }
    header .navbar-inverse .navbar-myinfo ul li .search-toggle {
      font-size: 20px;
      font-weight: 300;
      padding: 7px 12px;
      border-radius: 0px;
      color: #717171;
      text-decoration: none;
      background: none;
      border: none; }
      header .navbar-inverse .navbar-myinfo ul li .search-toggle:hover {
        background: #85bc20;
        color: #fff;
        margin-top: 2px; }
      header .navbar-inverse .navbar-myinfo ul li .search-toggle:active {
        background: #85bc20;
        color: #fff;
        margin-top: 2px; }

header .navbar-header.pull-right.cc_navbar-header.navbar-myinfo {
  float: left !important; }

header .navbar-default {
  background-color: #007ac3;
  border-color: #007ac3; }
  header .navbar-default .navbar-header .icon-bar {
    background-color: #fff; }
  header .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 300; }
    header .navbar-default .navbar-nav > li > a:hover {
      color: #fff;
      background-color: #006399; }
    header .navbar-default .navbar-nav > li > a.nav-title {
      pointer: auto;
      background: #85bc20; }
      header .navbar-default .navbar-nav > li > a.nav-title:hover {
        background: #85bc20;
        color: #fff; }
  header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #006399; }
  header .navbar-default .navbar-nav > li > .dropdown-menu {
    color: #fff;
    background-color: #006399;
    border-color: #006399;
    border-radius: 0; }
    header .navbar-default .navbar-nav > li > .dropdown-menu a {
      color: #fff;
      background-color: #006399; }

header .navbar-static-top {
  border-width: 0; }

header .nav-vertical {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 767px) {
    header .nav-vertical {
      display: block; } }

header .search-outer {
  position: relative;
  z-index: 1011; }
  header .search-outer .search {
    position: absolute;
    background: #85bc20;
    width: 100%;
    padding: 48px 64px; }
    header .search-outer .search .search-contain {
      margin: 0 auto; }
      @media (min-width: 1200px) {
        header .search-outer .search .search-contain {
          max-width: 1170px; } }
      header .search-outer .search .search-contain .navbar-form .input-group {
        width: 100%; }
        header .search-outer .search .search-contain .navbar-form .input-group input.form-control {
          font-size: 18px;
          color: #b1b1b1;
          padding: 0 16px;
          height: 48px;
          line-height: 48px;
          border: solid 1px #f6f6f6;
          border-radius: 0px;
          font-weight: 300; }
          @media (max-width: 767px) {
            header .search-outer .search .search-contain .navbar-form .input-group input.form-control::placeholder {
              font-size: 12px; } }
        header .search-outer .search .search-contain .navbar-form .input-group .input-group-btn {
          width: 80px; }
          header .search-outer .search .search-contain .navbar-form .input-group .input-group-btn button {
            border-color: #e5202e;
            background: #e5202e;
            color: #fff;
            display: block;
            float: left;
            text-align: center;
            line-height: 50px;
            font-size: 16px;
            padding: 0 32px;
            text-decoration: none;
            height: 49px; }

header .society-logo {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  header .society-logo img {
    max-height: 100px;
    background: #fff;
    max-width: 100%;
    margin: 0 auto;
    display: block; }

@media (max-width: 767px) {
  header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff; } }

.navbar-inverse {
  background-color: #757575;
  border-color: #757575; }

footer {
  background: #757575;
  padding: 64px 0 0; }
  footer h3 {
    font-size: 18px;
    line-height: 1.2em;
    color: #fff;
    opacity: 0.5;
    font-weight: 300;
    margin: 0 0 16px;
    padding: 0;
    font-family: "Fira Sans", sans-serif; }
  footer p {
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    font-weight: 300; }
  footer .link-section {
    margin-bottom: 48px; }
    footer .link-section ul {
      list-style: none;
      padding: 0; }
      footer .link-section ul li {
        margin: 0 0 16px;
        padding: 0; }
        footer .link-section ul li a {
          color: #fff;
          font-size: 20px;
          font-weight: 300;
          text-decoration: none;
          padding-bottom: 2px; }
          footer .link-section ul li a:hover {
            border-bottom: solid 2px; }
    footer .link-section.social {
      display: inline-block;
      margin-bottom: 0; }
      footer .link-section.social li {
        float: left;
        margin-right: 28px; }
        footer .link-section.social li:last-child {
          margin-right: 0; }
        footer .link-section.social li a {
          font-size: 30px;
          transition: linear 0.2s;
          padding-bottom: 0; }
          footer .link-section.social li a:hover {
            color: #85bc20;
            border-bottom: 0; }
  footer .newsletter-signup {
    background: #656565;
    padding: 20px;
    margin-top: 20px; }
    footer .newsletter-signup p {
      margin: 0; }
      footer .newsletter-signup p .btn {
        color: #fff;
        display: inline-block;
        text-decoration: none;
        line-height: 18px;
        font-size: 18px;
        width: auto;
        white-space: nowrap;
        font-weight: 400;
        transition: linear 0.2s background;
        cursor: pointer;
        -webkit-appearance: none;
        border: 0;
        border-radius: 0;
        margin-top: 12px;
        background: #85bc20;
        position: relative;
        padding: 23px 30px; }
  footer .sub-footer {
    background: #f6f6f6;
    margin: 50px -15px -64px;
    padding: 15px 0; }
    footer .sub-footer ul {
      margin: 0;
      padding: 0; }
      footer .sub-footer ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline;
        margin-right: 48px; }
        @media (max-width: 767px) {
          footer .sub-footer ul li span {
            display: block; } }
        footer .sub-footer ul li a {
          font-size: 15px;
          line-height: 38px;
          color: #414141;
          text-decoration: none;
          padding-bottom: 2px;
          font-weight: 300; }
          footer .sub-footer ul li a:hover {
            border-bottom: solid 2px; }
    footer .sub-footer span.copyright {
      font-size: 10px;
      color: #222;
      display: block; }

.wk-live-agent {
  bottom: 0;
  position: fixed;
  z-index: 1; }

.my-role {
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  background: whitesmoke;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .my-role .control {
    display: inline; }
    @media (max-width: 1024px) {
      .my-role .control {
        display: block;
        margin: 10px 0; } }
    .my-role .control .title {
      margin-right: 10px;
      font-weight: 300;
      font-size: 13px; }
      @media (max-width: 1024px) {
        .my-role .control .title {
          font-size: 18px; } }
    .my-role .control a.link {
      text-decoration: none;
      background: #3379b7;
      padding: 4px 8px;
      border-radius: 3px;
      font-weight: 300;
      font-size: 12px;
      color: #efefef; }
      .my-role .control a.link:hover {
        transition: .4s;
        background: #777777; }
      .my-role .control a.link:last-child {
        margin-right: 0; }
    .my-role .control .border-left {
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #ccc; }
      @media (max-width: 1024px) {
        .my-role .control .border-left {
          margin-left: 0;
          padding-left: 0;
          border-left: none; } }
    .my-role .control .dropdown {
      display: inline; }
      @media (max-width: 1024px) {
        .my-role .control .dropdown {
          float: right; } }
      .my-role .control .dropdown a {
        padding: 5px 12px;
        font-size: 12px; }
      .my-role .control .dropdown ul a {
        font-size: 18px; }
      .my-role .control .dropdown .dropdown-menu {
        max-height: 200px;
        overflow-y: scroll;
        min-width: 275px; }
        @media (max-width: 1024px) {
          .my-role .control .dropdown .dropdown-menu {
            right: 0;
            left: auto; } }
        .my-role .control .dropdown .dropdown-menu input {
          border: 0;
          width: 100%;
          border-radius: 0;
          padding: 8px; }
        .my-role .control .dropdown .dropdown-menu li > a {
          white-space: normal; }

.panel {
  border: 0;
  border-radius: 1px; }
  .panel .panel-title {
    font-weight: 400;
    font-family: "FranziskaWebPro", sans-serif;
    font-size: 28px; }

.breadcrumbs {
  margin-top: 20px;
  text-align: center; }
  .breadcrumbs .step {
    opacity: .4; }
    .breadcrumbs .step.active {
      opacity: 1;
      border-bottom: 1px solid #007ac3;
      padding-bottom: 5px; }
    .breadcrumbs .step .title {
      margin-right: 5px; }

.local-role .notice {
  background: #f5f5f5;
  width: 100%;
  padding: 10px 15px;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.local-role .parent-block .block, .local-role .parent-block .block2, .local-role .parent-block2 .block, .local-role .parent-block2 .block2 {cursor: pointer; transition: .4s;}
.local-role .parent-block .block.active, .local-role .parent-block .block2.active, .local-role .parent-block2 .block.active, .local-role .parent-block2 .block2.active {background: #007ac3; color: #fff; font-weight: 300; transition: .4s; }
 .local-role .parent-block .block.active .title, .local-role .parent-block .block2.active .title, .local-role .parent-block2 .block.active .title, .local-role .parent-block2 .block2.active .title {border-color: #007ac3; }
 
@media (max-width: 767px) {
	.local-role .parent-block .block .title, .local-role .parent-block .block2 .title, .local-role .parent-block2 .block .title, .local-role .parent-block2 .block2 .title {
	  font-size: 14px; } 
}

  .local-role .parent-role .role .sibling-group, .local-role .parent-role .role .sibling-group2, .local-role .parent-role2 .role .sibling-group, .local-role .parent-role2 .role .sibling-group2 {
    display: none;
    height: 0px;
    transition: .3s; }
  .local-role .parent-role .role .block, .local-role .parent-role .role .block2, .local-role .parent-role2 .role .block, .local-role .parent-role2 .role .block2 {
    cursor: pointer;
    transition: .4s;
  }

 .local-role .parent-role .role .block .user, .local-role .parent-role .role .block2 .user, .local-role .parent-role2 .role .block .user, .local-role .parent-role2 .role .block2 .user {float: left; width: 50px; margin-right: 20px;}
 
.local-role .parent-role .role .block .user img, .local-role .parent-role .role .block2 .user img, .local-role .parent-role2 .role .block .user img, .local-role .parent-role2 .role .block2 .user img {width: 50px;}

   .local-role .parent-role .role .block .title, .local-role .parent-role .role .block2 .title, .local-role .parent-role2 .role .block .title, .local-role .parent-role2 .role .block2 .title {font-size: 15px; font-weight: 500; margin-bottom: 3px;}
      
@media (max-width: 767px) {
.local-role .parent-role .role .block .title, .local-role .parent-role .role .block2 .title, .local-role .parent-role2 .role .block .title, .local-role .parent-role2 .role .block2 .title {
  font-size: 14px; } 
 }
    .local-role .parent-role .role .block .white, .local-role .parent-role .role .block2 .white, .local-role .parent-role2 .role .block .white, .local-role .parent-role2 .role .block2 .white {
      display: none; }
    .local-role .parent-role .role .block .black, .local-role .parent-role .role .block2 .black, .local-role .parent-role2 .role .block .black, .local-role .parent-role2 .role .block2 .black {
      display: block; }
  .local-role .parent-role .role .info, .local-role .parent-role2 .role .info {
    display: block;
    }
  .local-role .parent-role .role.active .info, .local-role .parent-role2 .role.active .info {
    display: none; }
  .local-role .parent-role .role.active .block, .local-role .parent-role .role.active .block2, .local-role .parent-role2 .role.active .block, .local-role .parent-role2 .role.active .block2 {
    background: #007ac3;
    color: #fff;
    font-weight: 300;
    transition: .4s; }
    .local-role .parent-role .role.active .block .title, .local-role .parent-role .role.active .block2 .title, .local-role .parent-role2 .role.active .block .title, .local-role .parent-role2 .role.active .block2 .title {
      border-color: #007ac3; }
    .local-role .parent-role .role.active .block .white, .local-role .parent-role .role.active .block2 .white, .local-role .parent-role2 .role.active .block .white, .local-role .parent-role2 .role.active .block2 .white {
      display: block; }
    .local-role .parent-role .role.active .block .black, .local-role .parent-role .role.active .block2 .black, .local-role .parent-role2 .role.active .block .black, .local-role .parent-role2 .role.active .block2 .black {
      display: none; }
  .local-role .parent-role .role.active .sibling-group, .local-role .parent-role .role.active .sibling-group2, .local-role .parent-role2 .role.active .sibling-group, .local-role .parent-role2 .role.active .sibling-group2 {
    display: block;
    height: 100%;
    transition: .3s; }


  .local-role .sibling-group .sibling-block .country, .local-role .sibling-group .sibling-block .profession, .local-role .sibling-group .sibling-block2 .country, .local-role .sibling-group .sibling-block2 .profession, .local-role .sibling-group2 .sibling-block .country, .local-role .sibling-group2 .sibling-block .profession, .local-role .sibling-group2 .sibling-block2 .country, .local-role .sibling-group2 .sibling-block2 .profession {
    padding: 10px;
    transition: .4s;
    cursor: pointer; }
  .local-role .sibling-group .sibling-block.active .country, .local-role .sibling-group .sibling-block.active .profession, .local-role .sibling-group .sibling-block2.active .country, .local-role .sibling-group .sibling-block2.active .profession, .local-role .sibling-group2 .sibling-block.active .country, .local-role .sibling-group2 .sibling-block.active .profession, .local-role .sibling-group2 .sibling-block2.active .country, .local-role .sibling-group2 .sibling-block2.active .profession {
    background-color: #b1b1b1;
    color: #fff;
    transition: .4s; }
.local-role .sibling-group .sibling-block:hover {background: #b1b1b1; color: #fff;}
.local-role .location {margin-bottom: 40px;}
.local-role .role {cursor: pointer; min-height: 100px; transition: background 0.2s linear;}
.local-role .role.active {cursor: default;}
.local-role .description {overflow: hidden;}
.local-role .info p {font-size: 15px;}
.local-role .setBlock {margin-top: 20px; display: flex; flex-wrap: wrap;}
.local-role .setBlock > div {width: 50%;}
.local-role .roletemp {padding: 20px;}
.local-role .roletemp.active {background-color: #007ac3; color: #fff;}
.local-role .roletemp:hover {background-color: #007ac3; color: #fff;}
/*.local-role .parent-role .roletemp:hover .block .black {display: none;}
.local-role .parent-role .roletemp:hover .block .white {display: block;}*/
.local-role .role.active .user {display: none;}
.show-prof-dropdown {background: #f2f2f2; color: #747474; margin-top: 4px; display: none; position: relative;}
.local-role .role.active .show-prof-dropdown {display: block;}
.show-prof-dropdown .shown-text {padding: 10px; width: 100%;}
.show-prof-dropdown .default-text {float: left;}
.show-prof-dropdown .shown-text:hover {background: #b1b1b1; color: #fff;}
.show-prof-dropdown .shown-text .fa {float: right; margin: 3px 10px;}
.show-prof-dropdown .fa-angle-up {display: none;}
.local-role .parent-role .role.active .show-prof-dropdown .sibling-group {display: block;}
.local-role .panel-body {padding: 20px;}
.local-role .panel h3 {font-family: "Fira Sans", sans-serif; font-size: 18px; font-weight: 400; margin: 1.5em 0 0;}
.local-role .controls {clear: both;}
.forgotPass {font-size: 15px;}
body .local-role .parent-role .role.active .show-prof-dropdown .sibling-group {display: none;}
.show-prof-dropdown.active .fa-angle-down {display: none;}
.show-prof-dropdown.active .fa-angle-up {display: block;}
.show-prof-dropdown .sibling-group {position: absolute; width: 100%;}
.show-prof-dropdown .sibling-block {background: #f2f2f2;}
.show-prof-dropdown.active .selected-text {display: none;}
.show-prof-dropdown.active .default-text {display: block;}
.show-prof-dropdown.selected .default-text {display: none;}
.show-prof-dropdown.selected.active .default-text {display: block;}
.local-role .role.active.no-select .show-prof-dropdown {display: none;}
.local-role .role.active.no-select {display: flex; justify-content: center; flex-direction: column; text-align: center;}
@media screen and (max-width: 600px){
	.local-role .setBlock > div {width: 100%;}
}

#page-loader {z-index: 1100; position: fixed; top: 45%; padding: 20px; background: #fff; border-radius: 100px; width: 72px; left: 50%; margin-left: -36px; box-sizing: border-box;}

.panel .wk-offset {font-size: 18px; font-family: "Fira Sans", sans-serif; position: relative; left: -10px; display: inline-block; padding: 12px; margin: 0; color: #fff; font-weight: 400;}

	
.local-role .controls {
  margin-top: 30px; }

.kit-group-name-control {
  font-size: 18px;
  font-weight: 500; }

.dynamic-kit .kit-contain {
  text-align: center;
  border: 1px solid #dfdfdf;
  min-height: 350px !important;
  margin-bottom: 15px;
  padding-top: 5px;
  position: relative; }
  
  #orderHistoryTable .myAccOrderRows .btn-default.btn-sm {width: 100%; margin-bottom: 5px;}

.my-account .form-group .control-label {
  text-align: left; }

.my-account .form-group input[type="checkbox"] {
  margin-top: 4px; }

.my-account .form-group .form-control {
  height: 34px; }
  .my-account .form-group .form-control select[multiple] {
    height: 34px; }
  .my-account .form-group .form-control select[size] {
    height: 34px; }

.my-registration .form-control {
  height: 34px; }
  .my-registration .form-control select[multiple] {
    height: 34px; }
  .my-registration .form-control select[size] {
    height: 34px; }

.my-registration select[size] {
  height: 34px; }

.gpa .gpa-selection .price {
  font-size: 20px;
  margin-bottom: 10px; }

.gpa .gpa-selection .description {
  margin-bottom: 10px; }

.gpa .gpa-selection .selection input {
  display: none; }

.gpa .gpa-selection .selection .active {
  background: #fff;
  box-shadow: none;
  color: #474747; 
  border: solid 1px #474747;}
  
 .gpa .gpa-selection .selection .active::before {display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 5px;}
.gpa .gpa-selection .selection .active::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";}

.gpa .gpa-user hr {
  margin-top: 15px;
  margin-bottom: 15px; }

.gpa .term .panel-default, .gpa .addon .panel-default {
  min-height: 200px; }

.gpa .flex-table {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  width: 100%;
  padding: 5px; }
  .gpa .flex-table div {
    padding: 10px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all; }
    .gpa .flex-table div.item {
      width: 45%; }
    .gpa .flex-table div.qty {
      width: 28%; }
    .gpa .flex-table div.amt {
      width: 27%; }
    .gpa .flex-table div strong {
      font-size: 16px; }

.paymentTypeContainer .addressBlock .add-address-row {padding: 0 0 0 4px; margin-bottom: 20px; font-size: 15px;}

.paymentTypeContainer .addressBlock select.address {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.paymentContainer .addressBlock a.addressAdd {
  padding: 12px 18px;
  border-radius: 0;
  background: #85BC20;
  color: #fff;
  border: none;
  display: block;
  width: 140px;
  margin-bottom: 10px; }

.stateSection select.state, .stateSection input.state {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.dynamic-select-override select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.label-child-left .form-group label {
  text-align: left; }

.form-group.total-line-break {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px; }
  @media (max-width: 767px) {
    .form-group.total-line-break {
      padding: 10px 0 5px; } }

.hr-form {
  border-top: 1px solid #ccc;
  padding-bottom: 10px;
  margin-top: 10px; }

.btn-default.btn-sm, .btn-default.btn {
  font-size: 18px;
  padding: 12px 18px;
  border-radius: 0;
  background: #757575;
  color: #fff;
  border: none;
  font-weight: 300; 
  margin-bottom: 0;}
  .btn-default.btn-sm:hover, .btn-default.btn:hover {
    background: #8c8577; }

.btn-primary.btn-sm, .btn-primary.btn {
  font-size: 18px;
  padding: 12px 18px;
  border-radius: 0;
  background: #85BC20;
  color: #fff;
  border: none;
  font-weight: 300; }
  .btn-primary.btn-sm:hover, .btn-primary.btn:hover {
    background: #8FC922; }
	
.add-address-row {margin-top: 10px;}

.btn-danger.btn-sm, .btn-danger.btn {
  font-size: 18px;
  padding: 12px 18px;
  border-radius: 0;
  background: #e5202e;
  color: #fff;
  border: none;
  font-weight: 300; }
  .btn-danger.btn-sm:hover, .btn-danger.btn:hover {
    background: #ed656e; }

.btn-orange.btn {
  font-size: 18px;
  padding: 12px 18px;
  border-radius: 0;
  background: #85BC20;
  color: #fff;
  border: none;
  font-weight: 300; }
  .btn-orange.btn:hover {
    background: #8FC922; }

    .wk-notice {background: #000; color: #fff; padding: 40px 20px; margin: 20px 20px 40px 20px;}
    .wk-notice .text-image-row {display: flex;}
    .wk-notice .text-image-row .text {width: 65%; border-top: solid 5px #007ac3; margin-right: 5%; padding: 20px 0 0;}
    .wk-notice .text-image-row .image {width: 30%; border-top: solid 5px #e5202e; padding: 20px 3% 20px;}
    .wk-notice .text-image-row .image img {width: 100%; max-width: 120px; display: block; margin: 0 auto;}
    .wk-notice > p:last-child {margin-bottom: 0;}

.form-group.form-inline .btn-default.btn-sm {
  padding: 6px 10px;
  font-weight: 300; }

#cc_pgcs_sopcc_modal_Address .error {
  color: #d33;
  background-color: #f3dede; }

.ccpgcs-Address-messagingSection-Error {
  padding: 15px; }

.cart_item_list .price.cc_price {
  text-align: right; }

.reviewCartSection .total.cc_total, .reviewCartSection .price_block.cc_price_block, .reviewCartSection .item_title.coupon_title.cc_coupon_title, .reviewCartSection .cc_item_price, .reviewCartSection .cc_item_total, .orderContainer .total.cc_total, .orderContainer .price_block.cc_price_block, .orderContainer .item_title.coupon_title.cc_coupon_title, .orderContainer .cc_item_price, .orderContainer .cc_item_total {
  text-align: right; }

.reviewCartSection span.cc_subTotal, .reviewCartSection span.cc_tax, .reviewCartSection span.cc_total_amount, .reviewCartSection span.cc_price, .reviewCartSection span.cc_total, .reviewCartSection span.cc_value, .orderContainer span.cc_subTotal, .orderContainer span.cc_tax, .orderContainer span.cc_total_amount, .orderContainer span.cc_price, .orderContainer span.cc_total, .orderContainer span.cc_value, .cc_total .total-amount {
  width: 110px;
  display: inline-block; }

.reviewCartSection table tr td span.cc_subTotal, .reviewCartSection table tr td span.cc_tax, .reviewCartSection table tr td span.cc_total_amount, .reviewCartSection table tr td span.cc_price, .reviewCartSection table tr td span.cc_total, .reviewCartSection table tr td span.cc_value, .orderContainer table tr td span.cc_subTotal, .orderContainer table tr td span.cc_tax, .orderContainer table tr td span.cc_total_amount, .orderContainer table tr td span.cc_price, .orderContainer table tr td span.cc_total, .orderContainer table tr td span.cc_value {
  width: inherit;
  display: inherit; }

.orderContainer .total.cc_total, .orderContainer .price_block.cc_price_block, .orderContainer .item_title.coupon_title.cc_coupon_title, .orderContainer .cc_item_price, .orderContainer .cc_item_total, .orderContainer .cc_Adjustment {
  text-align: right; }

.orderContainer span.cc_subTotal, .orderContainer span.cc_tax, .orderContainer span.cc_total_amount, .orderContainer span.cc_price, .orderContainer span.cc_total, .orderContainer span.cc_value, .orderContainer span.cc_adjustment {
  width: 110px;
  display: inline-block; }
  
  
/* PDP Product Detail Page */
.promo-coupon {text-align: center; border-top: solid 5px #ddd; border-bottom: solid 5px #ddd; padding-top: 8px; padding-bottom: 8px; margin: 0 auto 15px; max-width: 250px;}    
.promo-coupon .promo-head {font-size: 24px; font-weight: bold; margin: 0; padding: 0; margin-bottom: 10px;}
.promo-coupon p {margin: 0; padding: 0;}
.promo-coupon .discount {color: #ea8f00; font-weight: bold; font-size: 46px; line-height: 1em; padding-left: 30px;}
.promo-coupon .code {font-size: 18px; font-weight: 400; line-height: 1em; margin: 5px auto;}
.promo-coupon .code span {color: #85bc20; font-size: 1.5em; font-weight: bold;}
.promo-coupon .notes {font-size: 10px;}
.promo-coupon .percent {font-size: 0.5em; vertical-align: top; position: relative; top: -13px;}
.promo-coupon .discount-amount {font-size: 1.6em;}
.promo-coupon .off {left: -30px; position: relative;}

.promo-coupon-society {background: #007ac3; color: #fff; text-align: center; padding: 20px 0;}
.promo-coupon-society p {padding: 0 10px; margin: 5px 0; font-size: 16px; line-height: 1.6em;}
.promo-coupon-society .promo-head {font-size: 24px; line-height: 1.2em; margin-bottom: 6px;}
.promo-coupon-society .highlight {color: #85bc20; font-weight: 500; font-size: 24px; margin-bottom: 0; margin-top: 0; line-height: 1.1em;}
.promo-coupon-society .on-text {margin-top: 0; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; font-size: 24px; line-height: 1.1em;}
.promo-coupon-society .main-text {margin-top: 6px; margin-bottom: 3px; padding-top: 0; padding-bottom: 0; font-size: 24px; line-height: 1.1em;}
.promo-coupon-society .member-discount-text {margin: 20px 0;}
.promo-coupon-society .notes {font-size: 12px;}

.cc_promo .cc_body > .promo-coupon:last-child {margin-bottom: 0;}

.price_per_day, .discount-off-standard  {font-size: 0.8em; font-weight: 500; padding-left: 6px;}

div.expand h3 {
	  font-family: "Fira Sans", sans-serif;
      padding: 14px 40px 14px 15px;
      margin: 0;
      font-size: 16px;
      cursor: pointer;
      color: #474747;
      text-transform: uppercase;
      position: relative;
      font-weight: 400;
      transition: linear 0.2s background;
  }

  div.expand h3 img {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 0;
  }

  div.expand h3:hover {
      background: #eee;
  }

  div.expand h4 {
      font-size: 18px;
      padding: 0 15px;
      margin-bottom: 0;
      margin-top: 0.5em;
  }

  div.expand ul {
      padding-right: 10px;
  }

  div.expand ul ul {
      padding-left: 0;
  }

  div.expand h4 + ul {
      padding-top: 0;
      margin-top: 0;
  }

  .expand .expand-arrow {
      height: 20px;
      width: 20px;
     /* background: url({!URLFOR($Resource.CC_Theme_CDI_Storefront, '/images/expand_sp.png')}) no-repeat;*/
	 background: url('../images/expand_sp.png') no-repeat;
      background-position: bottom;
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 10px;
  }

  .expand.active .expand-arrow {
      background-position: top;
  }

  div.expand {
      background: #F2F2F2;
      margin: 0 0 15px;
      padding-bottom: 1px;
  }

  div.expand p {
      padding: 0 15px;
  }

  div.expand p.footnote {
      padding-top: 10px;
  }

  div.expand h3 img {
      float: right;
      display: block;
      margin: 5px 15px 0 0;
  }

  div.expand.active h3 img {
      display: none;
  }

  div.expand p {
      margin-top: 0;
      padding-top: 0;
  }

  div.expand.active h3:hover {
      background: #E2E2E2;
  }
  
.stat-list > div {display: flex; margin-bottom: 6px; position: relative;}
.stat-list {margin-bottom: 8px;}
.stat-list dt {width: 100%; color: #fff; margin: 0; padding: 0; position: relative;}
.stat-list dd {color: #afafaf; font-weight: bold; text-align: center; margin: 0; padding: 0.3em 0.5em; width: 40px; box-sizing: border-box; align-items: center; display: flex; font-weight: 500;}
.stat-list dt span {display: block; padding: 0.3em 0.5em; box-sizing: border-box; z-index: 2; position: relative; font-size: 14px; font-weight: 400;}
.stat-list .stat-bg {position: absolute; top: 0; bottom: 0; left: 0; transition: linear 2s; width: 0;}
.stat-list > div:nth-child(4n + 1) dt {background: rgba(0,131,202,0.3);}
.stat-list > div:nth-child(4n + 1) .stat-bg {background: rgba(0,131,202,1);}
.stat-list > div:nth-child(4n + 2) dt {background: rgba(94,168,220,0.3);}
.stat-list > div:nth-child(4n + 2) .stat-bg {background: rgba(94,168,220,1);}
.stat-list > div:nth-child(4n + 3) dt {background: rgba(127,194,65,0.3);}
.stat-list > div:nth-child(4n + 3) .stat-bg {background: rgba(127,194,65,1);}
.stat-list > div:nth-child(4n + 4) dt {background: rgba(177,214,138,0.3);}
.stat-list > div:nth-child(4n + 4) .stat-bg {background: rgba(177,214,138,1);}
.stat-list dt span {transition: linear 2s;}
.stat-list-wrap h4 {font-size: 14px;}
.stat-list-wrap .stat-footnote {font-size: 11px;}


/* Checkout */
.checkoutContent .payment-section {padding: 30px; margin: 30px 0; background: #f2f2f2; border: solid 1px #ddd;}
.checkoutContent .wk-footer-table {margin-top: 30px; border-top: solid 1px #ddd; padding-top: 10px;}
.checkoutContent .wk-footer-table p {font-size: 12px; color: #747474;}

#searchSubscriptionForm select.paymentMethod.form-control.cc_payment_method {
  height: 34px;
  margin-bottom: 10px; }

.btn.cc_checkout_btn {background-color: #85BC20;}
.btn.cc_checkout_btn:hover {background-color: #8FC922;}

.btn.cc_process_user_info {background-color: #85BC20;}
.btn.cc_process_user_info:hover {background-color: #8FC922;}

.btn.cc_process_review {background-color: #85BC20;}
.btn.cc_process_review:hover {background-color: #8FC922;}

.btn.sopccMakePayment {background-color: #85BC20;}
.btn.sopccMakePayment:hover {background-color: #8FC922;}

.btn.brand-orange {background-color: #85BC20;}
.btn.brand-orange:hover {background-color: #8FC922;}

.btn.brand-red {
  background-color: #e5202e; }

.btn.brand-blue {background-color: #007ac3;}
 .btn.brand-blue:hover {background-color: #11a6ff;}

.btn.brand-green {
  background-color: #85bc20; }

.m-t {
  margin-top: 20px; }

.m-b {
  margin-bottom: 20px; }

.m-l {
  margin-left: 20px; }

.m-r {
  margin-right: 20px; }

.m-t {
  margin-top: 20px; }

.m-b {
  margin-bottom: 20px; }

.m-l {
  margin-left: 20px; }

.m-r {
  margin-right: 20px; }

.m-t-sm {
  margin-top: 10px; }

.m-b-sm {
  margin-bottom: 10px; }

.m-l-sm {
  margin-left: 10px; }

.m-r-sm {
  margin-right: 10px; }

.m-t-sm {
  margin-top: 10px; }

.m-b-sm {
  margin-bottom: 10px; }

.m-l-sm {
  margin-left: 10px; }

.m-r-sm {
  margin-right: 10px; }

.m-t-xs {
  margin-top: 5px; }

.m-b-xs {
  margin-bottom: 5px; }

.m-l-xs {
  margin-left: 5px; }

.m-r-xs {
  margin-right: 5px; }

.m-t-xs {
  margin-top: 5px; }

.m-b-xs {
  margin-bottom: 5px; }

.m-l-xs {
  margin-left: 5px; }

.m-r-xs {
  margin-right: 5px; }

.clearfix {
  content: "";
  display: table;
  clear: both; }

.grey-container {
  background: #f5f5f5;
  padding: 15px;
  margin-bottom: 20px; }

.text-break-word {
  word-break: break-word !important; }

.tablet.hide-large {
  display: none; }
  @media (max-width: 1024px) {
    .tablet.hide-large {
      display: block; } }

.tablet.view-large {
  display: none; }
  @media (min-width: 1025px) {
    .tablet.view-large {
      display: block; } }
	  
@media screen and (max-width: 1200px){
    .tab-links li a {font-size: 15px;}
}

@media screen and (max-width: 480px){
	.product_detail .kitGroupContent .cc_pricing {clear: both; padding-left: max(30px, 8.333333333%);}
	.product_detail .kitGroupContent .cc_pricing .col-xs-4 {width: auto;}
	.product_detail .kitGroupContent .cc_name.col-xs-7 {width: 80%;}
}

@media print {
  table.report {
    page-break-after: auto; }
    table.report tr {
      page-break-after: auto; }
    table.report td {
      page-break-after: auto;
      white-space: pre-wrap;
      word-break: break-word; }
    table.report thead {
      display: table-header-group; }
    table.report tfoot {
      display: table-footer-group; } }