/* ============================= */


/*       Create by Edmond        */


/* ============================= */


/* ================================  */


/* Container CSS
/* ================================ */

.main-content-container {
  margin: 0 auto -404px;
  min-height: 100%;
  padding: 25px 0;
}

.main-content-container:after {
  content: "";
  display: block;
  /*height: 404px;*/
}

.nopadding-container .main-content-container {
  padding: 0;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.reference {
  padding: 2rem 0;
  color: #999;
  border-top: 1px solid #ccc;
}


/* Sunsport MIR */

.sunsport-image {
  width: 100%;
  float: none;
}

.sunsport-image .sun-background {
  width: 100%;
  display: block;
}

.color-for-your-face {
  display: flex;
}

.image-btn-group {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  float: none;
}

.image-btn-group .btn-image {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  letter-spacing: 0.1em;
  cursor: pointer;
  border: 3px solid #ccc;
  white-space: nowrap;
  line-height: 24px;
  border-radius: 4px;
  transition: .2s all ease;
  background: #fff;
  margin: 2px;
  width: 76px;
  font-size: 9px;
  padding: 3px;
}

.sunsport-btn .btn-image>img {
  width: 30px;
  height: 30px;
}

.colour-btn .btn-image {
  font-size: 10px;
}

.colour-btn .btn-image>img {
  width: 20px;
  height: 20px;
}

.btn {
  margin-top: 15px;
}

.bth>div {
  display: block;
  width: 100%;
  height: 100%;
}

.sunsport-image .sun-background {
  width: 100%;
  min-height: 300px;
  display: block;
}

@media (min-width: 1095px) {
  .sunsport-btn .btn-image {
    font-size: 13px;
  }
  .sunsport-btn .btn-image>img {
    width: 70px;
    height: 70px;
  }
  .sunsport-image {
    width: 580px;
    float: left;
  }
  .sunsport-image .sun-background {
    height: 580px;
    min-height: 300px;
    display: block;
  }
  .colour-btn .btn-image>img {
    width: 50px;
    height: 50px;
  }
  .image-btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    width: 40%;
    float: left;
  }
  .image-btn-group .btn-image {
    display: inline-block;
    text-align: center;
    touch-action: manipulation;
    letter-spacing: 0.1em;
    cursor: pointer;
    border: 3px solid #ccc;
    white-space: nowrap;
    font-size: 11px;
    line-height: 24px;
    border-radius: 4px;
    transition: .2s all ease;
    background: #fff;
    padding: 8px;
    margin: 2px;
    width: 68px;
  }
  #body-container {
    height: calc(100% - 188px);
  }
}

.image-btn-group .btn-image:hover, .image-btn-group .btn-image-selected {
  color: #14a5eb;
  border: 3px solid #14a5eb;
}


/* ====== NXT =====*/

blockquote.quote {
  display: inline-block;
  font-style: normal;
  color: #565452;
  font-size: 12px;
  background: #f5f5f5;
  padding: 15px 25px;
  margin: 0;
  border: 0;
  width: calc(100% - 50px);
}

blockquote.quote ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

blockquote.quote ul li {
  font-size: 12px;
}

.red {
  color: red;
}

.right-block {
  float: left;
  width: 30%;
}

.left-block {
  float: left;
  width: 70%;
}

@media (min-width: 1200px) {
  .col-lg-11 {
    width: 90%;
    margin-left: 5%;
  }
}


/**********  SubNav ****************/

.subnav-container {
  /*  padding-top: 138px; */
}

.sitemap ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 1rem;
  margin: 0 .5rem 1rem 0;
}

.sitemap li {
  margin: 1rem 1rem 0 0;
  padding: 0 1rem 0 0;
  border-right: 1px solid #999;
  line-height: 1rem;
  height: 1rem;
}

.sitemap li a {
  white-space: nowrap;
}

.sitemap li:first-child {
  padding: 0 1rem 0 0;
}

.sitemap li:last-child {
  border: 0;
}


/**********  Simulation ************/

.simulation-container {
  max-width: 67.2rem;
  margin: 0 auto;
  text-align: justify;
}

