a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:"Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";position:relative;padding:35px 0;background-color:#f3f3f3}body:before,body:after{width:100%;height:35px;background-color:#f3f3f3;position:fixed;top:0;left:0;right:0;margin:auto;content:''}body:after{top:auto;bottom:0}body,html{min-height:100%;height:100%}a,a:hover,a:focus{text-decoration:none;-webkit-transition:color 0.3s opacity 0.3s;transition:all 0.3s;outline:0 !important}.page{background-color:#fff;width:100%;min-height:100vh;border-right:35px solid #f3f3f3;border-left:35px solid #f3f3f3;padding:50px}.page main{max-width:calc(100% - 560px)}.page main .brand{font-weight:800;font-size:33px;color:#444;margin:0 0 35px}.page main .brand em{color:red}.page aside{width:280px;position:-webkit-sticky;position:sticky;top:85px;position:fixed;right:35px;top:35px;bottom:35px;margin:auto;padding:50px}.page aside .brand{position:absolute;bottom:50px;right:50px}.page aside .brand a{opacity:1}.page aside .brand a:hover,.page aside .brand a:focus{opacity:0.4}.page aside .brand a svg{width:180px}.open-menu{font-weight:800;font-size:23px;text-transform:uppercase;color:#333;display:block;position:relative;width:112px;margin:0 auto;padding:13px 0 12px 44px}.open-menu em{width:25px;height:2px;background:#999;display:block;position:absolute;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s;transition:all 0.3s}.open-menu em.l1{top:15px;-webkit-transform-origin:top left;transform-origin:top left}.open-menu em.l3{bottom:15px;-webkit-transform-origin:top right;transform-origin:top right}.open-menu em.l2{margin:auto;top:0;bottom:0;opacity:1}.open-menu:hover em,.open-menu:focus em{background:#333}.open-menu:hover,.open-menu:focus{color:#888}.open-menu.active em.l1{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:4px}.open-menu.active em.l2{left:-5px;opacity:0}.open-menu.active em.l3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom:31px;left:-4px}.nav{width:100%;padding:50px 0 0;text-align:center;display:none}.nav li{display:block}.nav li a{font-weight:300;padding:15px 0;font-size:19px;color:#444;font-weight:300;display:block}.nav li a:hover,.nav li a:focus,.nav li a.nav-selected{color:red}.img-responsive{max-width:100%;height:auto}.page main .intro-img{margin:0 0 45px}.page main h1{font-size:55px;font-weight:bold;color:#222;margin:10px 0 25px;line-height:1}.page main h2{font-size:29px;color:#777;font-weight:100;margin:0 0 15px}.page main p{font-size:18px;line-height:1.5;margin:0 0 30px}.page main p:last-child{margin:0}.button{background:red;display:inline-block;font-weight:bold;color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:2px;padding:20px 40px;-webkit-border-radius:100px;border-radius:100px}.button:hover,.button:focus{background:#222}footer{padding:250px 0 50px}.page main footer p{font-size:14px;letter-spacing:1px;line-height:1.5}.page main footer p a{color:red}.page main footer p a:hover,.page main footer p a:focus{color:#999}.page main footer ul li{display:inline-block}.page main footer ul li a{font-size:20px;color:#222;padding:5px 10px 5px 0;display:block}.page main footer ul li a:hover,.page main footer ul li a:focus{color:red}@media (max-width: 1500px){body{padding:23.3333333333px 0}body:before,body:after{height:23.3333333333px}.page{border-right:23.3333333333px solid #f3f3f3;border-left:23.3333333333px solid #f3f3f3}.page main{max-width:calc(100% - 350px)}.page aside{right:23.3333333333px;top:23.3333333333px;bottom:23.3333333333px}.page main .brand{font-size:26px}.page main h1{font-size:45px}.page main h2{font-size:24px}.page main p{font-size:16px}}@media (max-width: 1100px){.open-menu{font-size:19px;padding:13px 0 12px 26px;width:80px}.open-menu em{width:18px}.page aside .brand a svg{width:140px}.page aside .brand{left:50px;margin:auto;width:138px;bottom:30px;right:30px}.page aside,.page{padding:35px}.page main h1{font-size:33px;margin:5px 0 15px}.page main h2{font-size:19px}.page main p{font-size:15px}}

