@charset "UTF-8";

/* FONT FAMILY
========================================================= */
@font-face {src: url('http://www.mayor.productions/templates/mayor-productions/fonts/GTSectra/GT-Sectra-Display-Light.eot') format('eot'),
	     url('http://www.mayor.productions/templates/mayor-productions/fonts/GTSectra/GT-Sectra-Display-Light.eot#iefix') format('embedded-opentype'),
		 url('http://www.mayor.productions/templates/mayor-productions/fonts/GTSectra/GT-Sectra-Display-Light.ttf') format('truetype'),
		 url('http://www.mayor.productions/templates/mayor-productions/fonts/GTSectra/GT-Sectra-Display-Light.woff') format('woff'),
         url('http://www.mayor.productions/templates/mayor-productions/fonts/GTSectra/GT-Sectra-Display-Light.woff2') format('woff2'); font-family: 'GTSectra'; font-style: normal; font-weight: normal; font-display: swap}

@font-face {src: url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Light.eot') format('eot'),
	     url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Light.eot#iefix') format('embedded-opentype'),
		 url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Light.woff') format('woff'),
		 url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Light.woff2') format('woff2'),
         url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Light.svg') format('svg'); font-family: 'NuberNextLight'; font-style: normal; font-weight: normal; font-display: swap}

@font-face {src: url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Regular.eot') format('eot'),
	     url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Regular.eot#iefix') format('embedded-opentype'),
		 url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Regular.woff') format('woff'),
		 url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Regular.woff2') format('woff2'),
         url('http://www.mayor.productions/templates/mayor-productions/fonts/NuberNext/NuberNextExtended-Regular.svg') format('svg'); font-family: 'NuberNextRegular'; font-style: normal; font-weight: normal; font-display: swap}

.gt-sectra,
.gt-spectra,
/* .ui.form input[type="text"],*/ /*SU*/
.header-page-link,
.body-page-link,
.page-title,
.article-subtitle,
.grid-subtitle
/*,
.grid-filter-option, 
.grid-block-caption */ { font-family: 'GTSectra', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" !important; }

body,
.ui.form input[type="text"], /*SU*/
.helvetica { font-family: 'HelveticaNeueLTStd-LtEx', 'NuberNextLight', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-weight: normal; }

.helvetica-light,
#header-contact { font-family: 'HelveticaNeueLTStd-LtEx', 'NuberNextLight', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-weight: normal; }

b,
strong,
.helvetica-medium,
.ui.button,
.grid-title,
.tag-filter-option { font-family: 'HelveticaNeueLTStd-LtEx', 'NuberNextRegular', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; }

.helvetica-heavy { font-family: 'HelveticaNeueLTStd-LtEx', 'NuberNextRegular', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; }



/* FONT STYLING
========================================================= */
body { font-size: 0.868vw; /*3: 0.729vw;*/ /*2: 1.094vw;*/ /*1: 1.25vw;*/ line-height:1.302vw; /*1.46vw;*/ letter-spacing:0.139vw; /*3: 0.05vw;*/ } /*SU*/

h1, .h1,
h2, .h2,
h3, .h3 { margin:0;  font-style:normal;  font-weight:normal;  }

h1.page-title,
.grid-title,
.grid-filter-option[data-value="all"] { /* text-transform:uppercase;*/ }


h1.page-title { margin-bottom:2.92vw; /*3: 1.82vw;*/ font-size:4.69vw; line-height:5.63vw; letter-spacing: -0.05vw; /*3: Notset*/ }
h1.page-title.left{text-align: left;}
h1.page-title.center{text-align: center;}
h1.page-title.right{text-align: right;}

.opening-desc.left p{text-align: left !important;}
.opening-desc.center p{text-align: center !important;}
.opening-desc.right p{text-align: right !important;}
.opening-desc.justify p{text-align: justify !important;}


h1.article-title { font-size:3.75vw; line-height:4.48vw; text-transform: uppercase; }

.header-page-link,
.body-page-link { font-size:1.354vw; /*3: 1.146vw;*/ /*2: 2.188vw;*/ /*1: 2.34vw*/ line-height:2.654vw; /*3: 2.81vw;*/ text-transform:uppercase; letter-spacing: 0.139vw; }  /*SU*/

/*.grid-filter-option,*/ /*SU*/
h1.article-title,
.article-subtitle { font-size:1.88vw; line-height:2.24vw; }
.article-subtitle > br { display:none; }

.grid-title, .grid-subtitle { font-size: 1.66vw; line-height: 2vw; }
.grid-subtitle { letter-spacing:0; /*3: notset*/ } 
/* .grid-filter-option[data-value="all"] { font-size:1.2vw; line-height:1.77vw; } */ /*SU*/

#footer-copyright,
.chronoforms .instruction { /* font-size:1.15vw; line-height:1.35vw;*/ }

.grid-block-caption { font-size:0.78vw; line-height:1vw; }


p { margin:0 0 1.04vw 0;  }
p:last-child { margin-bottom:0 !important;  }

.more-less-info.more::before { display:inline; content:"More info"; }
.more-less-info.less::before { display:inline; content:"Less info"; }

/*body { font-size: 24px; line-height: 28px; }


h1, .h1,
h2, .h2,
h3, .h3 { margin: 0; font-style: normal; font-weight: normal; }

h1.page-title,
.grid-title { text-transform: uppercase; }


h1.page-title { margin-bottom: 35px; font-size: 90px; line-height: 108px; }

h1.article-title { font-size: 72px; line-height: 86px; }

.header-page-link,
.body-page-link { font-size: 45px; line-height: 54px; }

.grid-subtitle,
.grid-filter-option,
.article-subtitle { font-size: 36px; line-height: 43px; }

.grid-filter-option[data-value="all"] { font-size: 23px; line-height: 34px; }

#footer-copyright { font-size: 22px; line-height: 26px; }

.grid-block-caption { font-size: 12px; line-height: 14.5px; }


p { margin: 0 0 20px 0; }
p:last-child { margin-bottom: 0 !important; }*/


@media (max-width: 1023px) {
    body { font-size:3vw; line-height:3.7vw; letter-spacing: 0.38vw; /*font-size:2.4vw; line-height:3.2vw;*/ }
    
    h1.page-title { margin-bottom:3.73vw; font-size:7.87vw; /*3:7.47vw;*/ line-height:9.07vw; }
    
    h1.article-title,    
    .header-page-link,
    .body-page-link { font-size:4.6vw; /*3:4.8vw;*/ line-height:5.87vw; letter-spacing: 0.38225vw; }
    
	h1.article-title { padding-bottom: 10px;}
	
	.grid-title,
    .grid-subtitle { font-size:4.2vw; line-height:4.73vw; /*3: font-size:3.2vw; line-height:3.73vw;*/ }
    
    /* .grid-title { font-size:2.93vw; line-height:3.47vw; } */
	
	.page-content::before, .page-content::after { display:none; }
	
    .article-subtitle { font-size:2.67vw; line-height:3.2vw; }
    h1 .article-subtitle > br { display:block; }
	
    .grid-filter *,
    .footer-title { /*:3: font-size:3.47vw; line-height:4.27vw; */ }
	
    /* .grid-filter-option[data-value="all"] { font-size:2.67vw; line-height:3.47vw; } */

    #footer-main-menu,
    #footer-contact-menu,
    #footer-copyright { font-size:2.13vw; line-height:2.67vw; }

    .grid-block-caption { font-size:2.4vw; line-height:2.67vw; padding-top:10px !important; }
    
    
    p { margin:0 0 5.33vw 0;  }
    
    /*body { font-size: 9px; line-height: 12px; }
    
    h1.page-title { margin-bottom: 14px; font-size: 28px; line-height: 34px; }
    
    h1.article-title,    
    .header-page-link,
    .body-page-link { font-size: 18px; line-height: 22px; }
    
    .grid-subtitle { font-size: 12px; line-height: 14px; }
    
    .grid-title { font-size: 11px; line-height: 13px; }
    
    .article-subtitle { font-size: 10px; line-height: 12px; }
    
    .grid-filter *,
    .footer-title { font-size: 13px; line-height: 16px; }
    .grid-filter-option[data-value="all"] { font-size: 10px; line-height: 13px; }

    #footer-main-menu,
    #footer-contact-menu,
    #footer-copyright { font-size: 8px; line-height: 10px; }

    .grid-block-caption { font-size: 9px; line-height: 10px; }
    
    
    p { margin: 0 0 20px 0; }*/
}



/* HTML ELEMENTS
========================================================= */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }
body { margin: auto; padding: 0; color: #000; background-color: #fff; }

a { text-decoration: none; color: #f00; }
a, body.non-touch a:hover, a:focus { outline: none; color: inherit; }
body.non-touch a:hover { text-decoration: none; cursor: pointer; }

input { border-radius: 0 !important; font-family: inherit; }
*:focus { outline: none !important; }
::-moz-focus-inner { border: 0; }

input[type="text"]::-webkit-input-placeholder { opacity: 1 !important; color: inherit !important; }
input[type="text"]::-moz-placeholder { opacity: 1 !important; color: inherit !important; }
input[type="text"]:-ms-input-placeholder { opacity: 1 !important; color: inherit !important; }
input[type="text"]:-moz-placeholder { opacity: 1 !important; color: inherit !important; }

input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { padding-left: 30px; min-height: 25px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; cursor: pointer;
                                 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after { content: ''; width: 20px; height: 20px; position: absolute; display: block; }
input[type="checkbox"] + label:before { border-radius: 50%; border: 1px solid #fff; top: 2px; left: 0; }
input[type="checkbox"] + label:after { top: 1px; left: 4px; opacity: 0;
                                       -webkit-transition: opacity .3s; transition: opacity .3s, border-color .08s; }
input[type="checkbox"]:checked + label:after { content: '✓'; opacity: 1; }

input[type="submit"],
input[type="button"] { border: none; background-color: transparent; cursor: pointer; 
                        -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.non-touch input[type="submit"]:hover,
body.non-touch input[type="button"]:hover { opacity: .4; }

textarea { box-shadow: none !important; border-radius: 0 !important; opacity: 1; font-family: inherit; font-weight: 100; color: inherit;
           -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea::-webkit-input-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }
textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }
textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }
textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: 100; color: inherit; }

select { border-radius: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 20px 4px 0; width: 100%; min-height: 30px; position: relative; background-color: transparent;  background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; font-family: inherit; font-weight: 100; cursor: pointer;
         -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="button"],
button { padding: 0; 
         -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

img { display: block; }



/* SHARED
========================================================= */
.html-hide,
html.article-showing { /* width:100%;  height:100%;  position:fixed;  overflow:hidden;*/  }
.hidden { display:none !important;  }
.space-between { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  }
.no-trans { -webkit-transition:none !important;  -moz-transition:none !important;  -o-transition:none !important;  transition:none !important; }
.inner { padding-right:9.38vw; padding-left:9.38vw; }

/*
#header-logo-contact-wrap,
.header-page-link-close-wrap,
#body-page-content-wrap,*/
.category-page-wrap,
/* .article-header-wrap, 
#footer-wrap, */
.article-content-wrap { padding-left:3.75vw; padding-right:3.75vw; }

#header-logo-contact,
#footer-wrap,
.header-page-link-close,
.body-page-link-close { padding-left:1.88vw; padding-right:1.88vw; }

.opening-text,
.article-header,
.article-grid-footer { padding-left:7.45vw; /*14.9vw;*/ padding-right:7.45vw; /*14.9vw;*/  }  /*SU*/
.article-text-area .article-header { padding-top:7.45vw; min-height:60vh; }

.black-text { color:#000;  }
.white-text { color:#fff; }


.back-top,
.page-close { width:1.88vw; height:1.88vw;  position:absolute; top:1.88vw;  z-index:5;  background-position:center center;  background-repeat:no-repeat;  background-size:contain;  opacity:1; 
			  -webkit-transition:opacity .3s;  -moz-transition:opacity .3s;  -o-transition:opacity .3s;  transition:opacity .3s;  }
.article-header-close.page-close { right: 7.45vw; /*3:notset*/ }

body.menu-min .back-top:hover,
.page-close:hover { opacity:.7;  cursor:pointer; }
body:not(.menu-min) .back-top, .ajax-loaded.show .back-top, .direct-loaded .back-top { opacity: 0; display:none; } 
.back-top { background-image:url('http://www.mayor.productions/templates/mayor-productions/images/shared/icons/arrow-up-black.svg');  }
.page-close { background-image:url('http://www.mayor.productions/templates/mayor-productions/images/shared/icons/close-black.svg'); }
.back-top { right:6.33vw; /*3:5.63vw;*/ }
.page-close { right:2.58vw; /*3: 1.88vw;*/ }
.body-page-back-top { top:13.02vw; }
.header-page-back-top,
.header-page-close { top:0.94vw;  }
#body-page-content-wrap .back-top { position:fixed; }


.opening-text { padding-top:5.1vw; padding-bottom:3.54vw; /*6.51vw;*/  }  /*SU*/

.tag-filter.left{text-align: left;}
.tag-filter.center{text-align: center;}
.tag-filter.right{text-align: right;}
.tag-filter.justify{text-align: justify;}
.tag-filter-option-wrap { display:inline;  }
#header-contact li:nth-child(n+2)::before,
.tag-filter-option-wrap:nth-child(n+2)::before,
.article-grid-footer-link-wrap:nth-child(n+2)::before { content: '  |  ';  display:inline;  white-space:pre;  }
.tag-filter-option,
.article-grid-footer-link { cursor:pointer; }

.grid-wrap { overflow: hidden; }
.grid { padding-left:4.74vw; padding-right:4.74vw; padding-bottom:2.34vw;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap; }
.grid.article-grid { padding-left:14.01vw; padding-right:14.01vw; padding-bottom:8.33vw; }
.grid-block { padding:0.89vw;  width:25%;  position:relative;  }
.strict-grid > .grid-block { padding-bottom: calc(28.75% - 1.39vw); border: 1vw #fff solid; }

.strict-grid > .grid-block[data-strict-size="2"] { padding-bottom: 57.5%; }
.strict-grid > .grid-block[data-columns="4"] { padding-bottom: 54%; }

.grid-block[data-columns="2"],
.grid.article-grid .grid-block[data-columns="1"] { width: 50%;  }
.strict-grid .grid-block[data-columns="2"] { width: 50%;  }
.grid-block[data-columns="3"] { width:75%;  }
.grid-block[data-columns="4"],
.grid.article-grid .grid-block[data-columns="2"] { width:100%; }

.grid-block-inner { padding:2.86vw; height:29.84vw;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-justify-content:center;  -ms-flex-pack:center;  justify-content:center;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center;  text-align:center;  background-position:center center;  background-repeat:no-repeat;  background-size:cover;  }
.strict-grid > .grid-block > .grid-block-inner { text-align: center; background-position: center center;background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.grid-block-relative { width:100%;  position:relative;  }
.grid-block-text { height:100%;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-justify-content:flex-end;  -ms-flex-pack:end;  justify-content:flex-end;  }
.grid-block-image { width:100%;  height:auto;  }
.grid-block-video { padding-top:56.25%;  /* background-color:#000;  */ }
.grid-block-video-link { width:100%;  height:100%;  position:absolute;  top:0;  left:0;  z-index:3;  background:url('http://www.mayor.productions/templates/mayor-productions/images/shared/icons/play-white.svg')  center center no-repeat; background-size:3.75vw 3.75vw;  opacity:1;  cursor:pointer; 
                         -webkit-transition:opacity .3s;  -moz-transition:opacity .3s;  -o-transition:opacity .3s;  transition:opacity .3s;  }
/*.grid-block-video-wrap:not(.playing) .grid-block-video-link { opacity:1;  }*/
.grid-block-video-iframe { width:100%;  height:100%;  position:absolute;  top:0;  left:0;  z-index:2;  }
.grid-block-caption { position:absolute; right:0;/*3: was left:*/ bottom:-0.1vw;  z-index:2; 
                      -webkit-transform:translateY( 100% );  -ms-transform:translateY( 100% );  transform:translateY( 100% );  }

.grid-filter,
.grid-filter-options { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end; }
.grid-filter { /*padding:0 5.63vw 3.54vw 5.63vw;*/ padding: 0 1vw 3.54vw 1vw; }
.grid-wrap { padding:0 6.45vw 0 6.45vw; } /*SU*/
.grid-filter-option { opacity:1; 
					  -webkit-transition:opacity .3s;  -moz-transition:opacity .3s;  -o-transition:opacity .3s;  transition:opacity .3s;  }
.grid-filter-option.active { text-decoration:underline;  }
.grid-filter-option:not(.active):hover { opacity:.7;  cursor:pointer; }
.grid-filter-option:nth-child(1) { margin-left:0.73vw; }
.grid-filter-option:nth-child(n+2) { margin-left:1.35vw;  }

.grid-filter-options{width:100%;}
.grid-filter-options.left{justify-content: flex-start;}
.grid-filter-options.right{justify-content: flex-end;}
.grid-filter-options.center{justify-content: center;}
.grid-filter-options.justify{justify-content: space-between;}

/*.html-hide,
html.article-showing { width: 100%; height: 100%; position: fixed; overflow: hidden; }
.hidden { display: none !important; }
.space-between { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.no-trans { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.inner { padding-right: 180px; padding-left: 180px; }


#header-logo-contact-wrap,
.header-page-link-close-wrap,
#body-page-content-wrap,
.category-page-wrap,
.article-header-wrap,
.article-content-wrap,
#footer-wrap { padding-left: 72px; padding-right: 72px; }

#header-logo-contact,
.header-page-link-close,
.body-page-link-close { padding-left: 36px; padding-right: 36px; }

.opening-text,
.article-header,
.article-grid-footer { padding-left: 286px; padding-right: 286px; }


.black-text { color: #000; }
.white-text { color: #fff; }


.back-top,
.page-close { width: 36px; height: 36px; position: absolute; top: 36px; z-index: 5; background-position: center center; background-repeat: no-repeat; background-size: contain; opacity: 1;
			  -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.back-top:hover,
.page-close:hover { opacity: .7; cursor: pointer; }
.back-top { background-image: url('../images/shared/icons/arrow-up-black.svg'); }
.page-close { background-image: url('../images/shared/icons/close-black.svg'); }
.back-top { right: 108px; }
.page-close { right: 36px; }
.body-page-back-top { top: 250px; }
.header-page-back-top,
.header-page-close { top: 18px; }
#body-page-content-wrap .back-top { position: fixed; }


.opening-text { padding-top: 98px; padding-bottom: 125px; }


.tag-filter-option-wrap { display: inline; }
#header-contact li:nth-child(n+2)::before,
.tag-filter-option-wrap:nth-child(n+2)::before,
.article-grid-footer-link-wrap:nth-child(n+2)::before { content: '  |  '; display: inline; white-space: pre; }
.tag-filter-option,
.article-grid-footer-link { cursor: pointer; }

.grid { padding-left: 91px; padding-right: 91px; padding-bottom: 45px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.grid.article-grid { padding-left: 269px; padding-right: 269px; padding-bottom: 160px; }
.grid-block { padding: 17px; width: 25%; position: relative; }
.grid-block[data-columns="2"],
.grid.article-grid .grid-block[data-columns="1"] { width: 50%; }
.grid-block[data-columns="3"] { width: 75%; }
.grid-block[data-columns="4"],
.grid.article-grid .grid-block[data-columns="2"] { width: 100%; }
.grid-block-inner { padding: 55px; height: 573px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.grid-block-relative { width: 100%; position: relative; }
.grid-block-text { height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.grid-block-image { width: 100%; height: auto; }
.grid-block-video { padding-top: 56.25%; background-color: #000; }
.grid-block-video-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background: url('../images/shared/icons/play-white.svg') center center no-repeat; background-size: 72px 72px; opacity: 0; cursor: pointer;
                         -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.grid-block-video-wrap:not(.playing) .grid-block-video-link { opacity: 1; }
.grid-block-video-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.grid-block-caption { position: absolute; left: 0; bottom: -2px; z-index: 2;
                      -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }

.grid-filter,
.grid-filter-options { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.grid-filter { padding: 0 108px 68px 108px; }
.grid-filter-option { opacity: 1;
					  -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.grid-filter-option.active { text-decoration: underline; }
.grid-filter-option:not(.active):hover { opacity: .7; cursor: pointer; }
.grid-filter-option:nth-child(1) { margin-left: 14px; }
.grid-filter-option:nth-child(n+2) { margin-left: 26px; }*/

#header-contact ul img{height:1.849vw;display:inline;}
#header-contact ul li{position: relative;}
#header-contact ul li:before{position: absolute;top:0.6vw;left: -0.8vw;}
#header-contact ul li:not(:last-child){padding: 0.6vw 1.1vw 0;}
#header-contact ul li:last-child{padding-left: 0.9vw;}


@media (max-width: 1023px) {
    #header-logo-contact-wrap > div,
    .header-page-link-close-wrap > div,
    .category-page-wrap,
    .body-page-link-close-wrap > div,
    .article-header-wrap > div,
    .article-content-wrap,
    .article-grid-footer,
    #footer-wrap { padding-left:3.2vw; padding-right:3.2vw;  }
    
    #body-page-content-wrap,
    #header-logo-contact, 
    .header-page-link-close, 
    .body-page-link-close,
    .opening-text, 
    .article-header { padding-left:0;  padding-right:0; }
    
    
    .back-top,
    .page-close { width:4.27vw; height:4.27vw; top:2.4vw; }
    .back-top { right:9.13vw; }
    .page-close { right:0vw; }
    .body-page-back-top { top:28.8vw; }
    .header-page-back-top,
    .header-page-close { top:2.4vw; }
    .article-header-back-top { right:9.33vw; }
    .body-page-back-top,
    .article-header-close, .article-header-close.page-close { right:3.2vw; }

	.article-text-area .article-header { min-height:90vh; }

    .opening-text { padding-top:5.87vw; padding-bottom:10.67vw; padding-left: 3px; padding-right: 3px; /*padding-left: 10px; padding-right: 10px;*/ /*padding-left: 30px; padding-right: 30px;*/ }
	
    
    
    .grid-wrap { /* margin-left:-3.2vw; width:calc( 100% + 6.4vw ); */ padding-left: 0; padding-right:0; /*3:notset*/ }
    .grid { padding-left:0 !important;  padding-right:0 !important; padding-bottom:5.33vw !important; }
    .grid.article-grid { padding-bottom:8vw !important;  }
    .grid-block { width:50%;  }
	.strict-grid > .grid-block { border-top-width: 2vw; border-bottom-width: 2vw; }
	
    .grid-block[data-columns="2"],
    .grid-block[data-columns="3"],
    .grid-block[data-columns="4"] { width:100%; }
    .grid-block { padding:3.2vw; }
    .grid-block-inner { padding:9.6vw; height:60vw; }
    .grid-block-video-link { background-size:6.4vw 6.4vw; }
    .grid-block-caption { bottom:-0.53vw; }
    
    .grid-filter { padding:0 3.2vw 8.53vw 3.2vw;  }
    
	.strict-grid .grid-block { width:100% !important; padding-bottom: 54%; }
	.strict-grid .grid-block[data-strict-size="2"] { padding-bottom: 125%; }
	
	.carousel .grid-block-relative { display: -webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.carousel .grid-block-sizer { padding-top: 70vh !important; }
	.carousel .slick-slide img { max-height:none !important; width:100% !important; height: auto !important; }
	
	#header-contact ul li:before {left: -2.8vw;}
	#header-contact ul li {padding-top: 0.5vw;}
	#header-contact ul li img {height: 2.7vw;}
	
    /*#header-logo-contact-wrap,
    .header-page-link-close-wrap,
    .category-page-wrap,
    .body-page-link-close-wrap,
    .article-header-wrap,
    .article-content-wrap,
    .article-grid-footer,
    #footer-wrap { padding-left: 12px; padding-right: 12px; }
    
    #body-page-content-wrap,
    #header-logo-contact, 
    .header-page-link-close, 
    .body-page-link-close,
    .opening-text, 
    .article-header { padding-left: 0; padding-right: 0; }
    
    
    .back-top,
    .page-close { width: 16px; height: 16px; top: 9px; }
    .back-top { right: 23px; }
    .page-close { right: 0px; }
    .body-page-back-top { top: 108px; }
    .header-page-back-top,
    .header-page-close { top: 9px; }
    .article-header-back-top { right: 35px; }
    .body-page-back-top,
    .article-header-close { right: 12px; }


    .opening-text { padding-top: 22px; padding-bottom: 40px; }
    
    
    .grid-wrap { margin-left: -12px; width: calc(100% + 24px); }
    .grid { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 20px !important; }
    .grid.article-grid { padding-bottom: 30px !important; }
    .grid-block { width: 50%; }
    .grid-block[data-columns="2"],
    .grid-block[data-columns="3"],
    .grid-block[data-columns="4"] { width: 100%; }
    .grid-block { padding: 12px; }
    .grid-block-inner { padding: 36px; height: 225px; }
    .grid-block-video-link { background-size: 24px 24px; }
    .grid-block-caption { bottom: -2px; }
    
    .grid-filter { padding: 0 12px 32px 12px; }*/
}


/* TEMPLATE
========================================================= */
.page-content-wrap { -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
body.page-hide .page-content-wrap { opacity: 0; }
body.page-show .page-content-wrap { opacity: 1 !important; }

.page-content { position:relative; padding-left:2.82vw; padding-right:2.82vw; }
.page-content::before, .page-content::after { content: attr(data-title); position: fixed; top: 50vh; left: 1.5vw; /*3: 0.75vw;*/ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.page-content::after { left:auto; right: 1.5vw; /*3:0.75vw;*/ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

#loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; 
  		  -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; }
body.loaded #loader { opacity: 0; pointer-events: none; }


#page-wrap { position: relative; }


#header-wrap { width:100%;  max-height:100%;  position:fixed;  top:0;  left:0;  z-index:10;  overflow:visible;  pointer-events:none;  background-color:#FFFFFF; }
/*#header-wrap::before { content:'';  width:100%; height:12.92vw;  position:absolute;  top:0;  left:0;  z-index:10;  background-color:#FFFFFF; }*/
/*body[data-active-menu-id="129"] #header-wrap::before { height:9.27vw;  }*/
#header { width:100%;  position:relative;  z-index:10;  }
body.header-page-active #header { padding-bottom:0;  }
#header-logo-contact-wrap,
.header-page-link-close-wrap { pointer-events:auto;  }

#header-menu-button { display:none; }

#header-logo-contact { border-bottom:1px solid #000; padding-top:0.94vw; padding-bottom:0.94vw;  width:100%;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-align-items:center;  -ms-flex-align:center;  align-items:center; }
#header-logo-image { width:9.06vw; margin-left: 3.5vw; /*3:notset*/  }
#header-contact ul { margin:0 1vw 0 0;  padding:0;  display:-webkit-flex;  display:-ms-flexbox;  display:flex; list-style:none; flex-wrap: wrap; justify-content: end; }


.header-page-link-wrap { position:relative; 
                         -webkit-transition:padding .3s;  -moz-transition:padding .3s;  -o-transition:padding .3s;  transition:padding .3s;  }
body[data-active-menu-id="129"]:not(.page-hide) .header-page-link-wrap + .header-page-link-wrap { display:none;  }

.header-page-link { width: 85%; display: inline-block; padding-left: 3.5vw; /*3:notset*/ }
.header-page-link-wrap .header-page-back-top,
.header-page-link-wrap .header-page-close { opacity:0;  pointer-events:none;  }
body.menu-min .header-page-link-wrap.active .header-page-back-top,
.header-page-link-wrap.active .header-page-close { opacity:1;  pointer-events:auto; }

.header-page-link-close,
.body-page-link-close { border-bottom:1px solid #000; padding-top:0.42vw; padding-bottom:0.42vw;  position:relative; }
.header-page-link-wrap.active + * .header-page-link-close,
.body-page-link-close { border-top:1px solid #000; border-bottom:#fff; /*3: notset*/ 	}
.header-page-link-close { -webkit-transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; transition: border .3s; }
.header-page-link-wrap.active .header-page-link-close { border-bottom-color: transparent !important; }


#body-page-content-wrap { padding-top:4.1vw; }
#body-page-content { border-bottom: 1px solid transparent; -webkit-transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; transition: border .3s; }
body[data-active-menu-id="130"] #body-page-content { /*3: border-bottom-color: #000;*/ }
body.page-hide .body-page-back-top,
body.header-page-active .body-page-back-top { opacity:0 !important;  pointer-events:none !important;  }
#body-page-links { display:none;  }
body[data-active-menu-id="129"] #body-page-links { display:block; }

#footer-wrap { border-top: 1px solid #000; }
#footer { padding-top:4.17vw; padding-bottom:4.17vw; padding-left: 3.5vw; /*3:notset*/ padding-right:3.5vw; /*3:notset*/ display:-webkit-flex;  display:-ms-flexbox;  display:flex;  }
body.header-page-active #footer { border-top:none;  }
#footer > * { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-justify-content:flex-end;  -ms-flex-pack:end;  justify-content:flex-end; }
.footer-title { margin-bottom:1.67vw;  }
.footer-title::after { content: ' /';  display:inline; }

#footer-site-map { padding-right:3.13vw; width:33%; /*26.35vw;*/  }
#footer-site-map ul { margin:0;  padding:0;  list-style:none; }

#footer-newsletter { width:33%; /*30vw;*/ /*3: font-size:1.094vw !important; line-height:1.46vw !important;*/ }
.ui.form .field > label,
.chronoforms6_credits { display:none !important;  }
.ui.form { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end; }
.ui.form .field { margin-bottom:0.26vw !important;  width:100% !important;  }
.ui.form input[type="text"] { border:none !important; border-bottom:1px solid #000 !important; padding:0.31vw 0 !important; font-size:1.094vw !important; line-height:1.46vw !important; background:none !important;  color:#000 !important;  }
.ui.button { margin:0 !important;  border:none !important; /*3: border-bottom:1px solid #FFF !important; */  border-radius:0 !important; padding:0 !important; /*3: 0 0.16vw 0 !important;*/  background:none !important;  color:#000 !important; 
				/*font-size:1.25vw !important; line-height:1.46vw !important;*/ font-size:1.094vw !important; line-height:1.46vw !important;  font-weight:normal !important;  text-transform:lowercase !important; }

#footer-copyright { padding-left:3.13vw; width: 33.3% ;/*36.15vw;*/  text-align:right; }
#footer-logo { /*padding-bottom:1.04vw;*/  }
#footer-logo-link { display:inline-block; }
#footer-logo-image { width:8.44vw;  }
#footer .item-142 img{height: 1.849vw;margin-top:0.5vw;}

/*#header-wrap { width: 100%; max-height: 100%; position: fixed; top: 0; left: 0; z-index: 10; overflow: visible; pointer-events: none; }
#header-wrap::before { content: ''; width: 100%; height: 248px; position: absolute; top: 0; left: 0; z-index: 10; background-color: #FFFFFF; }
body[data-active-menu-id="129"] #header-wrap::before { height: 178px; }
#header { width: 100%; position: relative; z-index: 10; }
body.header-page-active #header { padding-bottom: 0; }
#header-logo-contact-wrap,
.header-page-link-close-wrap { pointer-events: auto; }

#header-menu-button { display: none; }

#header-logo-contact { border-bottom: 1px solid #000; padding-top: 18px; padding-bottom: 18px; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#header-logo-image { width: 174px; }
#header-contact ul { margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; }

.header-page-link-wrap { position: relative;
                         -webkit-transition: padding .3s; -moz-transition: padding .3s; -o-transition: padding .3s; transition: padding .3s; }
body[data-active-menu-id="129"]:not(.page-hide) .header-page-link-wrap + .header-page-link-wrap { display: none; }
.header-page-link-wrap .header-page-back-top,
.header-page-link-wrap .header-page-close { opacity: 0; pointer-events: none; }
.header-page-link-wrap.active .header-page-back-top,
.header-page-link-wrap.active .header-page-close { opacity: 1; pointer-events: auto; }
.header-page-link-close,
.body-page-link-close { border-bottom: 1px solid #000; padding-top: 8px; padding-bottom: 8px; position: relative; }
.header-page-link-wrap.active + * .header-page-link-close,
.body-page-link-close { border-top: 1px solid #000; }


#body-page-content-wrap { padding-top: 248px; }
body[data-active-menu-id="129"] #body-page-content-wrap { padding-top: 178px; }
body.page-hide .body-page-back-top,
body.header-page-active .body-page-back-top { opacity: 0 !important; pointer-events: none !important; }
#body-page-links { display: none; }
body[data-active-menu-id="129"] #body-page-links { display: block; }


#footer { border-top: 1px solid #000; padding-top: 80px; padding-bottom: 80px; display: -webkit-flex; display: -ms-flexbox; display: flex; }
body.header-page-active #footer { border-top: none; }
#footer > * { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.footer-title { margin-bottom: 32px; }
.footer-title::after { content: ' /'; display: inline; }

#footer-site-map { padding-right: 60px; width: 506px; }
#footer-site-map ul { margin: 0; padding: 0; list-style: none; }

#footer-newsletter { width: 576px; }
.ui.form .field > label,
.chronoforms6_credits { display: none !important; }
.ui.form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.ui.form .field { margin-bottom: 5px !important; width: 100% !important; }
.ui.form input[type="text"] { border: none !important; border-bottom: 1px solid #000 !important; padding: 6px 0 !important; font-size: 36px !important; line-height: 43px !important; background: none !important; color: #000 !important; }
.ui.button { margin: 0 !important; border: none !important; border-bottom: 1px solid #000 !important; border-radius: 0 !important; padding: 0 0 3px 0 !important; background: none !important; color: #000 !important; font-size: 24px !important; line-height: 28px !important; font-weight: normal !important; text-transform: lowercase !important; }

#footer-copyright { padding-left: 60px; width: 694px; text-align: right; }
#footer-logo { padding-bottom: 20px; }
#footer-logo-link { display: inline-block; }
#footer-logo-image { width: 162px; }*/

.opening-text.suddenly-centred > * { text-align:center; }
.opening-text.suddenly-centred .opening-desc table, .opening-text.suddenly-centred .opening-desc img { margin-left:auto; margin-right: auto; }


@media (max-width: 1023px) {
/*    #header-wrap::before { height:28.8vw; }*/
/*    body[data-active-menu-id="129"] #header-wrap::before { height:20vw; }*/
    
    #header-logo-contact { padding-top:2.4vw; padding-bottom:2.4vw; }
    #header-logo-image { width:19.2vw; }
    
    .header-page-link-close,
    .body-page-link-close { padding-top:1.33vw; padding-bottom:1.6vw;  }
    
    .header-page-link-wrap.active .header-page-close { margin-right: 3.2vw; }
	
    #body-page-content-wrap { padding-top:17.877vw; }
    
    
    #footer { padding-top:6.93vw; padding-bottom:2.4vw;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;  flex-wrap:wrap;  }
    #footer > * { -webkit-justify-content:flex-start;  -ms-flex-pack:start;  justify-content:flex-start; }
    .footer-title { margin-bottom:2.13vw;  }
    
    #footer-site-map { padding-right:0; width:40vw;  -webkit-order:1;  -ms-flex-order:1;  order:1;  text-align:right; display:none; }
    #footer-site-map .footer-title { display:none; }
    
    #footer-newsletter { width:calc( 100% -  6.45vw ); /*calc( 100% - 40vw );*/  -webkit-order:0;  -ms-flex-order:0;  order:0; }
    .ui.form .field { margin-bottom:1.33vw !important; }
    .ui.form input[type="text"] { padding:1.6vw 0 !important; font-size:3.2vw !important; line-height:5.73vw !important; }
    .ui.button { padding:0 0 0.8vw 0 !important; font-size:3vw !important; line-height:3.67vw !important; /*3: font-size:2.13vw !important; line-height:2.67vw !important;*/ }
    
    #footer-copyright { padding-top:6.93vw;  padding-left:0;  width:100%;  -webkit-order:2;  -ms-flex-order:2;  order:2; text-align:left; }
    #footer-logo { padding-bottom:1.33vw; }
    #footer-logo-image { width:14.4vw;  }
    
    /*#header-wrap::before { height: 108px; }
    body[data-active-menu-id="129"] #header-wrap::before { height: 75px; }
    
    #header-logo-contact { padding-top: 9px; padding-bottom: 9px; }
    #header-logo-image { width: 72px; }
    
    .header-page-link-close,
    .body-page-link-close { padding-top: 5px; padding-bottom: 6px; }
    
    
    #body-page-content-wrap { padding-top: 100px; }
    body[data-active-menu-id="129"] #body-page-content-wrap { padding-top: 67px; }
    
    
    #footer { padding-top: 26px; padding-bottom: 9px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #footer > * { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
    .footer-title { margin-bottom: 8px; }
    
    #footer-site-map { padding-right: 0; width: 150px; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: right; }
    #footer-site-map .footer-title { display: none; }
    
    #footer-newsletter { width: calc(100% - 150px); -webkit-order: 0; -ms-flex-order: 0; order: 0; }
    .ui.form .field { margin-bottom: 5px !important; }
    .ui.form input[type="text"] { padding: 6px 0 !important; font-size: 12px !important; line-height: 21.5px !important; }
    .ui.button { padding: 0 0 3px 0 !important; font-size: 8px !important; line-height: 10px !important; }
    
    #footer-copyright { padding-top: 26px; padding-left: 0; width: 100%; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
    #footer-logo { padding-bottom: 5px; }
    #footer-logo-image { width: 54px; }*/
}



/* PAGE SPECIFIC
- ARTICLE
========================================================= */
.article-page-wrap { width:100%;  height:100%;  position:fixed;  top:0;  left:0;  z-index:20;  overflow:auto;  background-color:#FFF;  }
.article-page-wrap.ajax-loaded { opacity:0;  pointer-events:none; 
                                 -webkit-transition:opacity .3s;  -moz-transition:opacity .3s;  -o-transition:opacity .3s;  transition:opacity .3s;   }
.article-page-wrap.ajax-loaded.show { opacity:1;  pointer-events:auto; }
.article-header-wrap { padding-bottom:1.82vw;  width:100%;  position:fixed;  top:0;  left:0;  z-index:22;  background-color:#FFF; }
.article-header { border-bottom:1px solid #000; padding-top:1.88vw; padding-right:32.4vw; padding-bottom:1.04vw;  }
.open .article-header { border-bottom: none; }

.article-header.has-credit-text { padding-right: 0; display:-webkit-flex;  display:-ms-flexbox;  display:flex; } 
.article-header.has-credit-text > div { width: 66%; /*50%;*/ padding-right: 16%; }
.article-header.has-credit-text > div:last-child { width: 33%; padding-right: 5%; }

.article-title-wrap { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end;  }
.article-title > span::before { content:' / ';  display:inline;  white-space:pre;  }
.article-content-wrap { overflow:auto; }
.article-content { padding-top:0.31vw; padding-bottom:10.42vw;  position:relative;  }

.article-download { position:absolute; right:14.9vw; top:2.76vw;  z-index:2;  }

.article-grid-footer { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;  -webkit-align-items:flex-end;  -ms-flex-align:end;  align-items:flex-end;  }

.article-grid-footer-links { display:-webkit-flex;  display:-ms-flexbox;  display:flex; }
.article-grid-footer-link { border-bottom:1px solid transparent; padding-bottom:0.26vw;  position:relative;  
                             -webkit-transition:border .3s;  -moz-transition:border .3s;  transition:border .3s;  }
.article-grid-footer-link:hover { border-color:#000;  cursor:pointer;  }

.article-grid-footer-logo { display:-webkit-flex;  display:-ms-flexbox;  display:flex;  }
.article-grid-footer-logo a { display:inline-block; }
.article-grid-footer-logo img { width:6.15vw;  }

/*.article-page-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; overflow: auto; background-color: #FFF; }
.article-page-wrap.ajax-loaded { opacity: 0; pointer-events: none;
                                 -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;  }
.article-page-wrap.ajax-loaded.show { opacity: 1; pointer-events: auto; }
.article-header-wrap { padding-bottom: 35px; width: 100%; position: fixed; top: 0; left: 0; z-index: 22; background-color: #FFF; }
.article-header { border-bottom: 1px solid #000; padding-top: 36px; padding-right: 430px; padding-bottom: 20px; }
.article-title-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.article-title::after { content: ' / '; display: inline; white-space: pre; }
.article-content-wrap { overflow: auto; }
.article-content { padding-top: 6px; padding-bottom: 200px; position: relative; }

.article-download { position: absolute; right: 286px; bottom: 53px; z-index: 2; }

.article-grid-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.article-grid-footer-links { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.article-grid-footer-link { border-bottom: 1px solid transparent; padding-bottom: 5px; position: relative; 
                             -webkit-transition: border .3s; -moz-transition: border .3s; transition: border .3s; }
.article-grid-footer-link:hover { border-color: #000; cursor: pointer; }

.article-grid-footer-logo { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.article-grid-footer-logo a { display: inline-block; }
.article-grid-footer-logo img { width: 118px; }*/


@media (max-width: 1023px) {
	.article-header.has-credit-text { -ms-flex-wrap:wrap; flex-wrap:wrap; }
	.article-header.has-credit-text > div, .article-header.has-credit-text > div:last-child { width:100%; }
	
	
    .article-header-wrap { padding-bottom:2.13vw; }
    .article-header { padding-top:2.13vw; padding-right:24vw; padding-bottom:1.33vw; }
    .article-title-wrap { display: block; }
    .article-content { padding-top:5.33vw; padding-bottom:2.67vw; }
    
    .article-download { position: static; right:3.2vw; bottom:4.27vw; }
    
    .article-grid-footer-link { padding-bottom:1.33vw; }
    
    .article-grid-footer-logo img { width:22.67vw;  }
    
    /*.article-header-wrap { padding-bottom: 8px; }
    .article-header { padding-top: 8px; padding-right: 90px; padding-bottom: 5px; }
    .article-title-wrap { display: block; }
    .article-content { padding-top: 20px; padding-bottom: 10px; }
    
    .article-download { right: 12px; bottom: 16px; }
    
    .article-grid-footer-link { padding-bottom: 5px; }
    
    .article-grid-footer-logo img { width: 85px; }*/
}



/* 
- PRODUCTIONS
========================================================= */


@media (max-width: 1024px) {
	body[data-active-menu-id="129"] .page-content { padding-top: 0; /*9.0666vw;*/ }
}

@media (min-width: 1024px) {
	body[data-active-menu-id="129"] .page-content { padding-top: 0; /*3.6979vw;*/ }
}



/* 
- CONTACT
========================================================= */


@media (max-width: 1023px) {
    .contact-table { margin-top:10.67vw;  }
    .contact-table tr,
    .contact-table td { display:block; }
    .contact-table td:nth-child( n+2 )  { margin-top:8vw;  }
    
    /*.contact-table { margin-top: 40px; }
    .contact-table tr,
    .contact-table td { display: block; }
    .contact-table td:nth-child(n+2) { margin-top: 30px; }*/
}

@media (min-width: 1024px) {
    .contact-table { margin-top:5.73vw; }
    .contact-table td { padding-right:5.73vw; }
    .contact-table td:nth-child( n+2 )  { border-left:1px solid #000; padding-right:1.88vw; padding-left: 5.73vw; /* padding-left:1.88vw;*/  }
    
    /*.contact-table { margin-top: 110px; }
    .contact-table td { padding-right: 110px; }
    .contact-table td:nth-child(n+2) { border-left: 1px solid #000; padding-left: 36px; }*/
}