.slogan {
  text-align: center;
  padding: 1rem;
  font-size: 1.4rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.btn-container {
  text-align: center;
}

.youtube {
  height: 220px;
}

.simulation-loader {
  background: #efefef;
}

.simulation-loader img, .simulation-loader canvas {
  width: 100%;
  margin: 0;
}

.simulation-container article {
  padding: 0;
}

.simulation-container+.content-container {
  padding: 1rem 3rem;
}

.vision-center {
  width: 100%;
  margin: -25px 0 2rem;
}


/* == News == */

.press_table {
  font-size: 2rem;
  display: table;
  width: 100%;
  margin-top: 50px;
}

.press_table .press_table_row {
  display: table-row;
}

.press_table .press_table_row .press_table_col {
  display: table-cell;
  padding: 1.5% 3% 1.5% 3%;
}

.press_table .title {
  background-color: #0052A4;
}

.press_table .press_table_row.title .press_table_col {
  color: #ffffff;
}

.press_table .col1 {
  width: 15%;
  border-right: 1px solid #fff;
}

.press_table .col2 {
  width: 80%;
}

.press_table .border_bottom {
  border-bottom: solid 1px #808080;
}

.press_table .border_bottom1 {
  border-bottom: solid 1px #808080;
}


/* == Question == */

.sc-table-question {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sc-table-question td {
  border: 1px #222 solid;
  padding-left: 10px;
  padding-right: 10px;
}

.sc-table-question thead td, .sc-table-title {
  color: black;
  font-weight: bold;
}


/* == Eye Vision ==*/

.eyes-list ul {
  padding: 2rem 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  list-style: none;
}

.eyes-list ul li.items {
  margin: 0 10px 10px 0;
  width: 30%;
  min-width: 320px;
  min-height: 100px;
  flex: 1;
  -webkit-flex: 1;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
  transition: 0.5s;
  z-index: 400;
}

.eyes-list ul li.items a {
  padding: 2.5rem 2rem;
  line-height: 2rem;
  margin-bottom: 1rem;
  display: block;
  letter-spacing: 0.02em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #242424;
}

.eyes-list ul li.items span {
  margin: .5rem 0 0;
  line-height: 1.3rem;
  display: block;
  word-break: normal;
}

.eyes-list ul.test li.items a {
  padding: 1rem;
}

.eyes-list ul.test li.items a.record {
  padding: 0.5rem;
  margin: 0 1rem 1rem;
  line-height: normal;
  background: #eee;
  text-align: center;
}

.eyes-list ul li.items h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.eyes-list ul li.items:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 399;
}

.eyes-list ul.test li.items a.record:hover {
  background: #ccc;
}

@media (max-width: 767px) {
  .eyes-list ul {
    display: block;
    margin: 0;
  }
  .eyes-list ul li.items {
    width: 100%;
    min-width: 100%;
  }
}

.num-list {
  text-align: left;
  padding: 0 0 30px 20px;
  list-style: decimal;
}

.num-list>li {
  color: #303030;
  position: relative;
  line-height: 1.3rem;
  font-size: 0.85rem;
}



.lead {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

*+.lead {
  margin-top: 15px;
}

.stepContainer {
  min-height: 60px;
}

.swMain ul.anchor li a {
  width: 58px!important;
}

.swMain ul.anchor li a .stepNumber {
  width: 100%!important;
}

.final-result {
  display: none;
  margin-top: 50px;
  transition: .5s all ease;
}

#testCanvas, #golfCanvas, #outdoorCanvas, #maxspeedCanvas, #oragneCanvas, #polarCanvas, #golfloverCanvas, #actionbCanvas {
  width: 100%!important;
}

.sc-btn-primary {
  font-size: 12px!important;
  font-variant: normal;
}

#finish-questions {
  margin: 30px 0 0;
}

.text-primary {
  color: #337ab7;
}

.text-bold {
  font-weight: bold;
  letter-spacing: 0.02em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #444;
}

.stressfree {
  max-width: 800px;
  margin: 0 auto;
}


/* == Language == */

#language-container {
  position: absolute;
  top: 0.6rem;
  left: 3rem;
  line-height: 0;
}

#language-container li {
  font-size: 0.9rem;
  line-height: 1.2rem;
  margin-right: 2rem;
  color: #000000;
  -webkit-text-stroke: rgba(0, 0, 0, 0.1);
  vertical-align: top;
  display: inline-block;
  float: left;
}

#vision-container {
  position: absolute;
  top: 0.06rem;
  right: 2rem;
  display: inline-block;
}