body {
  padding: 0;
  background-color: #fff;
  position: relative;
}

.page main {
    max-width: calc(100% - 755px);
}
.page aside .brand a svg {
    width: 190px;
}
.swish {
  width: 100%;
  height: 650px;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 87%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 87%, 0% 100%);

}

.page main {
  position: relative;
}

.page main, .page aside {
  z-index: 3;

}

.page {
    background: none;
    width: 100%;
    min-height: 100vh;
    border-right: none;
    border-left: none;
    padding: 85px;
}

body:before, body:after {
  background-color: #fff;
}

.page main .brand {
  font-weight: 100;
  color: #111;
}

.location {
    margin: 0 0 90px;
}

.location.location-last {
    margin: 0;
}

.page main h1 {
    margin: 0 0 50px;
}

.location {
    margin: 0 0 90px;
}

.location.location-last {
    margin: 0;
}

.page main h1 {
    margin: 0 0 50px;
}

.page main .brand em {
    color: #C80C0C;
}

.page main p a {
    color: #C80C0C;
}

.page main p a:hover, .page main p a:focus {
    color: #999;
}

.nav li a {
  color: #fff;
}

.nav.scrolled li a {
  color: #101010;
}

.nav li a:hover, .nav li a:focus, .nav li a.nav-selected {
    color: #fc4e4e;
}

.page-home footer {
    padding-top: 60px;
}

.page main footer ul li a:hover, .page main footer ul li a:focus,
.page main footer p a {
    color: #C80C0C;
}

.ccm-ui .nav {
    display: block;
}

.contact-info ul {
    font-size: 22px;
}

.contact-info ul ul li {
    display: inline-block;
    font-size: 31px;
    margin: 30px 15px 0 0;
}

.contact-info ul li a {
    color: #C80C0C;
}

.contact-info ul li i {
    color: #CCC;
    margin: 0 7px 0 0;
}

.contact-info ul li a i {
    color: inherit;
    margin: 0;
}

.contact-info ul li a:hover, .contact-info ul li a:focus {
    color: #999;
}

.contact-info ul li {
    margin: 0 0 20px;
}

.page form .form-group {
    width: 49%;
    float: left;
    margin: 0 0 15px;
}

.page form .form-group:nth-of-type(3) {
    width: 100%;
    float: none;
    clear: both;
}

.page form .form-group input, .page form .form-group textarea {
    border: 1px solid #CCC;
    padding: 10px;
    font-family: "Nunito", sans-serif;
    display: block;
    width: 100%;
    transition: all 0.3s;
}

.page form .form-group:nth-of-type(2) {
    float: right;
}

.page form .form-group label, .page form .form-group label + span {
    display: none;
}

.page form .form-group.captcha:nth-of-type(2) {
    float: none;
    width: 100%;
}

.page form .form-group textarea {
    resize: none;
    height: 100px;
}
.page form .form-group ::placeholder,
.page form .form-group ::-webkit-placeholder {
  color: #999;
}

.page form .form-group input:hover, .page form .form-group textarea:hover,
.page form .form-group input:focus, .page form .form-group textarea:focus {
  border: 1px solid #C80C0C;
}

