/* CSS Document */

/* Style Guide: Branded Colors */
body {font-family: "helvetica-neue-lt-pro", sans-serif; font-weight: 400; font-style: normal; font-size: 12pt; margin:0; padding:0; background: #FFF; color: #777;}

body.begin {background: #EDEDED; background: url(/common/IMG/watermark_W2.png) no-repeat -75px 0px #EDEDED; box-shadow: inset 0 0 7rem rgba(0, 0, 0, .40);}
body.site {background: #FFF; background: url(/common/IMG/watermark_W2.png) no-repeat -75px 0px #FFF;}

.landscapeMSG {display: none;}

img, object, embed, video {max-width: 100%;}
video {object-fit: contain;}

@keyframes fade {
  0% {
    /*transform: translateX(100%);*/
    opacity: 0;
  }
  100% {
    /*transform: translateX(0%);*/
    opacity: 1;
  }
}

.fadeIn {animation: 3s fade;}
.fadeTwo {animation: 1.5s fade;}


.cover-container {
  max-width: 90%;
  text-transform: uppercase;
}
.main-container {
  max-width: 90%;
}

@media screen and (orientation: landscape) and (max-width: 991px) {
  .cover-container {display: none !important;}
  .landscapeMSG {
      display: flex; /* or block, depending on your layout */
      /* Center the message vertically and horizontally */
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      justify-content: center !important;
      align-items: center !important;
      text-align: center;
      /* background-color: #fff; /* Add a background color to cover the page */
      z-index: 1000;
  }
  body {box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0);}
  body.begin {background: url(/common/IMG/watermark_W2.png) no-repeat center center #FFF;}
}


.clear{background:transparent none repeat scroll 0 0;border:0; clear:both; margin:0 !important; padding:0 !important;}
img:focus{outline:none;}

.hide {display:none;}
.desktopHIDE {display:none !important;}

.textNOWRAP {white-space: nowrap;}


.BWimg {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.BWimg:hover {
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}

@media (max-width: 991px) {
	.desktopHIDE {display:block !important;}
	.desktopONLY {display: none;}
}

/* NAV */
.chocolatebar {border: 0 !important; outline: none !important; background: url(/common/IMG/NAV_chocBar-1.png) no-repeat 0px 0px; width: 45px; height: 45px; margin-right: -3px; margin-bottom: -3px;}
.chocolatebar:hover, .chocolatebar:active {background: url(/common/IMG/NAV_chocBar-1.png) no-repeat 0px -45px;}
.chocolatebar:focus {outline: none !important;}
.chocolatebar img {}
.chocolatebar span {display: none;}

.navbar {font-family: "helvetica-neue-lt-pro-cond", sans-serif; font-weight: 400; font-style: normal;}

.offcanvas-title {font-size: 35px; color: #888888; margin-bottom: -2px;}
.navbar .btn-close {color: #6e4ba9;}
.navbar .btn-close:active {color: #6e4ba9;}
.navbar .btn-close:visited {color: #9e6af6;}
.navbar .btn-close:hover {color: #af80ff;}


.offcanvas .chocClose {background: url(/common/IMG/NAV_close.png) no-repeat 0px 0px; width: 18px; height: 36px; position: absolute; left: 0px; cursor: pointer;}
.offcanvas .chocClose:hover, .offcanvas .chocClose:active {background: url(/common/IMG/NAV_close.png) no-repeat 0px -36px;}

.offcanvas .chocPeriod {background: url(/common/IMG/NAV_period.png) no-repeat 0px 0px; width: 10px; height: 35px; cursor: pointer; padding-right: 0px;}

.offcanvas .nav-link {font-size: 20pt; padding: 2px 0px; text-decoration: none;}
.offcanvas .nav-link:hover {color: #af80ff; text-decoration: underline !important;}
.offcanvas .nav-link:active, .offcanvas .nav-link:focus {color: #af80ff; text-decoration: underline !important;}

.offcanvas .active {color: #FFF !important; text-decoration: underline !important;}
.offcanvas .active:hover {color: #FFF !important; text-decoration: underline !important;}
.offcanvas .active:active, .offcanvas .active:focus {color: #FFF !important; text-decoration: underline !important;}

.offcanvas .nav-link.nav-contact {color: #888; text-decoration: underline !important;}
.offcanvas .nav-link.nav-contact:hover {color: #999}
.offcanvas .nav-link.nav-contact:active {color: #999}


.typeLABEL {
    font-family: "helvetica-neue-lt-pro-cond", sans-serif; font-weight: 400; font-style: normal;
    transform: rotate(90deg);
    position: fixed;
    width: 385px;
    right: -3em;
    bottom: 8em;
    font-size: 30px;
    opacity: .09;
}

.discipline {position: relative;}
.disciplineLabel {
    text-align: end;
    font-weight: 800;
    font-family: "helvetica-neue-lt-pro-cond", sans-serif;
    color: #999;
    font-size: 16pt;
    transform: rotate(-90deg);
    position: absolute;
    left: -160px;
    top: 170px;
    width: 300px;
}




@media (max-width: 991px) {
	.typeLABEL {width: 350px; font-size: 24px; bottom: 7em; right: -4em;}
  .typeLABEL {display: none;}
}
@media (min-width: 992px) {
  .offcanvas {width: 510px !important;}
  .offcanvas-title {font-size: 44px;}
  .offcanvas .chocPeriod {background: url(/common/IMG/NAV_period.png) no-repeat 0px 9px; width: 10px; height: 44px; padding-right: 20px;}
}
/* NAV end */

/* HYPERLINKS */
a {color: #6e4ba9; font-weight: bold; text-decoration: underline; outline: none !important;}
a:link {color: #6e4ba9;}
a:active {color: #6e4ba9;}
a:visited {color: #9e6af6;}
a:hover {color: #af80ff; text-decoration: none;}

a.BUTTON {text-decoration: none !important;}
a.BUTTON:hover {text-decoration: none !important;}

a h3, a p {text-decoration: none !important;}
h1 a, h2 a, h3 a, h4 a {text-decoration: none !important;}

.breadcrumb-item a {text-decoration: underline !important;}

a.footer {text-decoration: underline !important;}
a.footer:visited {color: #6e4ba9 !important;}
a.footer i {display: none;}

@media (max-width: 991px) {
	a.footer span {display: none;}
  a.footer i {display: inline-block; font-size: 1.5em;}
}
/* HYPERLINKS end */


/* HEADLINES */
h1 {font-family: "helvetica-neue-lt-pro-cond", sans-serif; font-weight: 900; font-style: normal; color: #444;}
h2 {font-family: "helvetica-neue-lt-pro-cond", sans-serif; font-weight: 400; font-style: normal; color: #444; margin-bottom: 30px;}
h3 {font-family: "helvetica-neue-lt-pro-cond", sans-serif; font-weight: 400; font-style: normal; color: #444;}
h4 {font-family: "helvetica-neue-lt-pro-cond", sans-serif; font-weight: 100; font-style: normal; margin-top: 20px;}
body.begin h4 {color: #444;}
h5 {}
h6 {}

@media (max-width: 991px) {
	body.begin h1 {font-size: 2.0em;}
	body.begin h2 {font-size: 1.6em;}
	body.begin h3 {font-size: 1.4em;}
	body.begin h4 {font-size: 1.1em;}
	h5 {}
	h6 {}
}
/* HEADLINES end */


/* CONTENT begin */
.photoW2 {width: 100%; height: 100%; min-height: 400px;}
.photoW2 {background: url(/common/IMG/photo_W2-vert.jpg) no-repeat center center; background-size: cover;}


.photoContactW2 {width: 100%; height: 100%; min-height: 400px;}
.photoContactW2 {background: url(/common/IMG/photo_W2-contact.jpg) no-repeat center center; background-size: cover;}

@media (max-width: 991px) {
	.photoW2 {background: url(/common/IMG/photo_W2-horz.jpg) no-repeat center center; background-size: cover;}
}

@media only screen and (max-width:960px){
  #W2gallery{width:auto;padding:0 2px;margin:0px auto 20px auto;}
}
#W2gallery a{border:2px solid #FFF;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.35);-moz-box-shadow:1px 1px 5px rgba(0,0,0,.35);box-shadow:1px 1px 5px rgba(0,0,0,.35);outline:none;}
#W2gallery a:focus{outline:none;}

.discoLG {
    height: 150px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, .45);
    border: 1px solid #000;
    border-radius: 3px;
    margin: 5px;
}

/* CONTENT begin */