#contact-popup .wrapper {
  background: #fff;
  padding: 2rem;
  margin: -100px auto;
  width: 600px;
  -webkit-transition-duration: 0.8s;
  /* Safari */
  -moz-transition-duration: 0.8s;
  /* Moz */
  -o-transition-duration: 0.8s;
  /* O */
  transition-duration: 0.8s;
}

#contact-popup .title {
  font-family: Futura Pt, Trebuchet MS, Arial, sans-serif;
  margin: 0.2rem 0;
  font-size: 1.75rem;
  line-height: 2rem;
  height: 1.9rem;
  display: block;
  text-transform: uppercase;
}

#contact-popup dl {
  padding: 2rem 0 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

#contact-popup dt, #contact-popup dd {
  padding: 0 1rem 1rem 0;
}

#contact-popup dt {
  width: 30%;
  vertical-align: top;
}

#contact-popup dd {
  width: 60%;
}

.small-btn {
  padding: 1rem;
  background: #f5f5f5;
  cursor: pointer;
}

.small-btn:hover {
  background: #ddd;
}

#contact-popup .contact-close {
  float: left;
}

#contact-popup .contact-submit {
  float: right;
}

#contact-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1000;
  display: none;
}


/* subnav */

.subnav-container .container {
  padding: 0;
}

.subnav-container .container>.intro {
  display: block;
  width: 215px;
  background: #000;
  height: 270px;
  padding: 20px;
  position: absolute;
}

.subnav-container .container>.intro p, .subnav-container .container>.intro h1 {
  color: #fff;
}

.subnav-container .container>ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 270px;
}

.subnav-container .container>ul li {
  width: 284px;
  height: 350px;
  overflow: hidden;
  margin: 0 16px 16px 0;
  display: block;
  position: relative;
}

.subnav-container .container>ul li img {
  position: absolute;
}

.subnav-container .container>ul li a {
  position: absolute;
  width: 244px;
  top: 280px;
  height: 330px;
  transition: 400ms;
  padding: 10px 20px;
  background: rgba(0, 0, 0, .8);
}

.subnav-container .container>ul li a h2, .subnav-container .container>ul li a span {
  color: #fff;
}

.subnav-container .container>ul li a p {
  color: #b4b4b4;
  font-size: 0.9rem;
}

.subnav-container .container>ul li a h2 {
  margin: 0 0 15px;
  font-size: 1.35rem;
  line-height: 50px;
}

.subnav-container .container>ul li a h2.long {
  line-height: 25px;
}

.subnav-container .container>ul li:hover a {
  top: 0px;
}

.subnav-container .container>ul li a span {
  position: absolute;
  bottom: 10px;
}

@media (max-width: 980px) {
  .subnav-container .main-content-container {
    padding: 0;
  }
  .subnav-container .container>.intro {
    position: relative;
    width: calc(100% - 40px);
    height: auto;
  }
  .subnav-container .container>ul {
    width: calc(100% - 2rem);
    padding: 1rem;
    margin: 0;
    justify-content: center;
  }
}


/* == Respontive == */


/***** iPad *****/

@media (max-width: 767px) {
  .youtube {
    height: auto;
    width: 100%;
  }
  #about-navigation {
    display: block!important;
    position: relative!important;
    width: 100%!important;
    float: none!important;
  }
}

@media (max-width: 768px) {
  .sc-address-title {
    display: none;
  }
  .btn {
    display: block!important;
  }
  .language .select {
    width: 90%;
    margin: 0 auto;
  }
  .language .select li a {
    display: block;
    font-size: 1.2rem;
    padding: 2rem;
  }
}


/* Vision Center Btn */

#vision-center-info {
  position: absolute;
  right: 0;
  top: 0;
}

.right-top-info {
  right: 100px;
  display: inline-block;
  width: 170px;
  height: 32px;
}