.form-actions .btn {transition: all 0.3s;background-color: #C80C0C;border: none;outline: 0;color: #fff;font-weight: 700;font-family: "Nunito", sans-serif;display: inline-block;border-radius: 5px;text-transform: uppercase;padding: 15px 40px 14px;}

.form-actions .btn:hover, .form-actions .btn:focus {
    background-color: #333;
}

.page main p a.btn {
    background: #eee;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    padding: 17px 30px;
    font-size: 14px;
    margin-right: 4px;
    border-radius: 5px;
}

.page main p a.btn.btn-primary {
    background: #C80C0C;
}

.page main p a.btn.btn-secondary {
    background: #333;
}.page main h4 {
    font-weight: 700;
    font-size: 19px;
    margin: 80px 0 0;
}

.page main p a.btn:hover, .page main p a.btn:focus {
    background: #999 !important;
}

.page blockquote {border-left: 10px solid #C80C0C;padding: 30px 0 30px 30px;font-size: 18px;font-style: italic;line-height: 1.5;margin: 60px 0 0;}

.page blockquote em {
    display: block;
    font-weight: 700;
    font-size: 80%;
    margin: 25px 0 0;
}

.page ul:not(.nav) {
    margin: 5px 0 40px;
}



.page ul:not(.nav) li {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 10px;
}

.page footer ul:not(.nav) li:before {
  display: none;
}


.page table {
  min-width: 640px;
  width: 640px;
}

.page table tr td {
  width: 520px;
  padding: 30px;
}

.page table tr td:nth-child(1) {
  width: 120px;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #777;
}

.page table tr:nth-child(2n+2) {
    background: #f3f3f3;
}

.page main table p {
    line-height: 1;
    margin: 0 0 15px;
}

.page aside .brand a svg .cls-1 {
    fill: none;
}

.page aside .brand a svg #Layer_1-2 {
    fill: #222;
}


.open-menu em {
    background: #CCC;
}

.open-menu {
    color: #fff;
}

.open-menu.scrolled {
  color: #101010;
}

.page main h1 {
    color: #111;
    font-weight: 100;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 40px;
    margin: 0 0 20px;
}

.page main h1:after {content: " //";color: #C80C0C;}

.page main p a.btn.btn-secondary {
    background: #888;
}

.page main p:last-child a.btn {
  margin-top: 35px;
}

.page main footer ul li a {
  color: #777;
}

.page main h2 {
    margin-top: 62px;
}

.page main h2:after {
    content: "";
    width: 20px;
    height: 2px;
    background: red;
    display: block;
    margin: 4px 0 21px;
}

.nav {
    padding: 20px 0 0;
}

.page main .brand {
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 8px;
}

.page main .brand em {
    color: #fc4e4e;
}

.page .contact-info ul li:before {
    display: none;
}

.contact-info ul li a i {
    margin-right: 10px;
    font-size: 20px;
    margin-top: 20px;
}

.page.page-home main p a.btn.btn-secondary {
    margin-top: 40px;
}


.page main section {
    background: #fff;
    padding: 100px;
}

.page main h6 {
    font-size: 14px;
    color: #777;
    letter-spacing: 3px;
    margin: -66px 0 85px;
}


.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html h3 {
    letter-spacing: 3px;
    font-size: 14px;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html p {
    color: #ccc;
}



.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 145px;
    font-size: 14px;
background: rgba(0,0,0,0.8);
    letter-spacing: 3px;
}

.lg-fullscreen, #lg-actual-size, .lg-autoplay-button, #lg-download {
    display: none !important;
}

.page main .cn {
    padding-left: 50px;
}

.page main .cn .intro-img {
    margin-left: -50px;
    max-width: calc(100% + 50px);
}

.page main .cn h6 {
    margin-left: -50px;
}

.page main .location p {
    margin: 0 0 15px;
}

.page main .location p {
    margin: 0;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background: #CCC;
    border-radius: 100%;
    color: #000;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover, .lg-actions .lg-next:focus, .lg-actions .lg-prev:focus {
    background: #666;
    color: #fff;
}



@media (max-width: 1675px) {

  .page main {
      max-width: calc(100% - 360px);
  }

}

@media (max-width: 1500px) {

  .page {
    padding: 55px;
  }

  .swish {
      height: 600px;
  }


}


@media (max-width: 1300px) {

  .page main h1 {
      font-size: 29px;
  }

  .page aside .brand a svg {
      width: 130px;
  }

  .page main .brand {
      font-size: 22px;
      letter-spacing: 6px;
      margin: 10px 0 30px;
  }

  .swish {
      height: 450px;
  }

  .page aside {
      padding: 10px 30px;
  }

  .page {
      padding: 35px;
  }

  .nav li a {
      padding: 10px 0;
      font-size: 16px;
  }

}


@media (max-width: 1050px) {

  .page aside {
      width: 160px;
  }

  .page aside .brand a svg, .page aside .brand a, .page aside .brand {
      width: 90px;
  }

  .page main {
      max-width: calc(100% - 200px);
  }

  .page main h1 {
      font-size: 25px;
  }

  .page main .intro-img {
      margin: 0 0 25px;
  }

  .page main p {
      font-size: 14px;
  }

  .page.page-home main p a.btn.btn-secondary {margin-top: 20px;}

  .page main footer p {
      font-size: 12px;
      letter-spacing: 0.5px;
  }



  .open-menu.active em.l3 {
      bottom: 29px;
  }

  .open-menu.active em.l1 {
      top: 13px;
      left: 3px;
  }

}

@media (min-width: 851px) {

  header .mobile { display: none; }

}


@media (max-width: 850px) {

  .page aside {
      display: none;
  }

  .page main {
      max-width: 100%;
      width: 100%;
  }

  header {
      display: -webkit-flex;
      display: -ms-flex;
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

  header .brand {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }

  header .open-menu {
    text-align: right;
    max-width: 65%;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
  }

  header .mnav {
    max-width: 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .page {
      padding: 15px;
  }

  footer {
      padding: 100px 0 0;
      text-align: center;
  }

  footer p {
      margin: 0;
  }

  .page footer ul {margin: 0 0 0 !important;}

  .page main {
      text-align: center;
  }

  .swish {
      display: none;
  }

  header .brand {
    text-indent: -9999px;
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000;
    width: 100%;
    z-index: 9999;
    padding: 5px 15px;
  }

    header .mobile {
      text-indent: 0;
      display: block;
    }

  header svg, header svg * {
      fill: #fff !important;
  }

  header svg #Layer_2, header svg #Layer_1-2 {
      fill: none !important;
  }

  header svg .cls-1 {
      display: none;
      fill: none !important;
  }

  header svg {
    max-width: 100px;
  }

  .page main .brand {
      display: block;
      height: 60px;
      margin: -20px 0 30px;
      text-align: left;
  }

  header .open-menu strong {
    font-weight: normal;
    display: block;
    position: relative;
    width: 87px;
    float: right;
  }

  .open-menu.active em.l1 {
      top: 1px;
  }

  .open-menu.active em.l3 {
      bottom: 16px;
  }

  header .nav {
      padding: 0;
      width: calc(100% + 30px);
      margin: 0 -15px;
  }

  header .nav li a {
      font-size: 16px;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      padding: 16px 0;
      color: #fff !important;
  }

  header .nav li:last-child a {
      border: none;
  }


  header .nav li a:hover, header .nav li a:focus, header .nav li a.nav-selected {
      color: #fc4e4e !important;
  }

  .page main {
      padding-top: 80px;
  }

  .page main h2:after {
      margin: 4px auto 21px;
  }

  .page ul:not(.nav) li, .page p {
      font-size: 14px;
  }

  .page blockquote {
      border-left: 5px solid #C80C0C;
      padding: 15px 0 15px 15px;
      font-size: 16px;
  }

  .page .intro-img {
      margin: 0 0 60px !important;
  }

  .page table tr td {
      width: auto !important;
      text-align: left;
  }

  .page table {
      min-width: 100%;
      width: 100% !important;
  }

  .page table tr td:last-child {
      text-align: right;
  }

  .ccm-layout-column {
      width: 50% !important;
  }

  .ccm-layout-column-inner {
      margin: 0 !important;
  }

  .ccm-layout-column-inner {
      margin: 0 !important;
  }

  .form-group.captcha {
      width: 300px !important;
      margin: 0 auto 30px !important;
  }

  .ccm-layout-column-inner {
      margin: 0 !important;
  }

  .form-group.captcha {
      width: 300px !important;
      margin: 0 auto 30px !important;
  }

  .page form .form-group label {
      display: block !important;
      margin: 0 0 5px;
  }

  .page form .form-group {
      float: none;
      width: 100%;
  }

  footer p { letter-spacing: 0 !important; font-size: 11px !important;}

.open-menu.scrolled {color: #fff !important;}

.page main h1 {
    font-size: 23px;
    letter-spacing: 5px;
}

}

@media (min-width: 1200px) and (max-height: 900px) {

  .page main .cn .intro-img {
      max-width: calc(85% + 50px);
  }

  .swish {
      height: 540px;
  }

  .nav li a {
      padding: 11px 0;
      font-size: 16px;
  }

}



@media (min-width: 1200px) and (max-height: 800px) {


  .nav li a {
      padding: 11px 0;
      font-size: 16px;
  }

}

.ccm-layout-column-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.ccm-layout-column-wrapper .ccm-layout-column {
  max-width: 31%;
  -webkit-flex: 0 0 31%;
  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
}

.page-contact .ccm-layout-column-wrapper .ccm-layout-column {
  max-width: unset;
  -webkit-flex: 0 0 1;
  -ms-flex: 0 0 1;
  flex: 0 0 1;
}

.page-contact .ccm-layout-column-wrapper {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}

.page.page-about main section {
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  padding: 100px 100px 100px 40px;
}

.page.page-about main section div.first {
  -webkit-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%;
}

.page.page-about main section div.last {
  -webkit-flex: 0 0 61%;
  -ms-flex: 0 0 61%;
  flex: 0 0 61%;
  max-width: 61%;
}

.page.page-about main section div.first {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  display: block;
}

@media (min-width: 1501px) {

  .page.page-about main {
      max-width: calc(100% - 500px);
  }

}

@media (max-width: 1200px) {

  .page.page-about main section {
    padding: 40px;
  }

}

@media (max-width: 850px) {
body:before, body:after {
  display: none !important;
}

.page main .location h2 {
    text-align: left;
}

.page main .location h2:after {margin-left: 0;}
  .ccm-layout-column-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .location {
      margin: 0;
  }
.page-contact .ccm-layout-column-wrapper .ccm-layout-column,
.ccm-layout-column-wrapper .ccm-layout-column {
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 33%;
}

  .page main .cn .intro-img {
    margin: 0;
    max-width: unset;
  }img.lg-object.lg-image {
    padding: 0 !important;
    max-height: unset;
}

  .page main .cn {
    padding: 0;
  }
.page main .cn h6 {margin: -50px 0 80px;text-align: center;font-size: 12px;letter-spacing: 1.5px;}
.intro-img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
  }

  .page.page-about main section {
    display: block;
}

.page.page-about main section div {
    max-width: 100% !important;
}

.page.page-about main section div.first {
    position: relative;
    top: 0;
    margin: 0 0 50px;
}

}

.ie11 .page {
  max-width: 80%;
}

@media (max-width: 1350px) {

  .ie11 .page {
    max-width: 70%;
  }

  .ie11 .page table {
    min-width: 1px !important;
    width: 100% !important;
  }

}
/*
@media (min-width: 768px) and (min-height: 921px) {
  img.lg-object.lg-image {
      padding: 0px 160px 90px !important;
      max-height: 720px !Important;
      min-height: 80px !important;
  }
}

@media (min-width: 768px) and (max-height: 920px) {

  img.lg-object.lg-image {
    padding: 0px 160px 90px !important;
        max-height: 560px !important;
        min-height: 560px !important;
}

}



@media (min-width: 768px) and (max-height: 800px) {

  img.lg-object.lg-image {
    padding: 0px 160px 90px !important;
    max-height: 530px !important;
    min-height: 530px !important;
    width: auto !important;
    max-width: 100% !important;
}

}

@media (min-width: 768px) and (max-height: 700px) {

  img.lg-object.lg-image {
    padding: 0px 160px 90px !important;
    max-height: 430px !important;
    min-height: 40px !important;
}


.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    background: rgba(0,0,0,0.9);
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html h3 {
    letter-spacing: 1px;
    font-size: 14px;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html p {
    letter-spacing: 1px;
}

.lg-thumb-outer.lg-grab {
    display: none;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 15px;
}

}
*/
@media (max-width: 767px) {

  .lg-sub-html {
      background: rgba(0,0,0,0.8) !important;
      bottom: 130px !important;
      padding: 20px !important;
  }
  .lg-thumb-outer.lg-grab {
      display: none;
  }

  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
      bottom: 15px !important;
  }

  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html h3 {
      letter-spacing: 1px;
      font-size: 14px;
  }

  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html p {
      font-size: 12px;
      letter-spacing: 1px;
  }
}

.ie11 .page main .cn .intro-img {
  max-width: 100%;
}

.ie11 .page main .cn {
  width: 80%;
  max-width: 80%;
}

.ie11 .swish {
  height: 600px;
}

@media (max-width: 1600px) {

  .ie11 .page main .cn {
    width: 100%;
    max-width: 100%;
  }

  .ie11 .swish {
    height: 420px;
  }

}




@media (max-width: 850px) {

  .page main .cn p, .page main .cn h6 {
      position: relative;
      z-index: 4;      text-align: left;

  }

  .page main .cn:after {content: "";display: block;top: 10px;position: absolute;background: #000;height: 280px;left: -15px;right: -15px;margin: auto;}

  .page.page-about main section {
      padding: 0;
  }
  .page.page-about main section img {
      margin: 0 auto;
      max-width: 400px;
      height: auto;
  }


}

@media (max-width: 640px) {

  .page-contact .ccm-layout-column-wrapper .ccm-layout-column{
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
    }

.ccm-layout-column-wrapper .ccm-layout-column{
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
  }
  .page main h1 {
      font-size: 20px;
      letter-spacing: 3px;
  }


  .page main .cn:after {display: none;}

  .page.page-about main section {
      padding: 0;
  }

  .page.page-about main section img {
      padding: 0;
      max-width: 100%;
      height: auto;

  }

  .lg-toolbar.lg-group {
      background: none;
  }

/*
  img.lg-object.lg-image {
    max-width: 300px !important;
    margin-top: -70px;
    max-height: 290px;
}

  .page.page-about main section div.first {
      margin: -15px -15px 50px !important;
      max-width: calc(100% + 30px) !important;
  }

  .page main .cn .intro-img {
      margin: -15px -15px 60px !important;
      max-width: calc(100% + 30px) !important;
  }
*/
}

/*
@media (max-width: 1367px) and (min-height: 700px) {

  img.lg-object.lg-image {
    padding: 20px 0 100px !important;
    max-height: 670px !important;
    min-height: 40px !important;
    max-width: 590px !important;
}

img.lg-object.lg-image.wide {
    padding: 20px 0 40px !important;
    max-height: 700px !important;
    min-height: 40px !important;
    max-width: 90% !important;
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
    height: 41%;
}

}
*/

.lg-icon {
    display: none;
}

span.lg-close.lg-icon {
    display: block;
}

div#lg-counter {
    display: none;
}
.lg-toolbar.lg-group {
  background: none !important;
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item {
    height: 89%;
    padding-top: 15px;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
}

@media (max-width: 800px) and (min-width: 320px) {
  img.lg-object.lg-image {
      max-height: 80%;
  }  
}

/* div#ccm-menu-click-proxy {
    z-index: unset !important;
} */

.editmode .page main, .editmode .page aside { 
    z-index: auto; 
}

.c-form fieldset {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  
  .c-form fieldset .mb-3 {
    grid-column: span 2;
    margin: 0 !important;
  }
  
  .c-form fieldset .mb-3 input,
  .c-form fieldset .mb-3 select,
  .c-form fieldset .mb-3 textarea {
    width: 100%;
    max-width: 100%;
    padding: 10px;
  }
  
  .c-form fieldset .mb-3 .text-muted {
    font-size: 0px;
    position: relative;
  }
  
  .c-form fieldset .mb-3 .text-muted:after {
    content: '*';
    color: red;
    font-size: 16px;
  }

  .img-fluid {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}