.right-top-info .vc-btn {
  padding: 0;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzAgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE3MCAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMwMDVEQUE7fQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntvcGFjaXR5OjAuMjQ7ZmlsbDojNzNCOEM5O2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQoJLnN0M3tvcGFjaXR5OjAuMTU7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgo8dGl0bGU+dmNfYnRuPC90aXRsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTcuMiwwaDE1NS41YzQsMCw3LjIsMy4yLDcuMiw3LjJ2MTcuNWMwLDQtMy4yLDcuMi03LjIsNy4ySDcuMmMtNCwwLTcuMi0zLjItNy4yLTcuMlY3LjJDMCwzLjIsMy4yLDAsNy4yLDB6IgoJLz4KPGc+Cgk8Zz4KCQk8ZGVmcz4KCQkJPHBhdGggaWQ9IlNWR0lEXzFfIiBkPSJNNy4yLDBoMTU1LjVjNCwwLDcuMiwzLjIsNy4yLDcuMnYxNy41YzAsNC0zLjIsNy4yLTcuMiw3LjJINy4yYy00LDAtNy4yLTMuMi03LjItNy4yVjcuMgoJCQkJQzAsMy4yLDMuMiwwLDcuMiwweiIvPgoJCTwvZGVmcz4KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCQk8L2NsaXBQYXRoPgoJCTxnIGNsYXNzPSJzdDEiPgoJCQk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9Ii0xMC45LC0xMy4yIDE3NCwyNi41IDE3NCw1NSAtMTIsNTQuMiAJCQkiLz4KCQkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTAuNCwzNi45YzEuMS0wLjUsMTQxLjQtNDcuMiwxNDEuNC00Ny4yTDQ3LjQsNTBIMS4zTDAuNCwzNi45eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K');
}

.right-top-info .vc-btn a, .right-top-info .vc-btn a span {
  font-size: 15px!important;
  line-height: 32px;
  font-family: Trebuchet MS, sans-serif;
  color: #fff;
}

.right-top-info .vc-btn a {
  color: #ffffff!important;
  letter-spacing: -1px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1000;
  padding: 0;
  width: 100%;
  height: 100%;
}

.right-top-info .vc-btn img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
}

.right-top-info .contact-info {
  width: 100%;
  font-size: 13px;
  line-height: 13px;
  display: inline-block;
  color: #969696;
  margin: 5px 0 0;
  text-align: center;
}

@media (max-width: 767px) {
  .right-top-info {
    width: 130px;
    height: 24px;
  }
  .right-top-info .contact-info {
    display: none;
  }
  .right-top-info .vc-btn {
    right: 5px;
    top: 15px;
  }
  .right-top-info .vc-btn a {
    font-size: 13px!important;
    line-height: 24px;
  }
  .right-top-info .vc-btn a span {
    font-size: 13px!important;
    line-height: 24px;
  }
}

@media (max-width: 640px) {
  .right-top-info {
    margin-right: 5px;
    width: 80px;
    height: 36px;
    top: 0px;
  }
  .right-top-info .vc-btn {
    top: 0px;
    right: 0px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzAgNjEuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMwIDYxLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA1REFBO30KCS5zdDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO30KCS5zdDJ7b3BhY2l0eTowLjI0O2ZpbGw6IzczQjhDOTtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDN7b3BhY2l0eTowLjE1O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHRpdGxlPnZjX2J0bjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03LjIsMGgxMTUuNWM0LDAsNy4yLDMuMiw3LjIsNy4yVjU0YzAsNC0zLjIsNy4yLTcuMiw3LjJINy4yQzMuMiw2MS4yLDAsNTgsMCw1NFY3LjJDMCwzLjIsMy4yLDAsNy4yLDB6Ii8+CjxnPgoJPGRlZnM+CgkJPHBhdGggaWQ9IlNWR0lEXzFfIiBkPSJNNy4yLDBoMTE1LjVjNCwwLDcuMiwzLjIsNy4yLDcuMlY1NGMwLDQtMy4yLDcuMi03LjIsNy4ySDcuMkMzLjIsNjEuMiwwLDU4LDAsNTRWNy4yQzAsMy4yLDMuMiwwLDcuMiwweiIKCQkJLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPGcgY2xhc3M9InN0MSI+CgkJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSItMTAuOSwtMTMuMiAxMzQsNTUuNyAxMzQsODQuMiAtMTIsODMuNSAJCSIvPgoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0wLjQsNjYuMmMxLjEtMC41LDE0MS40LTc2LjQsMTQxLjQtNzYuNEw0Ny40LDc5LjJIMS4zTDAuNCw2Ni4yeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: center;
  }
  .right-top-info .vc-btn a {
    font-size: 12px!important;
    line-height: 13px;
    padding: 5px 0;
  }
  .right-top-info .vc-btn a span {
    display: block;
    font-size: 12px!important;
    line-height: 13px;
  }
}


/************* Address *************/

.panel {
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px solid transparent;
}

.panel-body {
  padding: 0;
  overflow: hidden;
}

.panel-collapse.open .panel-body {
  padding: 1rem;
}

.panel-heading {
  border-bottom: 1px solid transparent;
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  font-size: 16px;
  color: inherit;
}

.panel-title>a {
  padding: 10px 15px;
  color: inherit;
  display: block;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: pointer;
}

.panel-default>.panel-heading:hover {
  background-color: #eee;
}

.text-center {
  text-align: center;
}

.sc-address-title {
  font-weight: bold;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  margin-left: 0!important;
  margin-right: 0!important;
  margin: 0 auto;
}

.sc-address-title>div {
  font-weight: bold !important;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left !important;
  /*border-bottom: 1px solid #000;*/
}

.sc-address {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #000;
  width: 100%;
  font-size: 13px;
  margin-left: 0!important;
  margin-right: 0!important;
  margin: 0 auto;
}

.sc-address:hover {
  background: #efefef;
}

.sc-address>div {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left !important;
}

.sc-address-title.row::before, .sc-address-title.row::after, .sc-address.row::before, .sc-address.row::after {
  content: ' ';
  display: table;
}

.sc-address-title.row::after, .sc-address.row::after {
  clear: both;
}

.panel-body .col-sm-3, .panel-body .col-sm-2, .panel-body .col-sm-7 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.panel-body .col-sm-3 {
  width: 22%;
}

.panel-body .col-sm-2 {
  width: 12%;
}

.panel-body .col-sm-7 {
  width: 55%;
}

@media (max-width: 768px) {
  .panel-body .col-sm-3, .panel-body .col-sm-2, .panel-body .col-sm-7 {
    float: none;
    width: 90%;
  }
}


/* columns */

div.col-inset-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.col-lg-offset-1, .offset-1 {
  margin-top: 10px;
}

.col-md-4 {
  width: 33.33333%;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.section-border {
  border-top: 1px solid #f3f3ed;
  padding-top: 1rem;
}

.gmap {
  width: 100%;
  height: 300px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.marked-list {
  text-align: left;
  padding: 0 0 30px 20px;
  list-style: disc;
}

.marked-list>li {
  color: #303030;
  position: relative;
  line-height: 1.3rem;
  font-size: 0.85rem;
}

@media (min-width: 768px) {
  div.col-inset-2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .marked-list {
    text-align: left;
    padding: 0 0 30px 30px;
    list-style: disc;
  }
  .marked-list>li {
    color: #303030;
    position: relative;
    line-height: 1.3rem;
    font-size: 0.85rem;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-4 {
    width: 33.33333%;
    float: right;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  html:not(.lt-ie10) .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .col-lg-offset-1, .offset-1 {
    margin-top: 30px;
  }
  *+.offset-1 {
    margin-top: 20px;
  }
}

@media (max-width: 640px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    float: none;
    width: 100%;
  }
  #divLocation {
    padding: 0;
  }
}

#accordionQuestions {
  margin: 1rem 0!important;
}

#accordionQuestions .btn {
  font-size: 14px!important;
}

.disclaimer {
  padding: 2rem;
  background: #f5f5f5;
  border-radius: 5px;
  margin: 0 0 10px 0;
}

.gg-row {
  position: relative;
}

#mute-btn {
  position: absolute;
  z-index: 52;
  cursor: pointer;
  padding: 0.3rem;
  background: #fff;
  border-radius: 5px;
  top: 0.2rem;
  right: 0.2rem;
  height: 1rem;
  width: 1rem;
  vertical-align: baseline;
  opacity: 0.8;
}

#mute-btn .havesound, #mute-btn.unmute .nosound {
  display: block;
}

#mute-btn.unmute .havesound, #mute-btn .nosound {
  display: none;
}

#videoSwisscoat {
  z-index: 50;
}

.brands-logo {
  display: flex;
  flex-wrap: wrap;
}

.brands-logo img {
  height: 75px;
  width: auto;
  margin: 0 2px;
}

.brands-logo img:hover {
  opacity: .8;
}

.page-not-found {
  text-align: center;
}

.page404 {
  text-align: center;
  margin: 1rem;
}

.simple-list {
  display: flex;
  justify-content: center;
}

.simple-list li {
  float: left;
  display: block;
  margin: 0 5px 0 0;
}

.simple-list li span {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin: 1rem 0;
}

.simple-list::after {
  content: "";
  display: block;
  clear: both;
}


/* ================================  */


/* 00. Clearfix
  /* ================================ */

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